/* GENERAL */
* { padding:0; margin:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#86594c; background:#f1ecdb url(../images/bg.gif) repeat-x; }
.clr { clear:both; font-size:0; line-height:0; }
p.clr { padding:0!important; margin:0!important;}
.nodisplay { display:none; }

/* HEADINGS */
h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4d2509; }
h1 { font-size:24px; margin-bottom:15px; color:#f60; }
h2 { font-size:18px; margin-bottom:15px; }
h3 { font-size:16px; margin-bottom:8px; }
h4 { font-size:14px; margin-bottom:8px; }

/* TYPO */
.highlight { color:#f00; }
small { font-size:11px; }
span.toggle { text-decoration:underline; color:#007cca; cursor:pointer; }

/* LINK */
a { text-decoration:underline; color:#007cca; }
a:hover { color:#f60; }

/* PARAGRAPH */
p { line-height:1.6; }
#post p { padding-bottom:10px; }

/* SPACING */
.pb0 { padding-bottom:0; } .pb5 { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; }
.pt0 { padding-top:0; } .pt5 { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; }

/* IMAGES */
img { border:0; }
img { behavior:url(iepngfix.htc); }
img.alignV { vertical-align:middle; }
#post img { margin:0 0 10px 25px; }

/* LIST */
ul li { list-style:none; }
#post ul { margin-bottom:15px; }
#post ul li { line-height:1.5; padding:0 0 5px 25px; background:url(../images/main_li.gif) 8px 8px no-repeat; }
#post ul ul { margin:5px 0 0 0; }

/* TABLE */
table { border-collapse:collapse; }
td { vertical-align:top; }

table.pricing { margin:10px auto 20px auto; }
table.pricing td, table.pricing th { border:1px solid #ccc; padding:7px; }
table.pricing th { background:#376091; color:#fff; border-color:#376091; } 
table.pricing td.col1 { width:260px; }
table.pricing td.col2 { width:140px; text-align:right; }
table.pricing td.heading { background:#dbe5f1; color:#376091; font-weight:bold; }
table.pricing span.price { color:#f60; font-weight:bold; font-size:18px; }
#post table.pricing ul { margin:0 0 0 0; }
#post table.pricing ul li { padding:0 0 3px 20px; background-position:5px 7px; }

/* STRUCTURE */
#container { width:900px; margin:0 auto; padding-top:10px; }
	#top { width:900px; height:90px;}
		#logo { padding:20px 0 15px 0; height:55px; width:400px; float:left; background:url(../images/logo_bg.jpg) bottom left no-repeat; }
		#slogan { margin-top:60px; float:right;}

	#nav { width:900px; height:40px;}
		#nav ul { font-size:16px; font-weight:bold;}
		#nav ul li { display:inline;}
		#nav ul li a { line-height:40px; color:#FFF; padding:0 20px; display:block; float:left; text-decoration:none; text-transform:lowercase;  }
		#nav ul li a:hover { background:#df5900; }
		#nav ul li.active a, #nav ul li.active a:hover { background-color:#FFF; color:#f60; border-left:1px solid #ce5200; border-right:1px solid #ce5200; padding:0 19px; }

	#main { background:#fff url(../images/stain.png) bottom right no-repeat; width:860px; padding:20px 19px; border-left:1px solid #dbd4ba; border-right:1px solid #dbd4ba; }
		
		/* 2 column layout page */
		#left { width:620px; margin-right:20px; float:left; }
			#featured-projects { margin-bottom:15px; }
			#featured-projects h2, #featured-projects h2 a { color:#f60; border-bottom:1px solid #d2d8df; padding-bottom:0px; margin-bottom:15px; text-decoration:none; }
			#featured-projects h2 a:hover { color:#007cca; }
			#panel { width:580px; height:360px; background:url(../images/panel_bg.jpg) no-repeat; padding:20px; } 
			#panel img { border:0; margin:0; padding:0; }
				#slideshow-prev { width:30px; float:left; padding-top:165px; padding-right:20px; }	
				#slideshow-next { width:30px; float:left; padding-top:165px; padding-left:20px; }
					#slideshow-next a, #slideshow-prev a { display:block; width:30px; height:30px; background:url(../images/next_btn.jpg) no-repeat; }
					#slideshow-prev a { background:url(../images/prev_btn.jpg) no-repeat; }
					#slideshow-next a:hover { background:url(../images/next_btn_active.jpg) no-repeat; }			
					#slideshow-prev a:hover { background:url(../images/prev_btn_active.jpg) no-repeat;}
					#slideshow-next a span, #slideshow-prev a span { display:none; }
				
				#slideshow { width:480px; float:left; }
					#slideshow .picture-set { width:480px; height:360px; }
					#slideshow .picture-set .info { height:60px; width:480px; background:url(../images/brown.png); position:relative; top:-60px; z-index:999; }			
					#slideshow .picture-set .info .text { float:left; width:437px; padding:13px 0 0 15px; }
						#slideshow .picture-set .info .text h4 { color:#fff; line-height:1; margin-bottom:2px;  }
						#slideshow .picture-set .info .text p { font-size:12px; line-height:1; padding:0; color:#ddd;  }		
					#slideshow .picture-set .info .external { float:left; width:20px; height:20px; padding:20px 8px 0 0; }
					
				#slideshow-desc { display:none; }
			
			div.block-l1 { width:300px; margin-right:20px; float:left; font-size:13px; }
			#post div.block-l1 img { margin:0; padding:0; border:0; }
			div.block-l1 h2 { border-bottom:1px solid #d2d8df; padding-bottom:0px; margin-bottom:15px;}
			div.block-l1 .photo { margin-bottom:10px; }
			div.block-l1 p { line-height:1.7; }
			#post div.block-l1 ul { margin-bottom:0px; }
			#post div.block-l1 ul li { background:url(../images/check.gif) 5px 5px no-repeat; line-height:25px; padding-left:30px; }
			div.block-l1#why-us { margin-right:0;}
			div.block-l1 a.more { font-size:13px; text-decoration:none; background:#f60; color:#fff; padding:3px 6px; float:left; }
			div.block-l1 a.more:hover { background:#007cca; }					
		
			#post { min-height:450px; height:auto!important; height:450px; }
										
			/* Services */		
			#services { margin-bottom:50px;}
			#services h2 { color:#4d2509;}
			#services p { margin-bottom:10px;}				
				
			/* Projects */
			div.project { padding:15px 0; border-bottom:1px solid #ccc; }
			div.project-pic { width:162px; float:left; margin-right:18px; }
			div.project-pic img { width:150px; background:#fff; padding:3px; border:3px solid #e6e1cd; margin:0!important; }
			div.project-pic a:hover img { border-color:#f60; }
			
			div.project-content { width:440px; float:left; color:#666; font-size:13px; }
			p.project-title { padding-bottom:5px!important; font-weight:bold; color:#333; font-size:14px; } 
			p.project-title span.new { color:#f00; } 
			div.project-content p { padding-bottom:0!important; }
					
			div.project.featured { background:#fff url(../images/icon_featured.jpg) no-repeat 585px 10px; }
			div.project.featured div.project-pic img { border-color:#f60; }
			div.project.featured div.project-pic a:hover img { border-color:#06f; }
			div.project.featured p.project-title { color:#f60; }
			div.project.featured p.project-title a { color:#f60; }
			div.project.featured p.project-title a:hover { color:#06f; }

		#right { width:220px; float:left;}
			
			#subnav { padding:0; margin:0; }
			#subnav ul { border:3px solid #dbf4ee; padding:12px; }
			#subnav ul li { line-height:1; border-bottom:1px solid #d2d8df;}
			#subnav ul li.last { border-bottom:1px solid #FFF; }
			#subnav ul li a { color:#007cca; display:block; line-height:1; padding:10px 0 10px 19px; text-decoration:none; }
			#subnav ul li a:hover { background:url(../images/subnav_li.gif) 5px 11px no-repeat; color:#f60; }
			#subnav ul li.active a { background:url(../images/subnav_li.gif) 5px 11px no-repeat; color:#4c678b; font-weight:bold;}
			#subnav ul ul { border:0; padding:0; }
			
			div.block-r1 { width:190px; border:3px solid #dbf4ee; margin-bottom:15px; padding:12px;}
			div.block-r1 h2 { color:#1e7190; margin-bottom:10px; }
			div.block-r1 ul { font-size:13px; margin-bottom:10px; }
			div.block-r1 ul li { background:url(../images/check.gif) 5px 5px no-repeat; line-height:25px; color:#4c678b; padding-left:30px;}
			div.block-r1 a.more { font-size:13px; text-decoration:none; background:#f60; color:#fff; padding:3px 6px; float:right; }
			div.block-r1 a.more:hover { background:#007cca; }
			
			#block-testimonial { padding:15px; background:#dbf4ee; margin-bottom:15px;  }
			#block-testimonial h2, #block-testimonial h2 a { color:#1e7190; margin-bottom:10px; text-decoration:none }
			#block-testimonial h2 a:hover { color:#f60; }
				.testimonial-item {}
				.testimonial-item .text-wrapper { background:url(../images/testimonial_bg.gif) 15px bottom no-repeat; padding-bottom:6px; margin-bottom:5px; }
				.testimonial-item .text { background:#83b7c2; padding:10px; color:#fff; font-size:12px; }
				.testimonial-item .text a { color:#1e7190; }
				
				.testimonial-item .user {}
					.testimonial-item .user .photo { width:40px; margin-right:10px; float:left; }
					.testimonial-item .user .photo img {width:38px; height:38px; border:1px solid #1e7190; }
					.testimonial-item .user .info { float:left; width:140px; font-size:12px; color:#1e7190;  }
					
				#testimonial-nav { width:33px; height:15px; padding:10px 0 0 0; margin:0 auto; }
				#testimonial-nav a#testimonial-prev { width:14px; height:15px; float:left; background:url(../images/test_prev.gif) no-repeat; margin-right:5px; }
				#testimonial-nav a#testimonial-prev:hover { background-image:url(../images/test_prev_hover.gif); }
				#testimonial-nav a#testimonial-next { width:14px; height:15px; display:block; background:url(../images/test_next.gif) no-repeat; float:left; }
				#testimonial-nav a#testimonial-next:hover { background-image:url(../images/test_next_hover.gif); }			
				#testimonial-nav a span { display:none; }
				
				#testimonial-desc { display:none; }
			
			#banners { marign-bottom:15px; }
				#banners a { display:block; padding:0 0 15px 0; }
				
		/* 1 column layout page */
		#single { width:860px; }
			/* Contact */
			#map_canvas { float:right; width:350px; margin:0 0 20px 20px; }
			
			/* Testimonials */
			.testimonial { padding:17px; border:3px solid #e6e1cd; margin:0 0 20px 0; min-height:10px; height:auto!important; height:10px; }
				.testimonial .clientPhoto { float:left; width:90px;  }
					.testimonial .clientPhoto img { border:2px solid #4d2509; margin:0!important; }
				.testimonial .clientTestimonial { float:left; width:730px; }
					.testimonial p { line-height:1.2!important; }
					.testimonial p.name { color:#4d2509; padding-bottom:0!important; }
					.testimonial p.position { color:#b2a29e; border-bottom:1px solid #e6e1cd; padding-bottom:8px; margin-bottom:8px; }
					.testimonial blockquote { background:url(../images/lbock1_bg.gif) 0 0 no-repeat; line-height:1.4; padding:10px 0 0px 18px; }

		#footer { background-color:#e6e1cd; margin:30px 0 0 0; height:35px; text-align:center; color:#86594c;}
		#footer p { line-height:35px; }
		#footer a, #footer a:hover { color:#86594c; text-decoration:none; }
		#footer a:hover { text-decoration:underline; }

/* FORM */
table.formTable { margin-bottom:10px; }
table.formTable tr.company { display:none; }
table.formTable td { padding:0 0 5px 0; }
table.formTable td.col1 { padding-right:10px; }

form#contactForm {}
form#contactForm input.box { width:200px; }
	form#contactForm input.upload { width:220px!important; }
	form#contactForm textarea { width:300px; height:120px; }
	form#contactForm input.box, table.formTable textarea { border:1px solid #ccc; padding:3px; }
	form#contactForm input.button { width:100px; padding:3px; }
	
span.required { color:#f00; }	
span.errmsg { color:#f00; margin:0 0 0 7px; }
div.successful { background:#D4E5FF; border:1px solid #06f; color:#06f; padding:7px; text-align:center; line-height:16px; }
div.error { background:#FFE7E7; border:1px solid #FF6D6D; color:#f00; padding:7px; text-align:center; line-height:16px; margin-bottom:15px; }

/* LIVE VALIDATION */
.LV_valid { color:#090; }				
.LV_invalid { color:#f00; }
	
.LV_validation_message{ margin:0 0 0 7px; }
	
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
	/* border: 1px solid #090!important; */
}

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field,
form#contactForm p.err input,
form#contactForm p.err textarea {
	border:1px solid #FF6D6D!important; background:#FFE7E7;
}