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

/* reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
a{text-decoration:none; color:#000}
a:focus { 
    outline: none; 
}


/* end reset */

body {
	margin: 0 0;
	padding: 0;
	background-image:url(graphics/bkgd.jpg);
	background-repeat:repeat;
}

#wrapper{
	margin:auto;
	margin-top:20px;
	width:750px;
	overflow:hidden;
	padding-bottom:30px;
}
#topper{
	width:750px;
	height:15px;
}

#nav{
	width:750px;
	height:20px;
	background-color:#000;
	margin-top:15px;
}
#mainNav {
  list-style: none;
  overflow: hidden; 
  zoom: 1;
}
#mainNav li {
	float:left;
	width:140px;	
}
#mainNav a {
  color: #000;
  width:150px;
  height:16px;
  margin:3px 0 0 0px;
  display: block;
  zoom: 1;
}
#mainNav  #servicesLink {
	background-image:url(graphics/btnService.jpg); 
	background-repeat: no-repeat; 
	background-position: 0px 0px;
}
#mainNav  #servicesLink:hover{
	background-image: url(graphics/btnService.jpg);
 	background-repeat: no-repeat; 
 	background-position: 0px -20px;
}
#mainNav  #projectsLink {
	background-image:url(graphics/btnProject.jpg); 
	background-repeat: no-repeat; 
	background-position: 0px 0px;
}
#mainNav  #projectsLink:hover{
	background-image: url(graphics/btnProject.jpg);
 	background-repeat: no-repeat; 
 	background-position: 0px -20px;
}
#mainNav  #testimonialsLink {
	background-image:url(graphics/btnTestimonial.jpg); 
	background-repeat: no-repeat; 
	background-position: 0px 0px;
}
#mainNav  #testimonialsLink:hover {
	background-image: url(graphics/btnTestimonial.jpg);
 	background-repeat: no-repeat; 
 	background-position: 0px -20px;
}
#mainNav  #contactLink {
	background-image:url(graphics/btnContact.jpg); 
	background-repeat: no-repeat; 
	background-position: 0px 0px;
}
#mainNav  #contactLink:hover{
	background-image: url(graphics/btnContact.jpg);
 	background-repeat: no-repeat; 
 	background-position: 0px -20px;
}
#mainNav  #aboutLink {
	background-image:url(graphics/btnAbout.jpg); 
	background-repeat: no-repeat; 
	background-position: 0px 0px;
}
#mainNav  #aboutLink:hover{
	background-image: url(graphics/btnAbout.jpg);
 	background-repeat: no-repeat; 
 	background-position: 0px -20px;
}


#main{
	margin-top:20px;
	width:750px;
	overflow:hidden;
	
}
.logo{
	width:200px;
	float:left;
}
#main h1{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:100;
	font-size:30px;
	letter-spacing:.08em;
	text-align:center;
	padding-top:35px;
}
#projectOne{
	background-image:url(siteImages/projectOne.png);
	height:490px;
	background-repeat:no-repeat;
	background-position:10px 0px;
	margin-top:20px;
	padding-top:10px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}
#projectOne H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:10px;
	margin-left:0px;
	width:335px;
	
}
#projectOne p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:0px;
	padding-bottom:5px;
	width:375px;
}

#projectTwo{
	background-image:url(siteImages/projectTwo.png);
	height:485px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:10px;
	border-bottom:1px solid #000;
	
}
#projectTwo H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:0px;
	margin-left:0px;
	width:335px;
	
}

#projectTwo p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:3px;
	width:315px;
}
#projectThree{
	background-image:url(siteImages/projectThree.png);
	height:475px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:10px;
	border-bottom:1px solid #000;
	
}
#projectThree H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:0px;
	margin-left:0px;
	width:395px;
	
}

#projectThree p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:3px;
	width:315px;
}

#projectFour{
	background-image:url(siteImages/projectFour.png);
	height:485px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:10px;
	border-bottom:1px solid #000;
	
}
#projectFour H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:0px;
	margin-left:0px;
	width:335px;
	
}
#projectFour p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:3px;
	width:315px;
}
#projectFive{
	background-image:url(siteImages/projectFive.png);
	height:485px;
	background-position:-60px 0;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:10px;
	border-bottom:1px solid #000;
}
#projectFive H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:0px;
	margin-left:0px;
	width:335px;
	
}

#projectFive p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:3px;
	width:315px;
}

#projectSix{
	background-image:url(siteImages/projectSix.png);
	background-position:-60px 5px;
	height:495px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:10px;
	border-bottom:1px solid #000;
}
#projectSix H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:0px;
	margin-left:0px;
	width:355px;
	
}
#projectSix p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:3px;
	width:315px;
}

#projectSeven{
	background-image:url(siteImages/projectSeven.png);
	background-position:0px 10px;
	height:485px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:10px;
	border-bottom:1px solid #000;
	
}
#projectSeven H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:0px;
	margin-left:0px;
	width:335px;
	
}
#projectSeven p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:3px;
	width:515px;
}
#projectEight{
	background-image:url(siteImages/projectEight.png);
	background-position:-40px 5px;
	height:485px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:10px;
	border-bottom:1px solid #000;
}
#projectEight H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:0px;
	margin-left:0px;
	width:355px;
	
}

#projectEight p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:3px;
	width:305px;
}
#projectNine{
	background-image:url(siteImages/projectNine.png);
	background-position:0px 00px;
	height:485px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:10px;
	border-bottom:1px solid #000;
	
}
#projectNine H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:0px;
	margin-left:0px;
	width:335px;
	
}

#projectNine p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:0px;
	padding-bottom:5px;
	width:375px;
}

#projectTen{
	background-image:url(siteImages/projectTen.png);
	background-position:00px 00px;
	height:485px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:10px;
}
#projectTen H1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f04f23;
	margin-top:0px;
	margin-left:0px;
	width:335px;
	
}

#projectTen p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-left:0px;
	padding-bottom:5px;
	width:375px;
}


#bottomNav{
	width:750px;
	margin-top:20px;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	padding-bottom:3px;
}
#bottomNav h3{
	text-align:center;
}
#bottomNav h3 a{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:9px;
	color:#999;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
}
#bottomNav h3 a:hover{
	color:#fcb913;
	text-align:center;
}