@charset "utf-8";

/* Body and Wrapper Styles */
body {margin: 0;padding: 0;	font-family:Arial, Helvetica, sans-serif;font-size:12px;background-image: url(http://www.trevorsaint.com/images/bg.jpg);background-repeat: repeat-y; background-position: center;background-color: #101112;}
.wrapper {width: 998px;margin: 0 auto;border-left: 1px solid #444;border-right: 1px solid #444;background-color: #fff;}
.content_wrapper {}
img, div { behavior: url(iepngfix.htc) }

body#home a#homenav, body#services a#servicesnav, body#portfolio a#portfolionav, body#quote a#quotenav, body#upload a#uploadnav, body#about a#aboutnav, body#contact a#contactnav, body#careers a#careersnav {background-position:0% -42px;}
body#home span#homenav, body#services span#servicesnav, body#portfolio span#portfolionav, body#quote span#quotenav, body#upload span#uploadnav, body#about span#aboutnav, body#contact span#contactnav, body#careers span#careersnav {background-position:100% -42px;color: #779d03;font-weight: bold;}

/* Common Styles */
a {color: #779D48; text-decoration: none;}
a:visited {color: #779D48;}
a:hover {color: #779d03}
a:active {color: #779d03;}
p {}

/* Header Styles */
.header {background-image: url(../images/header_bg.jpg);background-repeat: repeat-x;background-position: top;height: 81px;}
.logo {float: left;width: 300px;padding: 0px;}
.phone {
	color: #989898;
	width: 200px;
	float: right;
	font-size: 22px;
	padding: 5px 3px 0px;
}
.phone img {padding: 0 10px;}

/* Navigation Styles */
#tabsC {
	float:right;
	width:100%;
	margin: 13px 0px 0px 0px;
	font-size:93%;
	line-height:normal;
	width: 620px;
}
#tabsC ul {margin:0; padding:10px 10px 0 0px; list-style:none;}
#tabsC li {display:inline; margin:0; padding:0;text-transform: uppercase;}
#tabsC a {float:left; background:url("../images/tableftC.gif") no-repeat left top; margin:0; padding:0 0 0 4px;text-decoration:none;margin: 0 1px;}
#tabsC a span { float:left; display:block; background:url("../images/tabrightC.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#fff;font-weight: bold; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span {float:none;}
/* End IE5-Mac hack */
#tabsC a:hover span { color:#FFF; }
#tabsC a:hover {background-position:0% -42px;}
#tabsC a:hover span {background-position:100% -42px;color: #779d03;font-weight: bold;}  

/* Sub-Navigation Styles */
#tabsS {float:left; width:100%;margin: 0px 0px 0px 10px; font-size:9px; line-height:normal;width: 670px;}
#tabsS ul {margin:0; padding:3px 3px 0 5px; list-style:none;}
#tabsS li {display:inline; margin:0; padding:0;text-transform: uppercase;}
#tabsS a {float:left; background:url("../images/tableftS.gif") no-repeat left top; margin:0; padding:0 0 0 0px;text-decoration:none;margin: 0 1px; }
#tabsS a span {float:left; display:block; background:url("../images/tabrightS.gif") no-repeat right top; padding:5px 2px 4px 12px; color:#ccc;font-weight: bold; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsS a span {float:none;}
/* End IE5-Mac hack */
#tabsS a:hover span { color:#333333; }
#tabsS a:hover {background-position:0% -42px;}
#tabsS a:hover span {background-position:100% -42px;color: #333333;font-weight: bold;}  

/* Slideshow Styles */
.slideshow {background-image: url(../images/door.jpg);background-repeat: no-repeat;height: 411px;border-bottom: 5px solid #494949}
.slideshow_header {background-image: url(../images/slide_header_bg.png);background-repeat: repeat;padding-top: 7px;}
.slideshow_links {}
.slideshow_links ul {list-style: none;margin: 260px 0px 0px 0px;!margin: 250px 0px 0px 35px;}
.slideshow_links li {float: left;width: 319px;}
.slideshow_links li a {color: #ffffff;text-decoration: none;font-weight: bold;}
.slideshow_links li a:visited {color: #ffffff;}
.slideshow_links li a:hover {color: #779d03;}
.title {font-size:23px;font-family: Arial;font-weight: bold;}
.sIFR-active .title {visibility: hidden;font-family: Verdana;line-height: 1em;font-weight: bold;}

/* Home Services Styles */
.home_service {float: left;width: 220px;text-align: center;margin: 10px 3px;padding: 0px 10px;}
.home_service h1 {margin: 0px;padding: 0px;}
.home_service h1 a {color: #494949;font-size: 18px;display: block;}
.home_service h1 a:visited {color: #494949;}
.home_service h1 a:hover {color: #779d03;}
.home_service h2 {margin: 0px;padding: 0px;color: #666;font-size: 14px}
.home_service img {}
.home_service_button {}
.home_icon {min-height: 120px; padding-top:5px; vertical-align:bottom;}
#home_border_1, #home_border_2, #home_border_3 {border-right: 1px solid #e8e8e8;}

.home_msg {margin: 50px 10px 0px 10px;}
.home_msg h1 {color: #779d03;margin: 0;padding: 0;font-size: 18px;}
.home_msg p {font-size: 14px;}
.home_msg img {margin: 0px 30px 0px 30px;}

.service_header {float: left;width: 450px;padding-left: 10px;!padding-top: 10px;}
.rafq a {color: #779D48;float: left;width: 450px;text-align: right;padding-left: 60px;}
.rafq a:hover {color: #000000;}

.service_item {}
.service_item h2 {margin: 10px 0px 0px 15px;}
.service_image {float: left;margin: 0px 10px 0px 15px ;}
.service_item p {color: #757575;line-height: 16px; margin-right: 25px;}
.service_item ul {float: left;width: 505px;margin: 0;padding: 0px 0px 0px 30px;}
.service_item li {color: #757575;padding-bottom: 3px;}
.service_item b {color: #000;}
.service_more {}
.service_more a {color: #779d03;font-weight: bold;margin: 0 15px;width: 25%;float: right;}

/* Left Column Styles */
.left_column {}

/* Center Column Styles */
.center_column {}

/* Right Column Styles */
.right_column {}

/* Footer Styles */
.footer {background-color: #000000;color: #ffffff;border-bottom: 1px solid #444;padding-bottom: 15px;}
.footer a {color: #779d03}
.fournfooter {padding: 10px;width: 320px;float: left;}
.address {float: left;margin-left: 70px;}
.address_phone {float: left;margin-left: 20px;}
.fournfooter p {font-size: 11px;margin: 0px 0px 0px 0px;padding: 0;}
.footer_menu {float: left;width: 350px;}
.footer_menu h3 {color: #404040;text-transform: uppercase;font-size: 13px;margin: 30px 0px 0px 30px;padding: 0px;}
.footer_phone {float: right;padding: 5px;text-align: right;}
.footer ul {list-style: none;}
.footer li {float: left;width: 150px;}
.footer li a {color: #ccc;text-transform: uppercase;font-size: 11px;}
.footer li a:hover {color: #779d03;}
.footer li a:active {}
.footer li a:visited {}

/* Misc Styles */
.clear {clear:both;}
hr {background-color: #ccc;margin: 10px 25px;color: #ccc;margin-top: 20px;height: 2px;border: 0;}
.p_textpage {padding: 25px; width:550px; }
.p_textpage_alt {padding: 25px; width:950px; }
.p_textpage a {color: #779D03;font-weight: bold;}
.p_float { float:left; padding: 25px; width:420px; }
.p_right { float:right; padding: 25px; width:420px; }
.footer_padding {padding: 25px;}
.portfolio_link {float: right;text-align: center;}
.port_container {}
.contact_right {float: right;}
.quote_info {float: right;width: 450px;margin-bottom: 10px;}
.quote_info h2 {color: #fff;margin: 0px; padding: 10px 0px 0px 10px;color: #d8ef91;}
.quote_info li {color: #d2e1a6;padding-bottom: 5px;font-size: 14px;font-weight: bold;}
.quote_info2 {float: left;background-color: #779d03;width: 323px;height: 340px;border: 5px solid #4c6308;margin: 0px 0px 10px 10px;}
.quote_info2 h2 {color: #F3FFCF;margin: 0px; padding: 10px 0px 0px 10px;}
.quote_info2 ul {margin: 0px;!margin-left: 30px;padding-top: 5px;padding-right: 5px;}
.quote_info2 li {color: #d2e1a6;padding-bottom: 5px;font-size: 14px;font-weight: bold;}
.contact_address {font-size: 14px;padding: 5px 10px; color: #3e5006;font-weight: bold;}
.threed ul, .threed p {width: 680px;}

/* Form Styles */
.cssform p{width: 300px;clear: left;margin: 0;padding: 5px 0 8px 0;padding-left: 155px; /*width of left column containing the label elements*/border-top: 1px dashed #999;height: 1%;}
.cssform label{font-weight: bold;float: left;margin-left: -155px; /*width of left column*/width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 180px;}
.cssform textarea{width: 290px;height: 80px;}

* html .threepxfix{margin-left: 3px;}

/* Heading Styles */
h1 {font-size: 20px;}
h1 a, h1 a:visited {}
h1 a:hover {}
h2 {font-size: 18px;}
h2 a, h2 a:visited {}
h2 a:hover {}
h3 {font-size: 16px;}
h3 a, h3 a:visited {}
h3 a:hover {}
h4
h4 a, h4 a:visited
h4 a:hover {}
h5 {}
h5 a, h5 a:visited {}
h5 a:hover {}

/* Form Styles */
input {}
select {}


#contact-area {
	width: 320px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 225px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 5px 0px;
	border: 1px solid #4C6308;
background-color: #CBDF8B;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #F3FFCF;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;margin-right: 5px;background-color: #4C6308;color: #CBDF8B;font-weight: bold;border: 1px solid #273d06;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;

	width: 70px;
	padding-top: 5px;
	font-size: 12px;color: #CBDF8B;font-weight: bold;
}
	
	
.header .faceBookLike {
	margin: 0px;
	padding: 7px 5px 0px;
	float: right;
	width: 85px;
}

.header .googlePlus1 {
	margin: 0px;
	padding: 7px 5px 0px;
	float: right;
	width: 65px;
}