/* 
Theme Name: Terracon
Theme URL: http://voltagecreative.com/
Description: A customized WordPress theme created by Voltage Creative for Terracon.
Author: Voltage Creative
Author URI: http://voltagecreative.com/about/
Version: 1.0
*/

/************************************************************************/
/**	CSS RESET - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
/************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}

/************************************************************************/
/**	TYPOGRAPHY
/************************************************************************/
body {
	color: #333333;
	background: #ffffff url(images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

b, strong{
	font-weight:bold;
}

h1, h1 a, h1 a:visited {
	color: #8b0f05;
	font-size: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 5px 0;
	clear:both;
}

h2, h2 a, h2 a:visited {
	color: #8b0f05;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 5px 0;
	clear:both;
}

h3, h3 a, h3 a:visited{
	color:#8b0f05;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform: uppercase;
	clear:both;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #f58735;
	text-decoration:none;
	}
	
h4 {
	font-size: 125%;
	clear:both;
}

h5 {
	font-size: 110%;
	clear:both;
}

i, em {
	font-style:italic;
}

.mouseprint, small {
	font-size: 77%;
}

.tcenter {
	text-align: center;
}

/************************************************************************/
/**	STRUCTURE
/************************************************************************/
.wrapper {
	background: #ffffff;
	margin: 0 auto;
	width: 960px;
	padding:0 30px;
}

.package {}

.header {
	width:960px;
	height:100px;
	background:url(images/shadow_top.jpg) no-repeat bottom;
	}

.nav {
	width:790px;
	float:right;
	clear:right;
	margin:20px 0 0 0;
	}
	
.nav ul {
	padding: 0;
	margin:0;
	list-style-image: none;
}

.nav ul li a{
	color:#333333;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
	text-decoration:none;
    float:right;
	list-style: none;
	padding: 0 0 0 25px;
	line-height:30px;
	height:30px;
}

.nav ul li.current_page_item a{
	/* background:url(images/nav_on.png) no-repeat 50% bottom; */
}

.nav ul li {
	margin:0px;
	display: inline;
	}

.nav ul li a:hover{
	color: #f58735;
	}

a.button_logo {
	height:52px;
	width:170px;
	display: block;
	text-decoration: none;
	background-image: url(images/logo_roll.gif);
	float:left;
	margin:20px 0 0 0;
	}
	
a.button_logo:hover {
	background-position: -170px 0;
	text-decoration:none;
	}
	

.infoWindowBody a.button, .infoWindowBody a.button:visited {
	margin: 0;
	}


a.button, a.button:visited {
    /* Sliding right image */
    background: transparent url('images/button_right_roll.gif') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 30px;
	line-height:30px;
	margin: 0 0 20px 0;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
	}
	
a.link_top, a.link_top:visited {
	margin: 0 0 0 10px;
	color: #f58735;
	text-decoration:none;
	font-size: 12px;
	font-weight:normal;
	}
	
a.button_uparrow, a.button_uparrow:visited {
	height:10px;
	width:15px;
	display: inline-block;
	text-decoration: none;
	background-image: url(images/arrow_up.gif);
	margin:0 0 0 10px;
	}

a.button:hover {
	background-position: bottom right;
	text-decoration:none;
	}

a.button span, a.button:visited span {
	/* Background left image */ 
	background: transparent url('images/button_left_roll.gif') no-repeat; 
	display: block;
	line-height: 30px;
	padding: 0 0 0 15px;
	} 
	
a.button:hover span{
	background-position:bottom left;
	text-decoration:none;
	}

	
a.button_clientlogin, a.button_clientlogin:visited{
	text-align:center;
	height:30px;
	line-height:30px;
	width:100px;
	display: block;
	text-decoration: none;
	background: url(images/button_clientlogin_roll.gif) no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
    float:right;
	padding: 0 10px;
	margin:0;
	color:#ffffff;
	}
	
a.button_clientlogin:hover {
	background-position: -120px 0;
	text-decoration:none;
	color:#ffffff;
	}
	
a.button_hero, a.button_hero:visited{
	height:40px;
	line-height:40px;
	display: block;
	text-decoration: none;
	background: url(images/button_hero_bg.png) no-repeat right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform: uppercase;
	color:#ffffff;
	float:left;
	padding: 0 30px 0px 30px;
	margin:10px 0 0 -30px;
	}
	
a.button_hero:hover {
	text-decoration: none;
	}

.content {
	float:left;
	width:710px;
	padding:20px 0 0 30px;
	}
	
.content_slim {
	float:left;
	width:570px;
	padding:20px 20px 0 30px;
	}

.page {
	background: url(images/page_bg.gif) repeat-y;
	}
	
.page_home {
	background-image: none;
	}

.page_bottom {
	width:960px;
	height:15px;
	background: url(images/page_bottom.gif) no-repeat;
	}

.home_hero {
	float:left;
	background:#cccccc;
	width:640px;
	height:300px;
	position:relative;
	display: block;
	}
	
.home_hero_border{
	background: url(images/home_hero_border.png) no-repeat;
	position:absolute;
	width:640px;
	height:300px;
	display: block;
	z-index: 998;
	}
	
.slide {
	width:640px;
	height:300px;
	position:relative;
	}

.slide_info {
	position:absolute;
	top:20px;
	left:30px;
	width:350px;
	color:#ffffff;
	font-size: 14px;
	z-index:9999;
	}
	
.slide_info h1{
	color:#ffffff;
	}
	
.home_news {
	float:left;
	width:640px;
	margin: 20px 0 0 0;
	}
	
.home_news h3{
	float:left;
}

.home_news span{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform: uppercase;
	float:right;	
}

.home_news span a, .home_news span a:visited{
	color:#333333;	
}

.home_news span a:hover {
	color: #f58735;
	text-decoration:none;
}

.rss {
	margin: 0 10px -4px 0;
}
	
.home_sidebar {
	width:290px;
	float:right;
	padding:20px 0 10px 30px;
	margin:0;
	}

.certification_icon{
	float:left;
	margin:0 15px 0 0;
	}

.sidebar {
	width:220px;
	float:left;
	padding:0;
	margin:0;
	}
	
.sidebar_hero {
	position:relative;
	background:#cccccc url(images/sidebar_hero_bg.jpg) no-repeat;
	width:220px;
	height:200px;
	float:left;
	}
	
.sidebar_hero_frame {
	position:absolute;
	background:url(images/sidebar_hero_frame.png) no-repeat;
	top:0;
	left:0;
	width:220px;
	height:200px;
	}
	
.sidebar_info {
	background:url(images/sidebar_fade.gif) no-repeat;	
	width:180px;
	padding:15px 20px 0 20px;
	float:left;	
	}

.sidenav {
	background:url(images/sidenav_bg.gif) #333333 no-repeat bottom;	
	}	
	
.sidenav ul {
	width:220px;
	padding:0;
	margin:0;
	list-style-image: none;
	}

.sidenav ul li a, .sidenav ul li a:visited{
	width:220px;
	float:left;
	text-decoration:none;
	color:#333333;
	list-style: none;
	padding: 0 0 0 20px;
	line-height:30px;
	height:30px;
	margin:0;
	}

.sidenav ul li a:hover{
/* 	background: url(images/sidenav_on.gif) no-repeat; */
	color: #f58735;
	float:left;
	text-decoration:none;
	margin:0;
	}

.sidenav ul li.current-cat.cat-item-10 a,
.sidenav ul li.current-cat.cat-item-10 a:hover,
.sidenav ul li.current_page_item.page-item-494 a,
.sidenav ul li.current_page_item.page-item-494 a:hover {
	font-size: 88%;
} 

.sidenav ul li.current_page_item a, 
.sidenav ul li.current_page_item a:visited,
body#news-and-events .sidenav ul li.news-home-link a, 
body#news-and-events .sidenav ul li.news-home-link a:visited,
.sidenav ul li.current-cat a, 
.sidenav ul li.current-cat a:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(images/sidenav_current.gif) no-repeat;
	float:left;
	margin:0;
	color:#ffffff;
	text-decoration:none;
	height: 30px;
	line-height:30px;
	padding:0 0 0 20px;
	width:220px;
	}
	
.map_header{
	margin:0 0 15px 0;
	}	

.map_title{
	float:left;
	}

.map_title h2{
	display:inline;
	margin:0 5px 0 0;
	}

.map_search{
	float:right;
	padding: 17px 0 0 0;
	}

.map_link{
	display:inline;
	}
	
#vc524_googlemap_search {
	font-family:Arial, Helvetica, sans-serif;
	}
	
.vc524_googlemap_filter_item {
	float:left;
	margin:0 20px 0 0;
	}
	
.vc524_googlemap_filter_item img{
	margin:0 0 -5px 0;
	}
	
.map_controls {
	width:710px;
	background: #e5e5e5 url(images/fade_100.gif) repeat-x;
	}
	
.map_filters {
	width:450px;
	padding:15px;
	float:left;
	}
	
.map_corporate {
	width:199px;
	padding:15px 15px 0 15px;
	float:left;
/* 	border-left:1px solid #cccccc; */
	}
	
.office_preview{
	width:200px;
	padding:0 20px 0 0;
	height:180px;
	float:left;
	}
	
.project_preview{
	width:710px;
	padding:0 0 0 0;
	}
	
.office_description{
	width:480px;
	padding:0 30px 0 0;
	float:left;
	}	
	
.office_details{
	width:200px;
	float:left;
	}
	
.office_map{
	margin:0 0 20px;
	border:1px solid #cccccc;
	width: 198px;
	}
	
.office_project_thumb {
	float:left;
	width:120px;
	margin:0 0 20px 0;
	}

.office_project_detail {
	float:left;
	width:570px;
	padding:0 0 0 20px;
	margin:-4px 0 0 0;
	}
	
.geolocation {
	margin: 0 0 0 10px;
	color: #999999;
	text-decoration:none;
	font-size: 12px;
	font-weight:normal;
	}
	
.caption {
	font-style:italic;
	color:#666666;
	font-size:11px;
	}

.footer {
	width:960px;
	background:url(images/shadow_bottom.jpg) no-repeat top;
	color:#999999;
	padding:20px 0 0 0;
	margin:0;
}

.footer_nav {
	float:right;
	text-align:right;
	}	

.footer_meta {
	float:left;
	}
	
.footer a, .footer a:visited {
	color:#999999;
	text-decoration:none;
	}
	
.footer a:hover {
	color: #f58735;
	text-decoration:none;
	}
	
.footer ul {
	padding: 0;
	margin:0;
	list-style-image: none;
}

.footer ul li {
	margin:0px;
	display: inline;
	}


.footer ul li a, .footer ul li a:visited{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#999999;
	text-transform: uppercase;
	float: right;
	list-style: none;
	padding-left: 20px;
}

.footer ul li a:hover{
	color: #f58735;
	text-decoration:none;
	}

.project_thumbnails{
	width:120px;
	float:right;
	margin:30px 0 0 0;
	}

.thumbnail {
	background:url(images/thumbnail_blank.jpg) no-repeat;
	position:relative;
	width:120px;
	height:120px;	
	}

.thumbnail_frame {
	position:absolute;
	background:url(images/thumbnail_frame.png) no-repeat;
	top:0;
	left:0;
	width:120px;
	height:120px;
	}
	

/************************************************************************/
/**	POSTS & COMMENTS
/************************************************************************/
.posts {}

.post_title {}

.post_content {}

.post_meta {}

.post_nav {}

.comments {}

.comments_title {}

.comments_list {}

.comment_body {}

.comments_closed {}

/************************************************************************/
/**	GLOBAL STYLES
/************************************************************************/
a {
	color: #f58735;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #f58735;
}

a:focus {
}

.alert {
	color: red;
}

.hid {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

ul{
	margin: 0 0 15px 14px;
	padding: 0 0 0 0;
	}
	
ol{
	list-style: decimal;
	margin: 0 0 15px 20px;
	}
	
ol li ul{
	 margin: 5px 0 0 18px;
	}
	
ul{	
	list-style-image: url(images/bullet.gif);
	}
	
li{
	margin:0 0 4px;
	}

p {
	margin: 0 0 15px 0;
	clear:both;
}

.plain {
	margin: 0;
	padding: 0;
	line-height: 1;
}

.displace{position: absolute;left: -5000px;}

.intro {
	font-size:14px;
	}	

.cite {
	text-decoration: underline;
}

hr{
	border-top: 1px solid #cccccc;
	border-bottom: 0px;
	height:1px;
	margin:20px 0 20px 0;
	clear:both;
	}

/************************************************************************/
/**	FORMS
/************************************************************************/	
	
.textarea {
	width: 450px;
	height: 150px;
	}

.textbox {
	width: 250px;
	height: 16px;
	}
	
.textbox, .textarea, .file{
	border-top: 1px solid #999999;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	background: #e5e5e5 url("images/textbox_bg.gif") repeat-x;		
	padding: 4px 0 4px 4px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	float:left;
	}
	
.textbox:focus, .textarea:focus{
	border-top: 1px solid #999999;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	background: #ffffff url("images/textbox_focus_bg.gif") repeat-x;
	color: #000000;
	}

.form{
	font-size: 12px;
	}

.form_label{
	width:140px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
	}
	
.form_label_area{
	width:140px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
	}
	
.form_input{
	width:500px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
	}
	
.form_row{
	width:655px;
	clear: both;
	padding: 0 0 10px 0;
	}
	
.required_text{color: #f58735;}

label {
	float:left;
	clear:left;
}

.button_form {
	border:0px;
	height:30px;
	line-height:30px;
	display: block;
	text-decoration: none;
	background: #8b0f05 url(images/button_form_bg.gif) repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
	color:#ffffff;
	float:left;
	padding: 0 15px;
	margin:0 0 20px 0;
	}

/************************************************************************/
/**	STICKY FOOTER http://ryanfait.com/ (Change both instances of "20" 
	below to change your footer height. They must match.)
/************************************************************************/
html, body {
	height: 100%;
}

.wrapper{
	min-height:100%;
	height:auto !important;
	margin:0 auto -20px
}

.footer,.push{
	height:20px
}

/************************************************************************/
/**	FORCE VERTICAL SCROLLBAR: http://ryanfait.com/ (Stops "site-jump" 
	that Larry always complains about.)
/************************************************************************/
/**html,body{height:100%;margin:0 0 1px;padding:0;}

/************************************************************************/
/**	CLEARFIX - http://www.webtoolkit.info/css-clearfix.html
/************************************************************************/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

/************************************************************************/
/** Default wordpress css that makes images behave properly when inserted 
	through the cms.
/************************************************************************/
img.centered,.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}img.alignright{display:inline;margin:0 15px 2px 0;padding:4px;}img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}.alignright{float:right;}.alignleft{float:left;}
	
/************************************************************************/
/**	KILL WORDPRESS STATS SMILEY WIHTOUT SCREWING UP YOUR STAT TRACKING
/************************************************************************/
img#wpstats{display:none}