@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;
}
#topper{
	width:750px;
	height:15px;
}
#pix{
	margin-top:15px;
	width:750px;
	height:184px;
	background-image:url(images/topImages.jpg);
}
#nav{
	width:750px;
	height:20px;
	background-color:#000;
	margin-top:10px;
}
#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:10px;
	width:750px;
	overflow:hidden;
	background-image:url(graphics/logo.png);
	background-position:0px 10px;
	background-repeat:no-repeat;
}
#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;
}