@charset "UTF-8";
/* CSS Document */

body {
	background:#e95900 url(images/background.jpg) top center no-repeat;
}

#wrapper {
	position: relative;
	margin: 0px auto;
	width: 838px;
	height:600px;
}


/* menu */
#menu{
	position: relative;
	height:137px;
}

a#home {
	position: absolute; 
	top:0px; 
	left:0px; 
	height: 137px;
	width: 165px;
	background: url(images/home.png) 0 0 no-repeat;
}
a#home:hover {
	position: absolute; 
	top:0px; 
	left:0px; 
	height: 137px;
	width: 165px;
	background-position: 0 -137px;
}

a#about {
	position: absolute; 
	top:0px; 
	left:165px; 
	height: 137px;
	width: 165px;
	background: url(images/about.png) 0 0 no-repeat;
}
a#about:hover {
	position: absolute; 
	top:0px; 
	left:165px; 
	height: 137px;
	width: 165px;
	background-position: 0 -137px;
}

a#webDesign {
	position: absolute; 
	top:0px; 
	left:330px; 
	height: 137px;
	width: 165px;
	background: url(images/webDesign.png) 0 0 no-repeat;
}
a#webDesign:hover {
	position: absolute; 
	top:0px; 
	left:330px; 
	height: 137px;
	width: 165px;
	background-position: 0 -137px;
}

a#graphicDesign {
	position: absolute; 
	top:0px; 
	left:495px; 
	height: 137px;
	width: 165px;
	background: url(images/graphicDesign.png) 0 0 no-repeat;
}
a#graphicDesign:hover {
	position: absolute; 
	top:0px; 
	left:495px; 
	height: 137px;
	width: 165px;
	background-position: 0 -137px;
}

a#photography {
	position: absolute; 
	top:0px; 
	left:660px; 
	height: 137px;
	width: 165px;
	background: url(images/photography.png) 0 0 no-repeat;
}
a#photography:hover {
	position: absolute; 
	top:0px; 
	left:660px; 
	height: 137px;
	width: 165px;
	background-position: 0 -137px;
}

/* header */
#header{
	position: relative;
	height:216px;
}

a#contact {
	position: absolute; 
	top:180px; 
	left:700px; 
	height: 120px;
	width: 131px;
	background: url(images/contact.png) 0 0 no-repeat;
	z-index:1;
}
a#contact:hover {
	position: absolute; 
	top:180px; 
	left:700px; 
	height: 140px;
	width: 131px;
	background-position: 0 -132px;
	z-index:1;
}
  
/* content */          
#content{
	position: relative;
	top:-80px;
	height: auto;
	width:807px;
	color: white;
	font-family: Trebuchet MS, Arial, Futura;
	font-weight:200;
	background: url(images/contentFill.jpg) top center repeat-y;
}

#content p, ul {
	position: relative;
	top:-290px;
	width:600px;
	left: 100px;
}

#content h2 {
	position: relative;
	top:-270px;
	width:600px;
	left: 100px;
}

#content a, a:visited {
	color: inherit;
	text-decoration: none;
}

#content a:hover {
	color:#00FF33;
}

.featureLeft {
	position: relative;
	top:-290px;
	left: 100px;
	width: 530px;
	height: auto;
	color: white;
	font-size: 14px;
	font-family: Trebuchet MS, Arial, Futura;
	font-weight:200;
}

.featureLeft img {
	position: absolute;
	top:-40px;
	right:-280px;
}

.featureRight {
	position: relative;
	top:-290px;
	right: -140px;
	width: 530px;
	height: auto;
	text-align: right;
	color: white;
	font-size: 14px;
	font-family: Trebuchet MS, Arial, Futura;
	font-weight:200;
}

.featureRight img {
	position: absolute;
	top:-40px;
	left:-280px;
}

.featureHeader {
	color: white;
	font-family: Trebuchet MS, Arial, Futura;
	font-size:20px;
	font-weight:200;
}

.productLeft {
	position: relative;
	margin: 0 0 0 20px;
	top:-300px;
	left: 0px;
	width: 280px;
	height: 300px;
	font-size:14px;
}

.productRight {
	position: relative;
	margin: 0 0 0 20px;
	top:-300px;
	left: 300px;
	width: 280px;
	height: 300px;
	font-size:14px;
}


/* footer */            
#footer{
	position: relative;
	left:-14px;
	top:-220px;
	width:836px;
	height: 144px;
	float: left;
	background: url(images/footer.png) top center no-repeat;
}

#footer p {
	position:relative;
	top: 22px;
	text-align: center;
	color: white;
	font-size:12px;
	font-family: Trebuchet MS;
}

#footer img {
	position: absolute;
}

#footer a, a:visited {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	color:#00CC99;
	text-decoration: none;
}