@charset "UTF-8";
/* CSS Document */

body {
	width: auto;
	background: url(images/menu.png) repeat-x;
}

#wrapper{
	position: relative;
	top:0px;
	text-align: left;
	margin: 0px auto;
	width: 1024px;
	height: 600px;
	/*background:#ffffff url(images/background.jpg) top center;*/
}

#myMenu {
	position: relative;
	top:-16px;
	height: 64px;
	width: 827px;
	margin: 0px auto 0px auto;
	/*background: url(images/menu.png) repeat-x;*/
	list-style: none;
	z-index: 1;
}

#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu li, #menu a {height: 52px; display: block;}

#homeBtn {left: 0; width: 100px;}
#contactBtn {left: 101px; width: 100px;}
#aboutBtn {left: 202px; width: 100px;}
#faqBtn {left: 303px; width: 100px;}
#newsBtn {left: 404px; width: 150px;}
#contBtn {right:10px; width: 240px;}

#homeBtn a:hover{background:url(images/menu_over.png) repeat-x;}
#contactBtn a:hover{background:url(images/menu_over.png) repeat-x;}
#aboutBtn a:hover{background:url(images/menu_over.png) repeat-x;}
#faqBtn a:hover{background:url(images/menu_over.png) repeat-x;}
#newsBtn a:hover{background:url(images/menu_over.png) repeat-x;}

img {
	border:none;
}

img#logo {
	position: absolute;
	top:20px;
	left: 0px;
	z-index:-1;
}

h3 {
	position: absolute;
	font-size: 20px;
	font-weight: normal;
	left: 20px; 
	color:#003366;
	font-family: helvetica;
}

ul.compare {
	width: 700px;
	list-style-type:square;
	font-family: helvetica;
	color:#666666;
	font-size: 14px;
}

#header {
	position: relative;
	height: 368px;
	width: 700px;
	top:0px;
	left:80px;
	z-index: 5;
}

#header a {
	background: url(images/hurricane_claims_both.png) 0 0 no-repeat;
}

#middle {
	position: relative;
	margin: 0px auto 0px auto;
	width: 823px;
	height: auto;
	z-index:0;
	background: url(images/middle-bkg.jpg) repeat-y top center;
}

#middleContact {
	position: relative;
	margin: 0px auto 0px auto;
	width: 823px;
	height: 500px;
	z-index:0;
	background: url(images/middle-bkg.jpg) repeat-y top center;
}

p.middleText {
	position: relative;
	width: 550px;
	text-align: left;
	left: 0px;
	font-size: 14px;
	padding: 10px 0 0 20px;
	font-family: helvetica;
	color:#666666;
}

.article {
	position: relative;
	left: 30px;
}

.featureLeft {
	position: relative;
	top:0px;
	left: 20px;
	width: 780px;
	height: auto;
	color: #666666;
	font-size: 14px;
	font-family: helvetica;
	font-weight:200;
	clear: both;
}

.featureLeft img {
	position: relative;
	margin: 0 10px 0 0;
	top:-20px;
	left:0px;
	float:left;
	/*right:-440px;*/
}

.featureRight {
	position: relative;
	top:0px;
	right: 10px;
	width: 780px;
	height: auto;
	text-align: right;
	font-family: helvetica;
	color: #666666;
	font-size: 14px;
	font-weight:200;
	clear: left;
}

.featureRight img {
	position: relative;
	top:-20px;
	right:0px;
	float: right;
}

.featureHeader {
	color: #666666;
	font-family: helvetica;
	font-size:20px;
	font-weight:200;
}

/* Tables */

table {
	position: relative;
	left: 20px;
	margin-bottom: 1.4em;
	width: 100%;
	font-family: helvetica;
}
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}

table.data_table {
	border: 1px solid #CCB;
	margin-bottom: 2em;
	width: 90%;
}
table.data_table th {
	background:#e9e1d1;
	border: 1px solid #D5D5D5;
	color: #555;
	text-align: left;
}
table.data_table tr {border-bottom: 1px solid #DDD;}
table.data_table td, table th {padding: 10px;}
table.data_table td {
	background: #F0F0F0;
	border: 1px solid #E0E0E0;
}
table.data_table tr.even td {background: #F5F5F5;}

/* Footer  */

#footer {
	position:relative;
	height: 196px;
	margin: 0px auto 0px auto;
	font-size: 13px;
	color: #666666;
	font-family: futura;
	clear: both;
	/*background: #063163 url(images/whitestrip.gif) repeat-x top;*/
}

p.leftFooter {
	position: absolute;
	width: 400px;
	left: 240px;
}

p.rightFooter {
	position: absolute;
	text-align: right;
	right:100px;
	height: 1% /* Holly hack for Peekaboo Bug */	
}

p.bottomCenter {
	position: relative;
	text-align: center;
	top:120px;
}

p.bottomCenter a {
	text-decoration: underline;
	color:#000066;
}

p.bottomCenter a:hover {
	text-decoration: none;
	color:#006666;
}


/* links */

a:link, a:visited {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: none;
	color:#990033;
}

a#card {
	position: absolute; 
	top: -50px; 
	right:-200px; 
	width: 338px;
	height: 285px;
	z-index:5;
	background: url(images/scorched_logos.png) 0 0 no-repeat;
}

a#card:hover {
	position: absolute; 
	top: -50px; 
	right:-200px; 
	width: 338px;
	height: 275px;
	z-index:5;
	background-position: 0 -284px;
}

/*SLIDER CODE*/
#slider {
    width: 760px; /*410px; /* important to be same as image width */
    height: 365px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	z-index:0;
}

#slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, #slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	z-index: 0;
}
.sliderImage, .slider1Image {
    float: left;
    position: relative;
	display: none;
	z-index: 0;
}
.sliderImage span {
    position: absolute;
	/*font: 10px/15px Arial, Helvetica, sans-serif;*/
    padding: 10px 13px;
    width: 384px;
    /*background-color: #000;
    filter: alpha(opacity=70);*/
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.top {
	position: relative;
	top: -20px;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}

p.spanTxt {
	font-family: futura;
	color:#000000;
	font-weight: bold;
	font-size:30px;
}