/* CSS Document */


body {
	margin: 0;
	background: #31302b;
	color: #ebe8d9;
	font: 12px "Lucida Grande","Lucida Sans Unicode","Trebuchet MS", Verdana, sans-serif;
	line-height: 20px;
	}
	
h1 {
	color: #fff;
	font-size: 	30px;
	margin: 0;
	line-height: normal;
	}
h2 {
	color: #fff;
	font-size: 	19px;
	margin: 0;
	line-height: normal;
}
h3 {
	color: #9e9b8a;
	font: 18px "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0;
	line-height: normal;
	}
h4 {
	font-weight: bold;
	font-size: 13px;
	line-height: normal;
	margin: 0;
	}
h5 {
	color: #9e9b8a;
	font: 13px "Lucida Grande","Lucida Sans Unicode","Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 10px 0;
	line-height: normal;
	font-weight: bold;
	}

input {
	color: #666;
	font: 12px "Lucida Grande","Lucida Sans Unicode","Trebuchet MS", Verdana, sans-serif;
	padding: 3px;
	width: 400px;
	}
textarea {
	color: #666;
	font: 12px "Lucida Grande","Lucida Sans Unicode","Trebuchet MS", Verdana, sans-serif;
	padding: 3px;
	width: 400px;
	}




/*------------------------------------------------------------------------------------------------------  LINKS ------------------*/

a:link {
	color: #e14526;
	text-decoration: none;
	}	
a:visited {
	color: #e14526;
	text-decoration: none;
	}	
a:hover {
	color: #e14526;
	text-decoration: none;
	}	
a:active {
	color: #e14526;
	text-decoration: none;
	}	
	
/*------------------------------------------------------------------------------------------------------  DIV ------------------*/

#head {
	background: #21201d;
	}
#headInner {
	width: 912px;
	margin: 0 auto 0 auto;
	}
#headR {
	float: right;
	text-align: right;
	font-size: 13px;
	color: #fff;
	margin: 35px 0 0 0;
	width: 180px;
	}
#logo {
	float: left;
	width: 360px;
	}
#container {
	width: 912px;
	margin: 0 auto 0 auto;
	}
#contentMain {
	margin: 20px 0 0 0;
	padding: 0 0 30px 0;
	}
#menu {
	background: #31302b;
	}	
	
	
	
	
	
#homeLeft {
	width: 590px;
	float: left;
	margin: 30px 0  0 0;
	padding: 0 0 30px 0;
	}
#homeRight {
	width: 299px;
	float: right;
	margin: 30px 0  0 0;
	border-left: 1px solid #5a5955;
	}







#projectsRight {
	float: right;
	width: 627px;
	border-left: 1px solid #5a5955;
	margin: 30px 0  0 0;
	padding: 0 0 30px 25px
}
#projectsLeft {
	float: left;
	width: 240px;
	margin: 30px 0  0 0;
	padding: 0 0 30px 0;
}
#projectDetail {
	width: 628px;
	margin: 25px 0 0 0;
	font-size: 10px;
	}
#projectCaption {
	float: left;
	margin: 6px 0 0 0;
	}
#projectNav {
	float: right;
	}
#projectThumbs {
	background:url(/images/thumbBg.gif) repeat-x top;
	margin: 30px auto 0 auto;
	width: 604px;
	}
.projectThumbList a {
	cursor: pointer;
	}



#homesLeft {
	float: left;
	width: 627px;
	margin: 30px 0  0 0;
	padding: 0 0 30px 0;
}
#homesRight {
	float: right;
	width: 240px;
	margin: 30px 0  0 0;
	padding: 0 0 30px 0;
	text-align: right;
}




#contactLeft {
	float: left;
	width: 250px;
	}
#contactRight {
	float: right;
	width: 620px;
	padding: 0 0  0 25px;
	border-left:1px solid #5A5955;
	}






#foot {
	background: #76725e;
	height: 100px;
	color: #31302b;
	font-size: 10px;
	padding: 20px 0 0 0;
}	
#footContainer {
	width: 912px;
	margin: 0 auto 0 auto;
	}
#footLeft {
	float: left;
	width: 650px;
	}
#footRight {
	float: right;
	width: 200px;
	text-align: right;
	}
#foot a {
	color: #ebe8d9;
	}
	
	
#buttonGallery, #buttonTestimonials {
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	}
#buttonGallery {
	width: 158px;
	height: 46px;
	background: url(/images/buttons.gif) no-repeat;
	}
#buttonGallery:hover {
	background-position: 0 -46px;
	}
#buttonTestimonials {
	width: 158px;
	height: 46px;
	background: url(/images/buttons.gif) no-repeat 0 -92px;
	}
#buttonTestimonials:hover {
	background-position: 0 -138px;
	}
#homeRight #buttonTestimonials {
	margin: 20px auto 0;
	}


/*------------------------------------------------------------------------------------------------------  CLASS ------------------*/


.clear {
	clear: both;
	}	
.divider {
	background: url(/images/divider.gif) repeat-x center;
	height: 30px;
}
.dividerHead {
	background: url(/images/dividerHead.gif) center repeat-x;
	height: 15px;
	}	
.img {
	border: 1px solid #21201d;
	}	
.imgR {
	float: right;
	margin: 0 0 15px 15px;
	}	
.imgL {
	float: left;
	margin: 0 15px 15px 0;
	}	
.submit {
	width: 111px;
	height: 39px;
	border: none;
	margin: 0 0 0 300px;
	}	
		
	
	
	
	
	
	
.h1 {
	background:url(/images/h1.gif) repeat-x 0 33px;
	margin: 0 0 20px 0;
	}
.h2 {
	background:url(/images/h1.gif) repeat-x 0 22px;
	margin: 11px 0 0 13px;
}
.h2Projects {
	margin: 11px 0 0 0;
}
.h1Projects {
	width: 350px;
	float: left;
	}
.projectLocation {
	width: 250px;
	float: right;
	text-align: right;
	padding: 12px 0 0 0;
	overflow: hidden;
	}
.updateDate {
	width: 200px;
	float: right;
	text-align: right;
	padding: 12px 0 0 0;
	overflow: hidden;
	}
.projectCaptionSub {
	color: #76725e;
	}	






.email {
	background:url(/images/iconEmail.gif) no-repeat left;
	font-size: 12px;
	padding: 0 0 0 25px;
	}	
.update {
	background: url(/images/updateBlock.gif) no-repeat bottom left;
	padding: 20px;
	}
.updateText {
	font-size: 10px;
	}	
.date {
	font-size: 10px;
	color: #76725e;
	}
.view {
	text-align: center;
	width: 100%;
	margin: 10px 0 0 0;
	}



.testimonial {
border-bottom:2px solid #44433D;
margin:35px auto 0;
padding:0 0 25px;
width:767px;
}


.testimonialL {
	background:url(/images/testimonialL.gif) left top no-repeat;
	padding: 5px 40px 30px 40px;
	line-height: 22px;
}
.testimonialPerson {
	font-style:normal;
	font-weight: bold;
	}
.testimonialBusiness {
	color: #76725E;
	font-style:normal;
	}
.testimonialFoot {
	margin: 21px 0 0;
	text-align: right;
	font: 12px "Lucida Grande","Lucida Sans Unicode","Trebuchet MS", Verdana, sans-serif;
	}	




.linkCell {
	border-bottom:1px solid #4c493e;
	border-right:1px solid #4c493e;
	padding:15px;
}
.linkCellR {
	border-bottom:1px solid #4c493e;
	padding:15px;
}
.linkCellB {
	border-right:1px solid #4c493e;
	padding:15px;
}
.linkCellBR {
	padding:15px;
}
.linkImg {
	float:left;
	width: 149px;
}
.linkDetail {
	float:right;
	width:260px;
}	
	

/*------------------------------------------------------------------------------------------------------  LISTS ------------------*/



.projectsList {
	margin: 0px 10px 15px 0;
	padding: 0px;
	}	
.projectsList ul { 
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 list-style-position: inside;
	 } 
.projectsList li {	
	padding: 20px 0 20px 0px;
	list-style-type: none;
	margin: 0 0 0 0;
	border-bottom: 1px solid #5a5955;
		background: none;
}





.projectThumbList {
	margin: 0;
	padding: 0px;
	}	
.projectThumbList  ul { 
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 list-style-position: inside;
	 } 
.projectThumbList  li {	
	padding: 10px;
	list-style-type: none;
	margin: 0 0 0 0;
	border-right: 1px solid #32312f;
	float: left;
	background: none;
	}
	

.list {
	margin: 0 0 0 30px;
	padding: 0px;
	}	

.list ul { 
	 list-style-type: none;
	 margin: 0 0 0 0px;
	 padding: 0;
	 list-style-position: inside;
	 } 
.list li {	
	padding: 0px 0 10px 15px;
	list-style-type: none;
	margin: 0 0 0 0;
	background: url(/images/liBullet.gif) no-repeat 0 9px;
	}
	
	
	
.imgList {
	margin: 33px 10px 0 0;
	padding: 0px;
	}	
.imgList ul { 
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 list-style-position: inside;
	 } 
.imgList li {	
	padding: 0px 0 20px 0px;
	list-style-type: none;
	margin: 0 0 0 0;
	background: none;
}

/*------------------------------------------------------------------------------------------------------  ACCORDION ------------------*/

#accordion {
	margin: 15px 0 15px;
	}
#accordion h3 {
	font: normal 15px "Lucida Sans Unicode","Trebuchet MS",Verdana,Arial,sans-serif;
	padding: 12px;
	background: #21201d url(/images/accordionArrow.png) no-repeat 218px center;
	margin: 0 0 2px;
	cursor: pointer;
	}
#accordion h3.ui-state-active, #accordion h3.ui-state-hover {
	background: #94907c url(/images/accordionDot.png) no-repeat 220px center;
	color: #fff;
	}
#accordion ul {
	padding: 0;
	margin: 0;
	}
#accordion li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#accordion a {
	display: block;
	padding: 6px 10px;
	background: #2c2b27;
	margin: 0 0 1px;
	}
#accordion a:hover, #accordion a.active {
	background: #272622;
	color: #fff;
	}

