@charset "utf-8";
/* Rachel Nesbit Design - Copyright 2010*/

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin:0 auto;
	font: 13px/18px Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	line-height:18px;
	background: #d3e2d2;
	color: #000;
	height: 100%;
}


/* ----- Bones ----- */

#wrapper {
	height: 530px;
	margin: 0 auto;
	margin-top: 100px;
	overflow: visible;
	position: relative;
	width: 900px;
}
#content {
	background-color: #e7ebe2;
	clear: right;
	height: 500px;
	margin: 0;
	border: 10px solid #fff;
}

#logo{
	height:126px;
	width:281px;
	position:absolute;
	top: -100px;
	background:url(../images/logobg.jpg) no-repeat;
	padding-top:60px;
	z-index:-100;
}




/* --- Navigation --- */
#nav 	{ display: inline; float: right; margin: 0px 10px 0 0; position: relative;	}
#nav li { float: left; list-style-type:none; }
#nav a {
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	border: 0;
	display: block;
	height: 15px;
	margin-left: 33px;
	margin-bottom:5px;
}
#nav a span 		  { margin-top: -999em; position: absolute; }
#nav .home a   	  { background-position:     0 0; width: 42px; }
#nav .services a   	  { background-position:     -42px 0; width: 65px; }
#nav .work a    	  { background-position: -108px 0; width: 40px; }
#nav .contact a 	  { background-position: -149px 0; width: 58px; }
#nav .home a:hover   { background-position:     0 -17px; }
#nav .services a:hover   { background-position:     -42px -17px; }
#nav .work a:hover    { background-position: -108px -17px; }
#nav .contact a:hover { background-position: -149px -17px; }
#home #nav .home a, #home #nav .home a:hover	 	 { background-position:     0 -34px; }
#services #nav .services a, #services #nav .services a:hover	 	 { background-position:     0 -34px; }
#work #nav .work a, #work #nav .work a:hover 		 	 { background-position: -108px -34px; }
#contact #nav .contact a, #contact #nav .contact a:hover { background-position: --149px -34px; }


/*HOME PAGE*/
#mainright {
	background: #464646 url("../images/mainright.png") 0 0 no-repeat;;
	display: inline;
	float: right;
	height: 500px;
	margin: 0px;
	width: 320px;
}
#mainleft {
	background-color: #e7ebe2;
	display: inline;
	float: left;
	height: 500px;
	margin: 0px;
	width: 560px;
}
 #mainleft .intro{
	 padding:30px 00px 0 20px;
	 width:275px;
	 height:340px;
	 overflow:hidden;
}

 #mainleft .services{
	padding:0; 	margin-top:5px;
	display: inline;
	font: 18px/22px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bolder;
	color:#74a541;
	line-height:26pt;
	text-align:center;
	overflow:hidden;
	position:absolute;
	left: 357px;
	top: 36px;
	width: 212px;
	height: 365px;
}

#mainleft .pictures {
	 width:560px;
	 height:125px;
	 overflow:hidden;
	}

#mainleft .pictures ul {
	overflow: hidden;
	float: right;
	padding-left:10px;
	margin:0px;
	list-style-type: none;
	}

#mainleft .pictures ul li {
	float: left;
	display:block;
	padding-right:10px;

	}
	
/*Services*/
#servicesright {
	background: #464646 url("../images/servicesright.png") 0 0 no-repeat;;
	display: inline;
	float: right;
	height: 500px;
	margin: 0px;
	width: 320px;
}
#servicesleft {
	background-color: #e7ebe2;
	display: inline;
	float: left;
	height: 500px;
	margin: 0px;
	width: 560px;
}	

 #servicesleft .intro{
	 padding:30px 00px 0 20px;
	 width:500px;
	 height:340px;
	 overflow:hidden;
}

#servicesleft .pictures {
	 width:560px;
	 height:125px;
	 overflow:hidden;
	}

#servicesleft .pictures ul {
	overflow: hidden;
	float: right;
	padding-left:10px;
	margin:0px;
	list-style-type: none;
	}

#servicesleft .pictures ul li {
	float: left;
	display:block;
	padding-right:10px;

	}

/*Work*/
#worknav {
	float: left;
	font-weight: normal;
	width: 300px;
	margin-left: 40px;
	margin-top:27px;
}
#worknav li {
	list-style-type: none;
	display: inline;
	margin-right: 10px;
	margin-bottom: 0px;
}

#worknav ul {
	margin-bottom: 0px;
}

#worknav  li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;		
	color: #fff;
	background-color: #74a541;
	display: inline-block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #474747;
	text-decoration:none;
}
#worknav  li a:hover {
	color: #fff;
	background-color: #474747;
	display: inline-block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#worknav li#active a {	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;		
	color: #fff;
	background-color: #474747;
	display: inline-block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #474747;
	text-decoration:none;}
	
/* Contact*/
#contactright {
	background: #464646 url("../images/servicesright.png") 0 0 no-repeat;;
	display: inline;
	float: right;
	height: 500px;
	margin: 0px;
	width: 320px;
}
#contactleft {
	background-color: #e7ebe2;
	display: inline;
	float: left;
	height: 500px;
	margin: 0px;
	width: 560px;
}	

 #contactleft .intro{
	 padding:50px 00px 0 20px;
	 width:500px;
	 height:340px;
	 overflow:hidden;
}
/*Footer*/
#footer {color:#1d1d1d;padding-left:10px; padding-right:10px;}
#footer p {font-size:10px;}
.cldesign {float:right;}

/*Links*/
a:link{ color: #74a541; text-decoration: none; font-weight:bold; }
a:visited { color: #74a541; text-decoration: none; font-weight:bold; }
a:hover{ color: #74a541; text-decoration: underline; }
a:active { color: #74a541; text-decoration: underline; }

/*typography*/
h1{	font: 20px/22px Arial, Helvetica, sans-serif; color:#74a541; letter-spacing:5px;}
h2 {font: 20px/22px Arial, Helvetica, sans-serif; color:#000;line-height:normal;font-weight:bolder;}
h3 {font: 14px/16px Arial, Helvetica, sans-serif; color:#000;line-height:normal;font-weight:bolder; border-bottom:1px dotted #74a541; width:250px; }