body {
  background-color: #ebeded; 
  background-image: url("images/header-bg.gif"); 
  background-repeat: repeat-x; 
}

.clear	{
  clear: both;
}

#container	{
  width: 900px;
  margin: 0 auto;
}

#header	{
  width: 900px;
  float: left;
}

#logo	{
  width: 408px;
  float: left;
  display: block;
}

	#logo h1	{
	  text-indent: -9999px;
	}
	
	
/*== NAVIGATION ==*/

#nav	{
  height: 90px;
  width: 412px;
  float: left;
  margin-top: 9px;
  background: url("images/nav.gif") no-repeat 0 0;
}
 	
	#nav ul	li	{
	  float: left;
	  list-style: none;
	}
	
		#nav ul li a	{
		  font-family: "Myriad Pro", sans-serif;
		  font-size: 30px;
		  text-align: center;
		  line-height: 90px;
		  height: 90px;
		  display: block;
		  text-decoration: none;
		  color: #2a2c33;
		}
		
		li#home {
		  width: 130px;
		}
			li#home.current, li#home a:hover	{
		  	  background: url("images/nav.gif") no-repeat 0 -90px;
			}
		
		li#projects	{
		  width: 143px
		 }
			
			li#projects.current, li#projects a:hover	{
		 	  background: url("images/nav.gif") no-repeat -130px -90px;
		}
		
		li#contact	{
		  width: 137px;
		}
		
			li#contact.current, li#contact a:hover	{
		  	  background: url("images/nav.gif") no-repeat -273px -90px;
		}
		
/*== END NAVIGATION ==*/



#box	{
  clear: both;
  float: left;
  background: url("images/box.jpg")  no-repeat 0 0;
  width: 852px;
  height: 246px;
}

#boxLeft {
  width: 400px;
  padding-top: 60px;
  float: left;
}

	#boxLeft h2	{
  	  font-family: "Myriad Pro", sans-serif;
  	  text-align: center;
  	  font-size: 25px;
 	  color: #2a2c33;
 	  padding-top: 10px;  
	}
	
#featured	{
  float: left;
  width: 450px;
}

	#featured h3, #about h3	{
	  font-family: "Myriad Pro", sans-serif;
	  font-size: 20px;
	  color: #2a2c33;
	  margin-top: 15px;
	}
	
#feature1	{
  width: 450px;
  height: 134px;
  background: url("images/featured.gif") no-repeat 0 0;
}

	#feature1 img, #feature2 img	{
	  margin: 8px;
	}

#feature2	{
  width: 450px;
  height: 134px;
  margin-top: 7px;
  background: url("images/featured.gif") no-repeat 0 0;
}

#about	{
  margin: 0 0 105px 25px;
  float: left;
  width: 400px;
}

	#about p	{
	  line-height: 1.3em;
	  font-family: "Myriad Pro", sans-serif;
	  font-size: 14px;
	  padding: 8px 0;
	}
	
	#about a:link, a:visited	{
		color: #51827B;
	}


#footer	{
  width: 100%;
  background-color: #2a2c33;
  clear: both;
  margin-top: 50px;
}

#fContact	{
  width: 100%;
  background-color: #2a2c33;
  clear: both;
  margin-top: 275px;
}

#fMain	{
  width: 900px;
  font-family: "Myriad Pro", sans-serif;
  text-align: center;
  margin: 0 auto;
  line-height: 68px;
}

	#fMain p	{
	  color: #fff;
	  }

.project	{
  height: 150px;
  padding: 18px 7px;
  border-bottom: #333333 1px solid;
}

	.project img	{
	  float: left;
	  margin-right: 150px;
	  border: 2px solid #333;
	}
	
	.project h2	{
	  font-family: "Myriad Pro", sans-serif;
	  font-size: 18px;
	  margin-bottom: 25px;
	}
	
	.project p	{
	  font-family: "Myriad Pro", sans-serif;
	  line-height: 1.3em;
	}

#imageCol	{
	width: 335px;
	float: left;
}

#mailer	{
  margin: 25px 10px;
}

.fExtend	{
  margin-top: 295px;
}

#details	{
  width: 600px;
  float: left;
  font-family: "Myriad Pro", sans-serif;
  color: #2a2c33;
}

	#details p	{
	  line-height: 1.3em;
	  margin: 0 50px 12px 0;
	}
	
	#details h1	{
	  font-size: 30px;
	  margin-bottom: 15px;  
	}
	
	#details a:link, a:visited	{
	  text-decoration: none;
	  color: #51827b;
	  font-size: 18px;
	}

#sidebar	{
  width: 300px;
  float: left;
  height: 650px;
}

	#sidebar img	{
	  margin-bottom: 25px;
	}

.sitelink	{
	padding-top: 15px;
	text-align: right;
	margin-left: 175px;
	
}

	.sitelink img	{
	  margin-left: 7px;
    }
    
.detailsback	{
	text-align: left;
}
	
	.detailsback img	{
	  margin-right: 7px;
	}
	
.endDetails	{
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
}

#details .redlink 	{
	color: #730302;
}

.singleimg	{
	margin-top: 43px;
}

td:first-child {
	padding-right: 12px;
}