/*
Theme Name: CanSpec Inspection
Theme URI: http://www.canspecinspection.com
Description: CanSpec inspection website with ask an expert corner
Version: 1.0
Author: Xray Sierra
Author URI: http://www.xraysierra.com
Tags: environment housing inspection
*/

/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body,html {
	font: 100%/1.0em normal Arial, Helvetica, sans-serif; 
	color: #3e4b04;
	background: #FFFFFF url('images/header_bg.gif') repeat-x;
}

ul {
	list-style:none;
}

a {
	color:#46483C;
}

a:hover {
	text-decoration:none;
}

p {
	margin: 10px 0;
}


a img {
	border: 0;
}

.clear {
	clear: both;
}

.aligncenter {
	text-align: center;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.small {
	font-size: 0.8em;
}

 /* LAYOUT STRUCTURE
--------------------------------------------------*/

#header {
	background: url('images/header_house.jpg') no-repeat 607px 60px;
	margin: 0 auto;
	width: 1000px;
	height: 414px;
}


/* HEADER ELEMENTS 
--------------------------------------------------*/

#topMenu {
	background: url('images/menu.gif') repeat-x 0 0;
	width: 1000px;
	height: 54px;
}

#topMenu li {
	text-transform: uppercase;
	text-align: center;
	float: left;
	
}

#topMenu a {
	padding: 20px 0 0 0;
	width: 125px;
	height: 34px;
	color: #fff;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
}

#topMenu .page-item-8 a:hover { background: url('images/menu.gif') repeat-x 0 -54px; }
#topMenu .page-item-13 a:hover { background: url('images/menu.gif') repeat-x -125px -54px; }
#topMenu .page-item-10 a:hover { background: url('images/menu.gif') repeat-x 250px -54px; }
#topMenu .page-item-15 a:hover { background: url('images/menu.gif') repeat-x 375px -54px; }
#topMenu .page-item-17 a:hover { background: url('images/menu.gif') repeat-x 500px -54px; }
#topMenu .page-item-21 a:hover { background: url('images/menu.gif') repeat-x 625px -54px; }
#topMenu .page-item-19 a:hover { background: url('images/menu.gif') repeat-x 750px -54px; }
#topMenu .page-item-11 a:hover { background: url('images/menu.gif') repeat-x 125px -54px; }

#topMenu .page-item-8.current_page_item { background: url('images/menu.gif') repeat-x 0 -54px; }
#topMenu .page-item-13.current_page_item { background: url('images/menu.gif') repeat-x -125px -54px; }
#topMenu .page-item-10.current_page_item { background: url('images/menu.gif') repeat-x 250px -54px; }
#topMenu .page-item-15.current_page_item { background: url('images/menu.gif') repeat-x 375px -54px; }
#topMenu .page-item-17.current_page_item{ background: url('images/menu.gif') repeat-x 500px -54px; }
#topMenu .page-item-21.current_page_item { background: url('images/menu.gif') repeat-x 625px -54px; }
#topMenu .page-item-19.current_page_item { background: url('images/menu.gif') repeat-x 750px -54px; }
#topMenu .page-item-11.current_page_item { background: url('images/menu.gif') repeat-x 125px -54px; }

#headerInfo {
	font-size: 0.8em;
	width: 600px;
	height: 320px;
	margin: 20px 0 0 0;
	font-size: 0.9em;
	line-height: 1.4em;
}

#headerInfoOLD {
	background: url('images/calculate.jpg') no-repeat 40px 180px;
	font-size: 0.8em;
	width: 500px;
	height: 320px;
	margin: 20px 0 0 0;
}

#headerInfo h1 {
	margin: 0 0 20px 0;
	text-indent: -9999px;
	background: url('images/logo.jpg') no-repeat;
	width: 349px;
	height: 101px;
}

#headerInfo .readmore {
	text-align: right;
}

/* CONTENT
---------------------------------------------*/

#middle {
	
	border-top: 1px solid #c3c5a7; 
	background: #e8eac8;
	padding: 30px 0;
}

#content {
	margin: 0 auto;
	padding: 20px 30px;
	background: #97ae34;
	width: 940px;
	line-height: 1.3em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #3e4b04;
}

#pageSide {
	background: #dcecf5;
	font-size: 0.8em;
	color:#034b8e;
	width: 255px;
	padding: 30px 15px;
	margin: 0 -15px 20px 20px;
	float: right;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#pageSide ul {
	list-style-image: url('images/list_bg.gif');
	line-height: 1.7em;
	margin: 0;
	padding: 3px 0 10px 15px;
}

#postSide h4 {
	color: #FF5B02; 
	font-size: 1.5em; 
	line-height: 1.0em;
	list-style: none;
}

#postSide {
	background: #dcecf5;
	font-size: 0.8em;
	color:#034b8e;
	width: 270px;
	padding: 30px 15px 30px 0;
	margin: 0 -15px 20px 20px;
	float: right;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#postSide ul {
	list-style: none;
}

#postSide ul ul {
	list-style-image: url('images/list_bg.gif');
	line-height: 1.7em;
	margin: 0;
	padding: 3px 0 10px 15px;
}

h2 {
	color: #fff; 
	font-size: 1.9em; 
	line-height: 1.0em;
}

h3 {
	color:#F0F3F7; 
	font-size: 1.2em; 
	margin: 15px 0;
	font-weight: normal; 
}

#content ul, #content ol {
	margin: 10px 0;
}

#content li {
	padding: 5px 0;
	margin: 0 0 0 25px;
}

#content p {
	margin: 10px 0;
}

.post h2 {
	color: #fff;
	margin: 15px 0;
}

#pageSide h2 {
	color: #FF5B02; 
	font-size: 1.9em; 
	line-height: 1.0em;
}

#staffPhotos img {
	margin: 10px 20px;
}

#staffPhotos h4 {
	margin: 25px 0 15px 0;
	color:#F0F3F7;
	font-size: 1.3em;
}

/* FOOTER
---------------------------------------------*/

#footer {
	margin: 0 auto;
	height: 67px; 
	border-top: 1px solid #95987c; 
	background: #c3c5b2;
}

#footerInner {
	width: 1000px;
	margin: 10px auto;
	font-size: 0.7em;
}

#footerlinks li {
	float: left;
	padding: 0 8px;
	border-right: 1px solid #95987c;
}

#footer .copyright {
	clear: both;
	padding: 10px 0 0 0;
}

/* HOMEPAGE STYLES
---------------------------------------------*/

#home {
	margin: 0 auto;
	width: 1000px;
	line-height: 1.1em;
}

#homebox1 {
	width: 249px;
	padding: 0;
	margin: 0;
	height: 370px;
	background: #fff;
	color: #7B7E69;
	border: 1px solid #ccc;
	font-size: 0.8em;
	float: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#homebox2 {
	width: 245px;
	padding: 0;
	margin: 0 30px;
	height: 370px;
	background: #fff;
	color: #7B7E69;
	border: 1px solid #ccc;
	font-size: 0.8em;
	float: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#homebox3 {
	width: 424px;
	padding: 0;
	height: 370px;
	background: #fff;
	color: #7B7E69;
	border: 1px solid #ccc;
	font-size: 0.8em;
	float: left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#homebox1 ul li {
	padding: 3px 0;
}

#homebox1 ul, #homebox2 ul {
	list-style: url('images/check.gif');
	padding: 10px 0 10px 35px;
}

#homebox2 p {
	clear: both;
	padding: 10px 0 0 25px;
}

#homebox2 .event {
	color: #d16a42;
	font-size: 1.1em;
}

#homebox1 h2 {
	display: block;
	background: url('images/boxBlue.gif') repeat-x;
	padding: 10px 8px;
	margin-bottom: 15px;
	height: 25px;
	width: 215px;
	float: left;
	font-size: 1.8em;
	font-family: Arial, Helvetica, Sans-Serif;
}

#homebox2 h2 {
	display: block;
	background: url('images/boxBlue.gif') repeat-x;
	padding: 10px 8px;
	height: 25px;
	width: 211px;
	float: left;
	font-size: 1.8em;
	font-family: Arial, Helvetica, Sans-Serif;
}

#homebox3 h2 {
	display: block;
	background: url('images/boxBlue.gif') repeat-x;
	padding: 10px 8px;
	height: 25px;
	width: 390px;
	float: left;
	font-family: Arial, Helvetica, Sans-Serif;
}
.boxTL {
	background: url('images/boxBlue_tl.gif') no-repeat;
	width: 9px;
	height: 45px;
	float: left;

}

.boxTR {
	background: url('images/boxBlue_tr.gif') no-repeat;
	width: 9px;
	height: 45px;
	float: right;
}

#latestPostsHome {
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	width: 370px;
	clear: both;
}

#latestPostsHome li {
	padding: 10px 0;
	
	border-bottom: 1px solid #999;
}

.postTitle {
	font-size: 1.1em;
	font-weight: bold;
}

.archive h3 {
	margin: 20px 0;
	padding: 0;
}

p.postmeta {
	font-size: 0.8em;
	padding: 0 0 0 30px;
}

.archive .small {
	width: 600px;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #fff;
}

/* CALCULATE FORM STYLES
---------------------------------------------*/

#calcForm h3 {
	margin: 0;
	padding: 0;
}

#calcForm table {
	width: 900px;
}

#calcForm th {
	border-top: 1px solid #999;
}

#calcForm td {
	margin: 5px; 
	padding: 5px 10px; 
	font-size: 0.8em;
}

#calcForm .center  {
	text-align: center
}

#calcForm .right {
	text-align: right;
}

#calcForm .total {
	font-size: 1.1em; 
	padding: 3px;
}
#calcForm .small {
	font-size: 0.7em;
}

#calcForm .style1 {
	text-align: center; 
	font-weight: bold; 
}

.toplist { 
	list-style: circle; 
	font-size: 0.9em;
	padding: 0 0 0 30px;
}

/* CONTACT PAGE STYLES
---------------------------------------------*/

#appointment {
	clear: both;
	padding: 20px 20px;
	margin: 20px auto;
	background-color: #fff;
	border: 1px solid #000;
	width: 800px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}

#contact_form {
	padding: 20px 20px;
	background-color: #fff;
	border: 1px solid #000;
	width: 500px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	float: left;
	margin: 0 20px 0 0;
}
#contact_form h4, #appointment h4 {
	font-size: 1.4em;
	text-align: center;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #444;
	margin: 15px auto 25px auto;
	width: 430px;
}
#appointment p {
	line-height: 1.5em;
}

#contact_form form, #appointment form {
	font-size: 0.9em;
}

label { 
	width: 250px; 
	display: block; 
	float: left; 
	margin: 0 15px 0 0;
	text-align: right;
}

input[type=text], textarea {
	height: 18px;
	padding: 4px 5px;
	font: 1.0em/1.4em Arial, Helvetica, sans-serif;
	color: #404040;
}

input[type=text] {
	height: 15px;
}

textarea  { 
	height: 150px; 
	width: 400px;
}

input[type=text]:hover, input[type=text]:focus {
	background: #f4f4f4;
}

textarea:hover, textarea:focus {
	background: #f4f4f4;
}

select, option  { 
	width: 175px; 
	outline: none; 
	padding: 2px 5px;
	font: 1.0em/1.4em Arial, Helvetica, sans-serif;
	color: #404040;
}

.send {
	padding: 3px 8px;
	margin: 15px 0 0 40px;
	font-size: 1.0em;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
	box-shadow: 0 0 5px #666; 
	-moz-box-shadow: 0 0 5px #666; 
	-webkit-box-shadow: 0 0 5px #666;
}

.wpcf7-list-item-label {
	padding: 0 10px 0 2px;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	float: right;
	left: 550px;
	top: 0;
	width: 180px;
	margin: -8px 0 0 0;
	padding: 5px;
}

.rowElem 
label.error { float: none; font-style: italic; color: red;
                              position: absolute; top: 16px; left: 0; 
                              font-size: 12px; }

.rowElem { 
	position: relative; 
	clear: both; 
	margin: 8px 0;
	min-height: 35px; 
}
.rowElem2                    { position: relative; clear: both; min-height: 35px; }

.thanks                     { color: green; font-weight: bold; }

.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }

.video { margin-top: -22px;}
.video p {  font-weight:bold; font-size: 1.05em; text-align: center;}