/* 
	Theme Name: 888 Abatement
	Description: noble image base theme
	Author: Elly Callison
	Version: 1.0
	
*/

/* RESET */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a {text-decoration:none;}

.clear{clear:both}
.right {float:right;}
.left {float:left;}

table {
	margin:0 auto;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Francois One', sans-serif;
}
/******************
 *	OVERALL		  *
 ******************/ 
html {
	*clear: both;
	*overflow-x: hidden;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background: #2c2c2c;
	*clear:both;
	*overflow-y: hidden!important;
}
p {
	line-height: 22px;
	font-size: 14px;
	padding: 5px 0;
}
ul {
	margin: 10px 0;
}
li {    
	background: url(images/bullet.png) left center no-repeat;
	padding: 0 0 0 15px;
	line-height: 22px;
}
ol {
	margin: 10px 25px;
}
ol li {
	line-height: 22px;
	font-size: 14px;
	background: none!important;
	list-style: decimal;
	padding: 0 0 15px 0;
}
h1 {
	color: #d2232a;
	font-size: 35px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #77bbc0;
	padding: 0 0 3px 0;
	margin: 20px 0 10px 0;
}
h2 {
	color: #508b90;
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 0px 0;
	line-height: 28px!important;
}
h3 {
	color: #1f1f1f;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #d2232a;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
}
h4 {
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 0 0;	
}
h5 {
	font-weight: normal;
	font-size: 18px;
	color: #508b90;
	margin: 10px 0 0 0;
}
h6 {
	font-weight: normal;
	font-size: 16px;
	color: #D2232A;
	margin: 10px 0 0 0;
}


/******************
 *	HYPERLINKS	  *
 ******************/ 
a, a:visited, a:active {
	color: #d2232a;
	font-style: italic;
}
a.button {
	background: url(images/button-bkg.png) repeat-x;
	padding: 6px 16px;
	color: #fff!important;
	font-size: 16px!important;
	text-transform: uppercase;
	font-family: 'Francois One', sans-serif;
	text-decoration: none!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*height: 36px;
	*line-height: 36px;
}
a:hover {
	text-decoration: none!important;
}

/******************
 *	HEADER		  *
 ******************/ 
.header-wrap {
	background: url(images/header-bkg.png) repeat-x;
	clear: both;
	height: 74px;
	z-index:9999;
	position: relative;
}
.header {
	width: 1000px;
	margin: 0 auto;
	clear: both;
}
.logo {
	float:left;
	width: 325px;
	margin: 0 0 0 -25px;
}
.header-right {
	float: right;
	width: 700px;
}
.top-info {
	float: right;
	padding: 7px 0; 
}
.top-info p, .top-info a {
	color: #fff;
	font-size: 13px;
	padding: 0!important;
	line-height: 12px!important;
}
.top-info a {
	font-style: italic;
}


/******************
 *	MENU		  *
 ******************/ 
.menu {
	float: right;
	padding: 0;
	clear: both;
	overflow: hidden;
	*max-width: 700px;
	*min-width: 500px;
	*float: none;
}
.menu .current a, .menu li.current_page_item a {
	background: url(images/arrow.png) bottom center no-repeat;
}
.menu ul {
	list-style: none;
	display:inline;
	margin: 0px 0 0 1px;
	padding: 0;
	float:left;
}
.menu li {
	float: left;
	margin: 0;
	padding: 0;
}
.menu ul li {
	padding: 0;
	list-style: none;
	background:url(images/menu-div.png) right center no-repeat;
	height: 48px;
}
.menu li a, .menu li a:link, .menu li a:visited {
	margin: 0;
	color: #fff;
	padding: 13px 12px 13px 12px;
	display: block;
	font-size:14px;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Francois One', sans-serif;
}
.menu li a:hover {
	margin: 0;
	display: block;
	color: #86cdd3;
}
.menu li#menu-item-25 a:hover {
	color: #fff!important;
}
.menu li#menu-item-25, .menu li#menu-item-18 {
	background: none!important;
}
.menu li#menu-item-25 a {
	text-transform: none!important;
	background: url(images/login-bkg.png) no-repeat;
	padding: 2px 16px;
	margin: 10px 0;
}
.menu li li a, .menu li li a:link, .menu li li a:visited {
	float: none;
	margin: 0;
	color: #fff;
	background:none;
	padding: 5px 10px;
	border-top: 1px solid #444;
}
.menu li li a {
	color: #eee;
	width: 140px;
}
.menu li li li a {
	width: 135px;
}
.menu li li a:hover {
	margin: 0;
	background:none;
}
.menu li ul {
	z-index: 9999;
	position: absolute;
	height: auto;
	margin: 0;
	padding: 0;
	left: -999em;
}
.menu li li {
	border: none;
	background: none!important;
	margin:0 0 0 0px;
	height: 32px;
}
.menu li ul ul {
	margin: -37px 0 0 195px!important;
}
.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul {
	left: -999em;
}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul {
	left: auto;
}
.menu li:hover, .menu li.sfhover {
	position: static;
}
.menu ul li ul {
	width:160px;
	margin:0 0 0 0;
	padding:0px 0;
	background: url(images/submenu-bkg.png) repeat;
	border-bottom: 3px solid #77BBC0;
}
.menu ul li ul li ul {
	width: 150px!important;
}

/******************
 *	HERO		  *
 ******************/ 

.hero-wrap {
	background: url(images/hero-bkg.png) repeat-x;
	z-index: 9;
	position: relative;
	margin: 0;
	padding: 25px 0 0 0;
}
.hero {
	width: 1000px;
	margin: 0 auto;
	height: 305px;
}
.network-words {
	width: 450px;
	float: left;
	margin: 25px -40px 0 0;
	z-index: 9;
	position: relative;
}
.arrow {
	background: url(images/hero-arrow.png) no-repeat;
	*clear: both;
	*overflow: hidden;
	height: 106px;
}
.arrow h1, .arrow h1 a {
	font-size: 50px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 0 4px 10px;
	font-weight: normal;
	text-decoration: none!important;
	border: none!important;
	margin: 0!important;
}
.arrow h2, .arrow h2 a {
	color: #101010;
	font-size: 30px;
	text-transform: uppercase;
	padding: 0 0 10px 10px;
	font-weight: normal;
	text-decoration: none!important;
	margin: 0!important;
}
.arrow h1 a, .arrow h2 a {
	padding: 0!important;
}
.network-words h4 {
	font-size: 25px;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	padding: 10px 0 5px 0;
	line-height: 33px;
}
.network-words h4 span.red {
	text-transform: none!important;
	font-size: 19px!important;
	color: #ed3347!important;
}
.network-words a {
	color: #86cdd3;
	font-size: 14px;
	font-style: normal!important;
}
.network-words .button {
	margin: 27px 0 0 0;
}
.map {
	width: 590px;
	height: 305px;
	float: left;
	position: relative;
	z-index: 1;	
}
.state-wrap {
	background: #7d7d7d;
	margin: 0 0 0;
	position: relative;
	z-index: 1;
	padding: 10px 0;
}
.state {
	width: 1000px;
	margin: 0 auto;
}
.state h2 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	clear: both;
	overflow: hidden;
	margin: 0;
	background: url(images/h2-arrow.png) right center no-repeat;
	text-transform: none!important;
	width: 335px;
}

/******************
 *	HOMEPAGE      *
 ******************/ 
.content-wrap {
	background: url(images/content-bkg.png) repeat-x #fff;
	clear: both;
	padding: 0 0 30px 0;
}
.content {
	width: 1000px;
	margin: 0 auto;
}
.home-content {
	width: 485px;
	float: left;
	margin: -15px 0 0 0;
	position: relative;
	z-index:99;
}
.home-content ul#slides {
	overflow: visible!important;
	height: 235px;
	padding: 0!important;
	margin: 0!important;
	*height: 239px;
}
.home-content ul#slides li {
	padding: 0!important;
	background: none!important;
	list-style: none!important;
}
.home-pod {
	background: url(images/home-pod-bkg.png) no-repeat;
	*clear: both;
	*overflow: hidden;
	*margin: -4px 0 0 0;
}
.home-pod h1 {
	color: #060606;
	font-size: 25px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 15px 15px 10px 15px;
	border: none!important;
	margin: 0!important;
}
span.red {
	color: #d2232a;
}
.home-pod p {
	font-size: 13xp;
	line-height: 21px;
	color: #333;
	padding: 0 15px;
}
.bottom-line {
	width: 490px;
	float: right;
	padding:65px 0 0 0;
}
.bottom-line h3 {
	color: #cc3333;
	font-size: 35px;
	text-transform: none;
	margin: 0;
	font-weight: normal;
	border: none!important;
}
.bottom-line ul li {
	font-size: 15px;
	line-height: 24px;
}
.bottom-line h2, .bottom-line h2 a {
	color: #060606;
	font-size: 25px;
	text-transform: none!important;
	font-weight: normal;
	margin: 5px 0;
	text-decoration: none!important;
	font-style: normal!important;
}


/******************
 *	CONTENT		  *
 ******************/ 
.int-hero-wrap {
	background: #212121;
	margin: 0;
}
.int-hero {
	background: url(images/hero-int-bkg.png) no-repeat;
	width: 1000px;
	margin: 0 auto;
	height: 108px;
}
.network-button {
	padding: 50px 0 0 0;
}
.network-button a {
	background: url(images/int-arrow.png) no-repeat left center;
	color: #fff;
	font-family: 'Francois One', sans-serif;
	font-size: 20px;
	padding: 5px 90px 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-style: normal;
	*line-height: 46px;
}
.int-content {
	width: 650px;
	float: left;
}
.int-content .contractor {
	clear: both;
	overflow: hidden;
}

/******************
 *	ENTRY		  *
 ******************/

.int-content .map {
	height: 390px!important;
	margin: 20px 0 0 0;
}
.contractor h2 {
	background: #efefef;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #e2e2e2;
	padding: 7px 10px;
	width: 615px;
	clear: both;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.contractor h2 a {
	color: #35a3ac;
	font-style: normal;
	font-size: 25px;
	text-transform: uppercase;
}
.entry-blog {
	width: 310px;
	margin: 0 15px 15px 0;
	background: #efefef;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	min-height: 142px;
}
.cat-image {
	width: 100px;
	float: left;
	margin: 10px;
}
.cat-image img {
	width: auto!important;
	height: auto!important;
	max-width: 100px;
	max-height: 100px;
}
.blog-post {
	width: 168px;
	float: left;
	border-left: 1px solid #e2e2e2;
	margin: 10px 0;
	padding: 5px 10px;
}
.blog-post h4 {
	height: 18px;
	overflow: hidden;
}
.blog-post h4 a {
	font-style: normal;
	color: #333;
	height: 18px;
	overflow: hidden;
}
.details p {
	line-height: 20px;
	padding: 8px 0;
}
.state-page .entry-blog {
	min-height: 223px;
}
.state-page .blog-post {
	margin: 10px 0 5px 0;
}
.blog-content {
	clear: both;
	overflow: hidden;
	padding: 0 10px 10px 10px;
}
.entry-blog .blog-content img {
	display: none;
}
.contractor-image {
	margin: 10px 20px 10px 0;
	width: auto;	
}
.contractor-image img {
	width: auto;
}
.contractor-page h1 {
	border: none;
	font-size: 30px;
	margin: 10px 0 0 0;
	
}
.contractor-page h2 {
	font-size: 25px;
	
}
.contractor-page h3 {
	border: none;
	font-size: 20px;
	margin: 10px 0 0 0;
}
.contractor-page h4 {
	margin: 10px 0 0 0;
}
.entry {
	border-bottom: 1px solid #eee;
	margin: 5px 0;
	padding: 5px 0;
}
.entry h2 a {
	font-style: normal;
	color: #508B90;
}

/**********************
 *  CONTRACTOR HOME   *
 *********************/
.contractor-home .top-info h4, .contractor-home .top-info h4 a {
	color: #fff;
	font-size: 18px;
	font-style: normal;
}
.contractor-home .top-info {
	padding: 4px 0;
}
.contractor-home .logo {
	background: #fff;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	width: auto!important;
	margin: 0!important;
}
.contractor-home .logo img {
	width: auto;
	margin: 0 auto;
	padding: 3px;
	max-height: 95px;
max-width: 250px;
}
.contractor-home .hero-wrap {
	padding: 27px 0 0 0;
	*margin: -27px 0 0 0;
}
.contractor-home .hero {
	background: url(images/single-hero-bkg.png) right center no-repeat;
	margin: -27px auto 0 auto;
	height: 240px;
}
.contractor-home .network-words {
	clear: both;
	margin: 25px 0 0 0;	
	*margin: 55px 0 0 0;
}
.contractor-home .arrow {
	padding: 5px 0;
}
.contractor-home .arrow h1, .contractor-home .arrow h1 a {
	font-size: 44px;
}
.contractor-home .arrow h2, .contractor-home .arrow h2 a {
	font-size: 32px;
}
.contractor-home .network-words h4 {
	font-size: 20px;
	padding: 0 0 0 30px;
	background: url(images/phone.png) no-repeat left center;
	height: auto!important;
	margin: 5px 0;
}
.contractor-home .single-rotate {
	margin: -29px 15px 0 0;
	float: right;
	width: 500px;
	*margin: -2px 15px 0 0;
}
.contractor-home .single-rotate ul#slides {
	overflow: visible!important;
	margin: 0px 0 0 0;
}
.contractor-home .single-rotate ul#slides li {
	padding: 0!important;
	list-style: none!important;
	background: none!important;
}
.contractor-home .int-content {
	width: 670px;
}
.contractor-home .int-content h1 {
	text-transform: none;
	font-size: 30px;
}
.contractor-home .sidebar {
	float: right;
}

/******************
 *	SIDEBAR   	  *
 ******************/ 
.sidebar {
	width: 300px;
	float: left;
	padding: 0 0 20px 30px;
}
.search {
	background: url(images/search-bkg.png) no-repeat;
	height: 31px;
	width: 289px;
	padding: 8px 10px 8px 13px;
	margin: -1px 0 15px -3px;
}
.search input[type="text"] {
	background: url(images/search-input-bkg.png) no-repeat;
	padding: 0px 10px;
	font-style: italic;
	font-size: 12px;
	color: #999;
	border: none!important;
	width: 223px;
	height: 29px;
	float: left;
	*padding: 7px 10px 0 10px;
	line-height: 32px\0/IE8+9;
}
.search input[type="submit"] {
	background: url(images/go-bkg.png) no-repeat;
	padding: 5px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	border: none!important;
	width: 30px;
	float: left;
	height: 29px;
	font-weight: bold;
	margin: 0 0 0 5px;
	cursor: pointer;
}
.int-sidebar {
	background: url(images/sidebar-bkg.png) no-repeat;
	padding: 10px;
	margin: 0 0 15px 0 ;
	min-height: 181px;
}
.int-sidebar p {
	font-size: 13px;
	line-height: 18px;
}
.int-sidebar ul {
	margin: 5px 10px;
}
.int-sidebar ul li {
	line-height: 20px!important;
}

/******************
 *	FOOTER		  *
 ******************/ 

.footer-wrap {
	background: url(images/footer-bkg.png) repeat-x;
	border-top: 3px solid #87cfd5;
}
.footer {
	width: 1000px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
.bottom-menu {
	*width: 400px;
}
.bottom-menu, .bottom-menu .menu {
	float: left!important;
	padding: 5px 0!important;
}
.bottom-menu li {
	background: none!important;
	padding: 0 0!important;
	border-right: 1px solid #fff;
	line-height: 11px;
}
.bottom-menu li a {
	color: #fff;
	text-transform: none!important;
	font-size: 11px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	background: none!important;
	padding: 0 5px!important;
}
.bottom-menu li a:hover {
	color: #fff!important;
}
.bottom-menu li#menu-item-29 {
	border: none!important;
}
.bottom-info {
	width: 500px;
	float: right;
	text-align: right;
	padding: 10px 0;
	*width: 400px!important;
}
.bottom-info p, .bottom-info a {
	color: #fff;
	text-decoration: none!important;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/******************
 *	FORMIDABLE    *
 ******************/
.frm_form_fields {
	margin: 10px 0;
}
.with_frm_style .frm_form_field {
	margin: 5px 0!important;
	clear: both!important;
	overflow: hidden!important;
}
.with_frm_style .frm_top_container label.frm_primary_label, .with_frm_style .frm_hidden_container label.frm_primary_label, .with_frm_style .frm_pos_top {
	width: 120px!important;
	float: left!important;
	clear: both!important;
	overflow: hidden!important;
	line-height: 20px;
}
.with_frm_style input[type="text"], .with_frm_style input[type="password"], .with_frm_style input[type="email"], .with_frm_style input[type="number"], .with_frm_style input[type="url"], .with_frm_style input[type="tel"], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .frm_form_fields_active_style, .frm_form_fields_error_style {
	width: 500px!important;
	float: left!important;
}
.with_frm_style p.submit {
	padding: 0 30px;
}
.with_frm_style .submit input[type="submit"], .frm_form_submit_style {
	background: url(images/button-bkg.png) repeat-x!important;
	padding: 2px 6px!important;
	color: #fff!important;
	font-size: 14px!important;
	text-transform: uppercase;
	font-family: 'Francois One', sans-serif!important;
	text-decoration: none!important;
	-webkit-border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	border-radius: 3px!important;
	border: none!important;
	box-shadow:none!important;
	float: right!important;
	
}
.with_frm_style h2.frm_pos_top {
	width: 650px!important;
	clear: both;
	overflow: hidden; 
	margin: 10px 0!important;
}
#frm_form_7_container .frm_form_fields {
	margin: 0!important;
}
#frm_form_7_container .frm_top_container label.frm_primary_label, #frm_form_7_container .frm_hidden_container label.frm_primary_label {
	width: 170px!important;
	float: left!important;
	clear: both!important;
	overflow: hidden!important;
	line-height: 20px!important;
}
#frm_form_7_container input[type="text"], #frm_form_7_container input[type="password"], #frm_form_7_container input[type="email"], #frm_form_7_container input[type="number"], #frm_form_7_container input[type="url"], #frm_form_7_container input[type="tel"], #frm_form_7_container select, #frm_form_7_container textarea, #frm_form_7_container .frm_form_fields_style, #frm_form_7_container .frm_form_fields_active_style, #frm_form_7_container .frm_form_fields_error_style {
	width: 450px!important;
	float: left!important;
}
#frm_form_7_container p.description, #frm_form_7_container div.description, #frm_form_7_container div.frm_description, #frm_form_7_container .frm_error {
	clear: both!important;
	overflow: hidden!important;
	margin: 0 0 0 170px!important;
	font-style: italic!important;
	padding: 3px 0 0 0!important;
	line-height: 18px!important;
	font-size: 11px!important;
}
#frm_form_7_container .frm_checkbox, #frm_form_7_container .frm_radio {
	float: left!important;
	margin: 0 5px 0 0!important;
}
.with_frm_style .frm_message, .frm_success_style {
	background: #eee!important;
	border: 1px solid #d2232a!important;
	color: #333!important;
}