/*
1800 Restore
By Mosaic Group LLC
*/

/*global resets*/

* {margin:0; padding:0;}
ol, ul{list-style:none;}
strong { font-weight: 700;}
em {font-style: italic;}
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */
select img {border:none;}
img {border:none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.none {float:none;}
.hidden {display: none;}

a, a:visited {text-decoration: underline; outline: none; color: #555555;}
a:hover {text-decoration: none;}

body {
	background: #000000 url(../images/gradient.gif) repeat-x top left;
	color: #ffffff;
	font-family:"Lucida Grande",Tahoma,Arial,Sans-Serif;
	font-size: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-align: center; /* for IE */
}

#wrapper{
	width: 962px;
	margin: 0 auto;
	text-align: left;
	overflow: visible;
	position: relative;
}

/************ header *************/

#header {
	height: 90px;
	position: relative;
	top: 0;
	left: 0;
	width: 960px;
	margin: 0 auto;
	border-bottom: 3px solid #ebebed;
	z-index: 1001;
}

.logo, .phone, .arrow {
	text-indent: -9999px;
}

.logo {
	background: transparent url(../images/logo.png) no-repeat top left;
	width: 404px;
	height: 159px;
	position: absolute;
	top: 0;
	left: 30px;
}

.logo h1 {
	width: 202px;
	height: 159px;
}

.phone {
	background: transparent url(../images/phone.png) no-repeat top left;
	width: 288px;
	height: 37px;
	position: absolute;
	top: 15px;
	left: 558px;
}

.arrow {
	background: transparent url(../images/arrow.png) no-repeat top left;
	width: 149px;
	height: 118px;
	position: absolute;
	top: 0;
	left: 850px;
}

/************ navigation *************/
.top-nav {
	height: 33px;
	width: 440px;
	position: absolute;
	z-index: 1000;
	top: 60px;
	left: 462px;
	width: 538px;
}

.top-nav-left {
	background: transparent url(../images/nav-left.png) no-repeat top left;
	float: left;
	width: 56px;
	height: 33px;
}

.top-nav-center {
	background: transparent url(../images/nav-center.gif) repeat-x top left;
	float: left;
	display: inline;
	height: 33px;
}

.top-nav-right {
	background: transparent url(../images/nav-right.png) no-repeat top left;
	float: left;
	display: inline;
	width: 4px;
	height: 33px;
}

/*NAVIGATION/*
/* Basic code - don't modify */
#nav { display: block; margin: 0; padding: 0; position: relative;z-index: 1000;}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a, #nav a:visited { display: block; z-index: 1000; text-decoration: none; color: #555555; }
#nav a:hover{ color: #000; }
#nav a.last { border-right: none;}
#nav a.last:hover { border-right: none;}
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; z-index: 1000;} /* IE6/7 fix */
#nav ul li { float: none; }
    
/* Essentials - configure this */
#nav ul { width: 149px; }
#nav ul ul { left: 150px; }

/* Everything else is theming */
#nav { color: #555555; top: 0; font-size: 0.75em; }
#nav li.head { padding: 8px 20px 0; color: #555555; border-right: 1px solid #555555; }
#nav li.head a { padding-bottom: 7px; }
#nav li.head:hover { background-color: #7d9cc8; }
#nav li.head:hover a { color: #000; }

#nav li.first-head { border-left: 1px solid #555555; }

#nav *:hover { background-color: none; }
#nav li:hover a { z-index: 1000;}

#nav ul.sub { top: 30px; left: -1px; border: 1px solid #555555;}
#nav ul.sub li { background-color: #fff; border-bottom: 1px solid #555555; width: 149px; float: left; }
#nav ul.sub li:hover, #nav ul.sub li a:hover { background-color: #7d9cc8; }
#nav ul.sub li a { background-color: none; z-index: 1000; font-size: 0.9em; padding: 5px 10px 6px 10px; line-height: 1; }
#nav ul li.last-sub { border-bottom: none;}
#nav ul a:hover { background-color: #7d9cc8; color: #000; z-index: 1000; }
#nav ul a { border-right: none; z-index: 1000;}
 #nav ul a { border-bottom: none; } /*- I also needed this for IE6/7 */

/************ end navigation *************/

/************ end header *************/


/************ main-content *************/



#main-content {
	/*position: relative;*/
	background: #000000;
	width: 920px;
	border: 1px solid black;
	border-bottom: none;
	padding: 50px 20px 10px;
}

.top-content {
	padding-bottom: 30px;
	/*position: relative;*/
}

.top-content hr.top {
	height: 0px;
	background-color: #000000;
	color: #000000;
	border: 1px solid black;
}

.top-content .top-text {
	width: 570px;
	float: left;
}

.top-content h1 {
	color: #dd5408;
	font-size: 1.9em;
	margin-bottom: 10px;
	text-align: center;
}

.top-content h1.slogan {
	font-size: 1.45em;
	z-index: 1;
}

.top-content p {
	padding: 20px 30px 0;
	font-weight: bold;
	font-size: 0.9em;
}

.left-content {
	float: left;
	width: 340px;
	margin-right: 20px;
	/*margin: 0 50px 0 40px;*/
	margin-top: 18px;
}

.right-content {
	float: right;
	width: 560px;
	/*position:relative;*/
	top:-30px;
}

.top-content .right-content h1 {
	text-align: left;
}

.right-content .gray-background {
	background-color: #000000;
	width: 505px;
	min-height: 436px;
	border: 1px solid #000000;
	padding: 15px 15px 15px 15px;
}

h2 {
	font-size: 1em;
	font-style: italic;
	margin-bottom: 15px;
	text-align: center;
}

h3 {
	font-size: 0.9em;
	margin-bottom: 5px;
	color: #dd5408;
}

h3 a, h3 a:visited {
	color: #dd5408;
}

.right-content .gray-background h3 {
	padding: 0 0 0 0;
}

.right-content .gray-background p {
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0 10px 15px 10px;
	text-align: justify;
}

.right-content .gray-background ul {
	list-style: disc;
	padding: 0 0 15px 25px;
}

.right-content .gray-background ul li {
	font-size: 0.8em;
	line-height: 1.2em;
}

.right-content .gray-background p span {
	font-weight: bold;
}

.right-content .gray-background p.name {
	text-align: right;
	padding: 0 0 25px 0;
}

.right-content .gray-background p.last {
	padding-bottom: 0;
}

.bottom-content {
	margin: 0 auto 30px;
	width: 920px;
}

.main-bottom-border {
	width: 960px;
	height: 0px;
	left: 0;
	position: absolute;
	bottom:0;
	border-top: 4px solid #dbdbdb;
	border-bottom: 3px solid #ffffff;
}

.iicrc p {
  float:both;
  clear:both;
  width: 960px;
	height: 0px;
  background-color: black;
  border-style: outset;
  border-width: 2px;
}


/************ end main-content *************/

/************ three columns *************/

.bottom-content .three-columns {
	width: 834px;
	margin: 0 auto;
}

.bottom-content .three-columns div {
	float: left;
	width: 258px;
	margin-right: 30px;
}

.bottom-content .three-columns div.last {
	margin-right: 0;
}

.bottom-content .three-columns div h1 {
	height: 144px;
	text-indent: -9999px;
	z-index: 4;
	/*position: relative;*/
}

.bottom-content .three-columns div h1.button {
	cursor: pointer;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
}

.bottom-content .three-columns div h1.button:hover, .bottom-content .three-columns div h1.active, .bottom-content .three-columns div h1.button:active {
	cursor: pointer;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.bottom-content .three-columns div div div {
	width: 235px;
	/*position: relative;*/
	top: -10px;
	margin: 0 10px;
	z-index: 3;
}

.bottom-content .three-columns div img {
	margin: -10px 14px;
	text-align: center;
}

.bottom-content .three-columns div div p {
	padding: 10px 10px;
	font-size: 0.75em;
	font-weight: bold;
	text-align: left;
}

.bottom-content .three-columns div div h3 {
	text-align: center;
	padding-bottom: 15px;
}

.bottom-content .water h1 {
	background: transparent url(../images/water.png) no-repeat top left;
}

.bottom-content .water .gradient {
	background: transparent
}

.bottom-content .water a, .bottom-content .water a:visited {
	color: #0d498d;
}

.bottom-content .fire h1 {
	background: transparent url(../images/fire.png) no-repeat top left;
}

.bottom-content .fire .gradient {
	background: transparent
}

.bottom-content .fire a, .bottom-content .fire a:visited {
	color: #c12e08;
}

.bottom-content .mold h1 {
	background: transparent url(../images/mold.png) no-repeat top left;
}

.bottom-content .mold .gradient {
	background: transparent
}

.bottom-content .mold a, .bottom-content .mold a:visited {
	color: #085910;
}


/************ end three columns *************/


/***************
	*contact form
****************/

.contact-form {
	width: 255px;
	margin-right: 32px;
	/*height: 225px;*/
	margin-bottom: 15px;
	float: left;
}

.claims-form {
	width: 500px;
	margin-right: 32px;
	/*height: 225px;*/
	margin-bottom: 15px;
	float: left;
}

.cforms li {
	display: block;
	padding-bottom: 35px;
}
.forms li {
	display: block;
	padding-bottom: 35px;
}
.cforms li label {
	width: 120px;
	float: left;
	font-size: 12px;
	padding-right: 20px;
	padding-bottom: 5px;
}
.forms li label {
	width: 90px;
	float: left;
	font-size: 12px;
	padding-right: 20px;
	padding-bottom: 5px;
}
.cforms li input {
	width: 300px;
	height: 20px;
	float: left;
	background: #ddd9d9;
	border: none;
}
.forms li input {
	width: 190px;
	height: 20px;
	float: left;
	background: #ddd9d9;
	border: none;
}

.cforms li textarea {
	width: 300px;
	height: 100px;
	float: left;
	background: #ddd9d9;
	border: none;
}
.forms li textarea {
	width: 190px;
	height: 100px;
	float: left;
	background: #ddd9d9;
	border: none;
}
.cforms .buttons {
	float: left;
	clear: left;
	background: #555555;
	height: 20px;
	width: 65px;
	color: white;
	border: none;
	margin: 15px 0 0 190px; 
	cursor: pointer;
}
.forms .buttons {
	float: left;
	clear: left;
	background: #555555;
	height: 20px;
	width: 65px;
	color: white;
	border: none;
	margin: 15px 0 0 190px; 
	cursor: pointer;
}

.alert {
	text-align: right;
	padding: 0;
	color: #dd5408;
}

.error {
	float: right;
	padding-top: 1px;
	font-size: 11px;
	color: #e82b2b;
}

.gray-background .contact-info {
	width: 200px;
	float: left;
	margin-bottom: 15px;
}

.gray-background .contact-info p {
	text-align: left;
	font-size: 0.8em;
	line-height: 1.4em;
	padding-bottom: 10px;
}

.gray-background .contact-info p span.label {
	width: 45px;
	float: left;
	padding-right: 20px;
	margin-bottom: 2px;
}

.gray-background .contact-info p span.number {
	width: 172px;
	float: left;
	text-align: right;
	background: #ddd9d9;
	border: none;
	padding: 2px 10px;
	margin-bottom: 10px;
	font-size: 0.88em;
}

iframe {
	border: 1px  solid #000;
}

/************ footer *************/

#footer {
	position: relative;
	background: #bfbfbf;
	border: 1px solid black; 
	border-top: none;
	padding: 10px;
	height: 160px;
	width: 940px;
}

#footer .locations {
	width: 420px;
	height: 160px;
	float: left;
	border-right: 1px solid #ffffff;
	margin-right: 20px;
}

#footer .contact-info {
	float: left;
	margin-right: 40px;
}

#footer p {
	color: #000;
	font-size: 0.8em;
	padding-left: 20px;
}

#footer .services {
	height: 160px;
	float: left;
}

#footer ul {
	color: #707070;
	float: left;
	margin-right: 15px;
	margin-left: 5px;
}

#footer ul.last {
	margin-right: 0;
}

#footer ul li {
	padding-bottom: 11px;
	font-size: 0.8em;
	font-weight: bold;
}

#footer ul li a, #footer ul li a:visited {
	color: #707070;
}

#footer h3 {
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 10px;
	color: #000000;
	font-weight: bold;
}

.copyright {
	color: #707070;
	font-size: 0.7em;
	padding: 15px 0 20px;
}

/************ end footer *************/