@charset "utf-8";

/*------------------------------------------------------------------
[1. Common ]
*/	

body { background: #54524c; font: 12px Arial, Verdana, sans-serif; }
	.header{ border-bottom: 2px solid #abb783; background:#54524c; }
	.container{ background: #54524c url('../img/bg.gif') repeat-y; width:996px; margin:0 auto; clear:both; min-height:400px; }
		.container .pad { padding:0 6px; }
		.container .pad .contents { background: url('../img/contents-bg.gif') top left no-repeat; float:left; padding:0 0 0 0; width:984px; }
		.container .pad .contentsBg { background: url('../img/trees-bg.gif') bottom left no-repeat; float:left; padding:0 0 0 0; width:984px; }
		
		.container .page_content {margin-left:28px;}
			.container .page_content h1 { font-size:18px; font-weight:bold; color:#fff; }
			.container .page_content p { color:#fff; margin-bottom:10px; line-height:18px; font-size:13px; margin-right:10px; }
			.container .page_content em { color:#fff; font-style:italic; }
				
		ul.tabLinks { display: block; margin: 8px 0px 0px 58px; float:left; display: inline; }
			ul.tabLinks li { float: left; border-right: 1px solid #fff; margin: 0 0 0 10px; padding:0 10px 0 0; list-style: none; }
				ul.tabLinks li a { color: #fff; text-decoration: none; font-size: 13px; }
				ul.tabLinks li a:hover { text-decoration: underline; }

		.container .flash { float:left; height: 217px; overflow: hidden; }
		.container .nav { float: left; width: 410px; }
		.clear{ clear: both; }
		
	/*------------------------------------------------------------------		
	[1.1 Case Studies ]
	*/			
		.container .case_studies { float: right; width: 517px; margin-right:56px;  *-margin-right:0px; }		
		
		.tabs { float: left; width: 517px; background: #54524c; margin: 24px 19px 0px 38px; font-size: 12px; letter-spacing: 50%; color: #fff; display: inline; }
			.generalContent { padding: 0 0 12px 15px;clear: both; }
				.generalContentHeading { float: left; padding: 0px 20px 20px 20px; width: 477px; }
					.generalContentHeading h1 { line-height: 18px; font-size: 18px; font-weight: bold; letter-spacing: 50%; color: #fff; float: left; diplay: block; width: 477px; margin-left: 13px; }
				.generalContentItem { padding:0 0 20px 22px; width:477; float:left; }
					.generalContentItem p { line-height: 18px; font-size: 12px; letter-spacing: 50%; color: #fff; float: left; diplay: block; width: 450px; margin: 0 0 10px 13px; }
					.generalContentItem h2 { line-height: 24px; font-size: 18px; color: #fff; float: left; diplay: block; width: 450px; margin: 5px 0 5px 13px; }
					.generalContentItem h3 { line-height: 20px; font-size: 14px; color: #fff; float: left; diplay: block; width: 450px; margin: 5px 0 5px 13px; text-decoration:underline; }
					
					
			.caseStudies { padding: 0 0 12px 15px;clear: both; }
				.caseStudiesHeading { float: left; padding: 0px 20px 20px 20px; width: 477px; }
					.caseStudiesHeading h2 { float: left; text-indent: -777em; background: url(../img/casestudies.gif) no-repeat; width: 166px; height: 17px; }
					.caseStudiesHeading p { float: right; text-align: right; }
						.caseStudiesHeading p a { color: #abb783; font-weight: bold; }		
				
				.caseStudiesItem { padding:0 0 20px 22px; float:left; }
					.caseStudiesItem p { line-height: 18px; font-size: 12px; letter-spacing: 50%; color: #fff; float: left; diplay: block; width: 273px; margin-left: 13px; }
					.caseStudiesItem h3 { line-height: 18px; font-size: 14px; letter-spacing: 50%; font-weight: bold; float: left; display: block; margin-left: 13px; margin-bottom: 10px; }
						.caseStudiesItem h3 a { color: #fff; }
					.caseStudiesItem a.more { display: block; color: #abb783; font-weight: bold; }		
					
				.img-dec { background: url('../img/shadow.gif') no-repeat bottom right; float: left; position: relative; margin-top:10px; }
		  			.img-dec img { background-color: #fff; border: 1px solid #fff; display: block; margin: -5px 5px 5px -5px; position: relative; }	
				
				.caseStudiesItem .cs_text { width:340px; float:right; margin-left:10px; }
				
				.caseStudyBottom { float: left; background: url(../img/tabs-bg-btm.gif) no-repeat; width: 517px; height: 14px; overflow: hidden; }
		
	/*------------------------------------------------------------------		
	[1.2 Navigation ]
	*/		
		.contents .nav h1 { line-height: 22px; font-size: 18px; letter-spacing: 50%; color: #fff; margin-bottom: 25px; padding: 0 0 0 27px; width: 300px; }
		.contents .nav p { line-height: 18px; font-size: 14px; letter-spacing: 50%; color: #fff; margin-bottom: 25px; padding: 0 0 0 27px; }	
	
		ul.navigation { font-size: 16px; font-weight: bold; margin-bottom: 25px; padding: 0 0 0 5px; }
		.nav ul.navigation a { color: #54524c; text-decoration: none; }
		ul.navigation li { height: 18px; padding-bottom: 3px; padding-left: 23px; list-style: none; }
		ul.navigation li.selected { background:transparent url(../img/navigation-on.gif) no-repeat scroll 0 0; list-style: none; padding-bottom:5px; padding-left:23px; }
		.nav ul.navigation li.selected { background:transparent url(../img/navigation-on.gif) no-repeat scroll 0 0;  list-style: none; padding-bottom:5px; padding-left:23px; }
		.nav ul.navigation li.selected a { color:#fff; display:block; }
		.nav ul.navigation  a:hover { text-decoration:underline; }

/*------------------------------------------------------------------
[4. Footer ]
*/	
	.footer { background:#54524c url('../img/footer2.gif') top center no-repeat; width:996px; margin:0 auto; clear:both; color:#727068; padding:10px 0 0 0 ; }
		.footer span { float:left; display:block; margin-left:10px; }
		.footer span.right { float:right; margin-right:10px; }
		.footer a { text-decoration: underline; color: #727068; }

/*------------------------------------------------------------------
[5. Home ]
*/	

	.homeContainer { width:875px; margin: 123px auto 0 auto;  }
		.homeContainer .nav { padding-left: 42px; margin-right: 13px; width: 207px; float: left; text-align: right; }
			.homeContainer .nav ul { font-size: 14px;font-weight: bold;line-height: 18px; }
				.homeContainer .nav li { margin: 2px 0; list-style: none; }
					.homeContainer .nav li a { color: #fff; text-decoration: none; }
					.homeContainer .nav li a:hover { text-decoration: underline; }
			.homeContainer .flash { width: 560px; height: 260px; float: left; background-image: url('../img/home-flash-bg.gif') }
			.homeContainerBtm { clear: both; width: 875px; height: 378px; margin: 0px auto 0 auto; background: url("../img/home-trees-bg.gif") no-repeat left bottom; }
				.homeContainerBtm .blurb { float: left; padding-top: 10px; padding-left: 262px; width: 560px; }
					.homeContainerBtm .blurb h1 { text-indent: -777px; background: url("../img/home-h1.gif") no-repeat; height: 22px; margin-bottom: 22px; }
					.homeContainerBtm .blurb p { font-size: 14px; color: #fff; line-height: 18px; margin-bottom: 18px; }
			.homeContainerBtm .blurb .continue { float:right; }
			span.copyRite { display: block; color: #73785c; font-size: 12px; line-height: 14px;width: 780px;margin: 0 auto; }
			span.homeLinks { color: #66645e; display: block; font-size: 12px; line-height: 14px; width: 780px; margin: 0 auto; }
				span.homeLinks a { color: #66645e; }

/*------------------------------------------------------------------
[6. Case Study Detail ]
*/	
	.caseStudyGallery { padding: 0px 0px 5px 17px; }
		.caseStudyGallery img { border: 1px solid #fff; }
	
	.carousel { float: left; width: 517px; padding-left: 38px; padding-top: 10px; margin-bottom:10px; }
		.carouselTop { background: url(../img/c-top.jpg) no-repeat; width: 517px; height: 5px; overflow: hidden; }
		.carouselMid { float: left; background: #54524c; width: 517px; padding: 8px 0px 8px 0px; }
			.anyClass { float: left; }
			.anyClass ul li { padding: 0px 5px 0px 5px; }
			.anyClass ul li img { border: 1px solid #fff; }		
		.carouselBottom { clear: both; background: url(../img/c-bottom.jpg) no-repeat; width: 517px; height: 5px; overflow: hidden; }
		
			.next { float: left; background: url(../img/next_button.jpg) no-repeat center; text-indent: -777px; border: 1px solid #54524c; width: 25px; height: 100px; cursor: pointer; }
			.prev { margin-left: 5px;  float: left; background: url(../img/prev_button.jpg) no-repeat center; text-indent: -777px; border: 1px solid #54524c; width: 25px; height: 100px; cursor: pointer; } 


/*------------------------------------------------------------------
[6. contact form]
*/	


.contactForm { margin: 1em; } 
	.contactForm legend { font-size:1.3em; margin-bottom:1em; color:#FFFFFF; } 
	.contactForm fieldset { display: block; margin: 0 0 3em 0; padding: 0 1em 1em 1em; }
	.contactForm fieldset.radio { margin: 1em 0 2em 0; }
	.contactForm fieldset.radio input {clear: both; float: left; width: auto; }
	.contactForm fieldset.radio label { font-weight: normal; }
	.contactForm label { display: block; margin-bottom: 1em; font-weight: bold; }
	.contactForm label.first { padding-top: 1em; }
	.contactForm select, .contactForm textarea, .contactForm input {	display: block;	width:95%; }
	.contactForm textarea {height:100px; }

	
	

/*------------------------------------------------------------------
[7. contact form]
*/	


.contactForm { margin: 1em; } 
	.contactForm legend { font-size:1.3em; margin-bottom:1em; color:#FFFFFF; } 
	.contactForm fieldset { display: block; margin: 0 0 3em 0; padding: 0 22px 1em 22px; float:left; width:477px; }
	.contactForm fieldset.radio { margin: 1em 0 2em 0; }
	.contactForm fieldset.radio input {clear: both; float: left; width: auto; }
	.contactForm fieldset.radio label { font-weight: normal; }
	.contactForm label { display: block; margin-bottom: 1em; font-weight: bold; }
	.contactForm label.first { padding-top: 1em; }
	.contactForm select, .contactForm textarea, .contactForm input {	display: block;	width:95%; }
	.contactForm textarea {height:100px; }
	.contactForm .submit {background:url(../img/contact.gif) no-repeat center; width:140px; height:20px; display:block; border:none; cursor:pointer; float:right; margin-top:10px;}
	
	.error_list { color:red;}