/* GENERAL */
* { padding:0; margin:0; }

body { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color:#5E5E5E; font-size:12px; color:#666; }
li { list-style:none; }
img { border:0; }

.clr { clear:both; font-size:0; line-height:0; }

/* HEADINGS */
h1 { font-family:Arial, Helvetica, sans-serif; color:#8AC300; font-size:24px; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:15px; }
h2 { font-size:14px; color:#000; font-weight:bold; background:url(../images/sep_right_01.gif) repeat-x bottom left; padding:0 0 7px 0; margin:0 0 10px 0; }
h2.noline { font-size:14px; color:#000; background:none; padding:0; margin:0 0 15px 0; }
h3 { color:#4C4C4C; font-size:13px; font-weight:bold; margin:0 0 10px 0; }

/* IMAGE */ 
img.imgSmall1 { width:50px; height:50px; padding:8px; background:url(../images/bg_img50x50_01.gif) 0 0 no-repeat; }
img.imgSmall2 { width:50px; height:50px; padding:8px; background:url(../images/bg_img50x50_02.gif) 0 0 no-repeat; }
img.imgMedium { width:140px; height:100px; padding:8px; background:url(../images/bg_img140x100.gif) 0 0 no-repeat; }
img.imgArticle { width:140px; height:100px; padding:8px; background:url(../images/bg_img140x100.gif) 0 0 no-repeat; float:right; margin:0 0 7px 7px; }
img.imgRight { width:140px; height:100px; padding:8px; background:url(../images/bg_img140x100.gif) 0 0 no-repeat; float:right; margin:0 0 7px 7px; }
img.imgLeft { width:140px; height:100px; padding:8px; background:url(../images/bg_img140x100.gif) 0 0 no-repeat; float:left; margin:0 7px 7px 0; }
img.imgCenter { width:140px; height:100px; padding:8px; background:url(../images/bg_img140x100.gif) 0 0 no-repeat; margin:0; }

a:hover img { opacity:0.8; filter:alpha(opacity=80);}

/* TYPO */
.light { color:#999; }
.small { font-size:11px; }
.big { font-size:14px; font-weight:bold; }
.required { color:#f00; }

a { color:#79A512; text-decoration:none; }
a:hover { text-decoration:underline; }
a.back { background:url(../images/bullet_back.gif) no-repeat 0 1px; padding-left:20px; }

/* PARAGRAPH */
p { line-height:20px; padding-bottom:10px; }
p.highlight { background:#e7e7e7; border-top:1px solid #bbb; border-bottom:1px solid #bbb; text-align:center; padding:12px 20px; margin:5px 0 15px 0; }

p.testimonial { color:#4C4C4C; }
p.userInfo { padding-bottom:3px; color:#999; }
p#apply { padding:0 0 10px 38px; width:170px; }

p.address { background:url(../images/icon_address.gif) no-repeat 0 2px; padding-left:22px; }
p.tel { background:url(../images/icon_tel.gif) no-repeat 0 2px; padding-left:22px; }
p.fax { background:url(../images/icon_fax.gif) no-repeat 0 2px; padding-left:22px; }
p.email { background:url(../images/icon_email.gif) no-repeat 0 2px; padding-left:22px; }

p.address, p.tel, p.fax, p.email { padding-bottom:8px; line-height:18px; font-size:11px; }

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

p.clr { clear:both; font-size:0; line-height:0; padding:0; margin:0; }

/* BUTTONS */
a.btn01, a.btn01:hover, a.btn01:visited { display:block; width:108px; height:23px; line-height:23px; background:url(../images/btn01.gif) no-repeat 0 0; font-size:11px; font-weight:bold; text-align:center; text-decoration:none; }

input.btn01 { border:0; width:108px; height:23px; line-height:23px; background:url(../images/btn01.gif) no-repeat 0 0; font-size:11px; font-weight:bold; text-align:center; text-decoration:none; color:#79A512; cursor:pointer; }

a.btn02, a.btn02:hover, a.btn02:visited { display:block; width:170px; height:36px; line-height:36px; background:url(../images/btn02.gif) no-repeat 0 0; font-size:14px; color:#fff; font-weight:bold; text-align:center; text-decoration:none; }

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

table.projectHighlights td { padding-bottom:10px; font-size:11px; }
table.projectHighlights p { padding:0; line-height:16px; }
table.projectHighlights td.col1 { padding-right:10px; }

table.testimonials td { padding-bottom:15px; font-size:11px; }
table.testimonials p { padding:0; line-height:15px; }
table.testimonials td.col1 { padding-right:10px; }

table.projects td { padding-bottom:30px; color:#999; }
table.projects p { padding:0 0 2px 0; }
table.projects td.col1 { padding-right:10px; }
	table.projects p.emphasized { color:#666; }
	table.projects p.details { padding-top:5px; }
	
table.staffwords td { padding-bottom:15px; }
table.staffwords p { padding:0 0 5px 0; line-height:16px; }
table.staffwords td.col1 { padding-right:10px; }

/* LIST */
ul { padding:0px 0 10px 10px; }
li { line-height:23px; background:url(../images/li.gif) no-repeat 0 6px; padding-left:20px; }

ul.clients { padding:0px 0 0 0; }
ul.clients li { background:url(../images/li_external.gif) no-repeat 0 6px; }
ul.clients a { color:#4c4c4c; }

/* STRUCTURE */
#container { width:820px; margin:20px auto; }
	#header { background:#fff url(../images/bg_header.gif) repeat-y; }
	#headerWrapperTop { background:url(../images/bg_header_top.gif) top left no-repeat; padding-top:20px; }	
	#headerWrapperBottom { background:url(../images/bg_header_bottom.gif) bottom left no-repeat; padding:0 10px 23px 10px; height:65px; } /* 800 + 20 */
	
		#logo { width:200px; float:left; padding:2px 0 0 20px; } /* 220 */			
		#nav { width:580px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
			#nav ul { float:right; padding:25px 10px 0 0; margin:0;  }
			#nav ul li { display:inline; margin:0; padding:0; background:none; line-height:20px; }
			#nav ul li a { padding:5px 10px; text-decoration:none; font-weight:bold; color:#5e5e5e; }
			#nav ul li a:hover { color:#999; }
			#nav ul li.menu-current a, #nav ul li.menu-parent a { color:#92C711; }
	
	#content { background:#fff url(../images/bg_content.gif) repeat-y; }
	#contentWrapperTop { background:url(../images/bg_content_top.gif) top left no-repeat; padding:30px 0 0 0; }
	#contentWrapperBottom { background:url(../images/bg_content_bottom.gif) bottom left no-repeat; padding:0 10px 30px 10px; } /* 800 + 20 */
		#left { width:510px; padding:0 20px; float:left; min-height:300px; height:auto!important; height:300px;} /* 510 + 40 */
			#pathway { float:right; text-align:right; padding-top:10px; text-transform:lowercase; }
			
			/* PORTFOLIO - PROJECT */
			div#projectImages { margin:0 0 5px 0; }
			div.anImage { width:170px; height:120px; float:left; padding:0 0 10px 0; text-align:center; }
			
			/* BLOG */
			div#news {}
				div.short {}
				div.readmore { margin:-10px 0 10px 0; padding-bottom:5px; border-bottom:1px dotted #ccc; text-align:right; }
				
			div#pagination { padding:10px 0 0 0; }
				div#pagination a { color:#999; }
				div#pagination a:hover { color:#666; }
				
				div#prev { width:170px; float:left; text-align:left;  }
				div#prev a { background:url(../images/prev.gif) no-repeat center left; padding-left:11px; }
				div#of { width:170px; float:left; text-align:center; }
				div#next { width:170px; float:left; text-align:right; }
				div#next a { background:url(../images/next.gif) no-repeat center right; padding-right:10px; }				
			div.aPost {}
			div.category { margin: -3px 0 10px 0; color:#999; }
			div.category a { }
			
			div.aComment { padding:10px; background:#eee; border:1px dotted #ccc; margin-bottom:10px; }
			div.commentAuthor { float:left; font-weight:bold; color:#aaa; font-size:11px; }
			div.commentExtra { float:right; font-size:11px; }			
			div.commentContent { clear:both; padding-top:5px; line-height:18px; }
				p.commentTitle { padding-bottom:0px; font-weight:bold; color:#555; font-size:11px; }
			
			/* CAREERS */
			div#jobDesc { font-style:italic; color:#999; padding-bottom:10px; }
			div#jobDesc p { padding-bottom:3px; }
			
		#right { width:250px; float:left; } /* 210 + 40 */
			#subnav { padding-top:29px; margin-bottom:15px; }
			#subnav ul { margin:0; padding:2px 0 0 0; background:url(../images/sep_right_01.gif) repeat-x 0 0; }
			#subnav ul li { margin:0; padding:0 0 2px 0; background:url(../images/sep_right_01.gif) repeat-x bottom left; line-height:12px; }			
			#subnav ul li a { display:block; width:210px; padding:10px 20px 10px 20px; color:#5E5E5E;  }
			#subnav ul li a:hover { background-color:#efefef; text-decoration:none; }
			#subnav ul li.menu-current a { color:#7AA612; background:#fff; font-weight:bold; }			
						
			#subnav li ul li.menu-last { background:none; padding:0; }
			#subnav li ul li a, #subnav li.menu-current ul li a { width:190px; padding:10px 20px 10px 40px; background:#E7E7E7 url(../images/bg_subitem.gif) no-repeat 32px 14px; color:#5e5e5e; font-weight:normal; }
			
			#subnav li.menu-current ul li a:hover { background-color:#efefef; text-decoration:none; }
			
			#rightContent { padding:8px 20px 0 20px; }
			
		#footer { clear:both; padding:0 20px; margin-top:30px; }
		
		
/* FORM */
table.formTable {}
table.formTable td { padding-bottom:10px; vertical-align:top; }
table.formTable td.col1 { width:80px; padding-top:3px; padding-right:10px; }
	table.formTable input.box { width:200px; }
	table.formTable input.upload { width:220px!important; }
	table.formTable textarea { width:300px; height:120px; }
	table.formTable input.box, table.formTable textarea { border:1px solid #ccc; padding:3px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
	
/* CONTACT FORM */
form#contactForm {}
span.required { color:#f00; }	
span.errmsg { color:#f00; margin:0 0 0 7px; }
div.successful { background:#D4E5FF; border:1px solid #06f; color:#06f; padding:5px 7px; text-align:center; line-height:16px; }
div.error { background:#FFE7E7; border:1px solid #FF6D6D; color:#f00; padding:5px 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;
}