@charset "UTF-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

/* -------------------- ERIC MEYER 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; color:#000;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;
	border-spacing: 0;}


/* custom styles */
body {text-align: center;
	background: url(../images/background.png);
	font-family: Helvetica, Arial, sans-serif;
	color: #404040;}
	
p {font-size: 16px;}
h1 {font-size: 32px;}
h2 {font-size: 23px;}
h3 {font-size: 18px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

a:link, a:visited {color: #cb4229;}
a:hover, a:active {color: #FF0000;}

/* -------------------- LAYOUT STYLES -------------------- */
#overallContainer {width: 100%;}
#layoutContainer {background: url(../images/background.png);
	width: 1096px;
	margin: 0 auto;}
#layoutContainer * {text-align: left;}

#header {width: 1068px;
	margin: 0 auto;
	height: 364px;
	background: #c1c1c1;
	color: #fff;}
	
#header li{float: left;
} 

#body{
	width: 1096px;
	height: auto;
}

#body .content-holder{
	background: url('includes/contentbackground.jpg') repeat-y;
	width:1083px;
	height: auto;
}

#body .bodyContent{
	background: url(../images/contentbackground.jpg) repeat-y;
	position:relative;
	width:1083px;
	height: auto;
	min-height: 500px;
	margin-left: 6px;
}
#subNavContainer {min-height: 20px;}
#subnav{
	margin-left: 125px;
	padding-bottom: 40px;
}
	#subnav li {display: inline;}
	#subnav li a{
		color:gray;
		font-family: Helvetica;
		font-size:14px;
		margin: 0 5px;
		text-decoration: none;
	}
	
	#subnav li.here a{
		color:black;
		font-family: Helvetica;
		font-size:14px;
	}
	
	#subnav li a:hover{
		color: #93BEE1;
	}

.internal{
	width:80%;
	margin: auto;
	padding-top: 15px;
}

	.internal p, .internal ul{
		padding-bottom: 20px;
		font-family: Helvetica;
		font-size:13px;
		line-height: 1.5em;
	}
	
	.internal .address{
	  margin: 10px;
	 }
	
	.body-background-bottom{
		background: url(../images/contentbackgroundbottom.jpg) no-repeat;
		position:relative;
		width:1083px;
		height: 22px;
		margin-left: 6px;
	}



#body {
	width: 100%;
	height: auto;}

#body .cell{
	display: inline-block;
	width: 330px;
	height: auto;
	float: left;
}

#body .line{background: url(../images/verticalline1.png) no-repeat;
	width: 1px;
	height: 315px;
	float: left;
	margin: 108px 0 60px;}

#body .cell .content{
	color: #404040;
	width:80%;
	height: auto;
	margin: 0px 13px;
	font-size: 17px;
	font-family: Helvetica;
	float: left;}
	
	
#body .cell .content p{
	font-size: 13px;
    line-height: 1.5em;
    padding: 10px 0;}
	
#body .left{
	margin-left: 42px;
}

#body .middle{
	
}
#body .picHolder{
	width: 324px;
	height:213px;
	margin: 0 3px;
}

#body .left .picHolder{
background: url(../images/pic1shadow.png) no-repeat; 
}

#body .middle .picHolder{
	background: url(../images/pic2shadow.png) no-repeat;
}
	
#body .right .picHolder{
	background: url(../images/pic3shadow.png) no-repeat;
}

#body .pic{
	width: 302px;
	height: 160px;
	margin: 0 11px;
}

#body .photoBar{
	width: 302px;
	height: 42px;
	margin: 0 11px;
}

	#body .photoBar span{
		position: absolute;
		margin: 10px 11px 0;
	}
	
	#body .photoBar span a{
		font-size: 17px;
		color: #fff;
		font-family: Helvetica;
		font-weight: bold;
		text-decoration: none;
	}

#body .left .picHolder .pic{background: url(../images/photo1.jpg) no-repeat;}
#body .left .picHolder .photoBar{background: url(../images/photo1bar.png) no-repeat;}

#body .middle .picHolder .pic{background: url(../images/photo2.jpg) no-repeat;}
#body .middle .picHolder .photoBar{background: url(../images/photo2bar.png) no-repeat;}

#body .right .picHolder .pic{background: url(../images/photo3.jpg) no-repeat;}
#body .right .picHolder .photoBar{background: url(../images/photo3bar.png) no-repeat;}

#body input, #body textarea, .partner img{
	border: #dedcd2 1px solid;
}
	
	#body .partner table{
		width: 100%;
	}
		#body .partner table *{
			text-align: center;
		}
		.partner td{
			width: 25%;
			margin: auto;
			padding-bottom: 80px;
		}
		.partner a{
			color: #CC3333;
			font-size: 12px;
			text-align: center;
		}
		.partner img {margin-bottom: 10px;}
	
  

#imageArea {position: relative;}

#tTextNav {position: absolute; 
	top: 9px;
	/*left: 900px;*/
	right: 80px;
	display: inline;
	list-style-type: none;}
#tTextNav a{margin: 20px 10px;
	font-size: 10px;
	font-family: Helvetica;
	font-weight: bold;
	color: #93bee1;
	text-decoration: none; }
	
#tTextNav a:hover,#tTextNav  a:active {color: #fff;} 
#tTextNav .facebook a, #tTextNav .instagram a, #tTextNav .linkedin a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -5555px;
	overflow: hidden;
	background-size: contain;
	margin: 0 6px;
	background-repeat: no-repeat;
	opacity: .7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
#tTextNav .facebook a:hover, #tTextNav .instagram a:hover, #tTextNav .linkedin a:hover {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.facebook a {
	background-image: url(../images/facebook.png);
}
.linkedin a {
	background-image: url(../images/linkedin.png);
}
.instagram a {
	background-image: url(../images/instagram.png);
}	
	
#imageArea {background: url(../images/headerImage.jpg) no-repeat;
	width:1065px;
	height: 280px;
	float: left;}

#navBox {position: relative;
	background: url(../images/navbar.png) repeat;
	width: 1065px;
	height: 84px;
	float:left;
	z-index: 10;}	

#navBox .logo {background: url(../images/logo.png) no-repeat;
	position: relative;
	margin-left: 28px;
	width:169px;
	height:84px;
	display: inline;
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#navBox .navContainer{display: inline;
	list-style-type: none;
	float: left;
	height: 49px;
	width: 840px;
	padding: 35px 0 0 23px;
}

#navBox .navContainer a{ 
	position: relative;
	display: inline;
	margin: 20px 10px;
	font-size: 12px;
	font-family: Helvetica;
	font-weight: bold;
	color: #BAC4E8;
	text-decoration: none;}
#nav ul{
	display: none;
}

#nav a:hover:before, #nav a:hover:after {
	position: absolute;
	display: inline;
	margin-top: 2px;
	color: #fff;
	font-weight: bold;	
}
#nav a:hover:before {
	content: "[";
	margin-left: -8.5px;
}
#nav a:hover:after {
	content: "]";
	margin-left: 4px;	
}

.product-hidden{
	width: 95%;
	margin: auto;
	display: none;
}
.commercial-product ul {padding-bottom: 0;}
.commercial-product ul ul {display: none;}
.commercial-product > ul > li {
	background: url(../images/triangle-black.png) no-repeat;
	padding-left: 10px;
}
.commercial-product > ul > li h3{cursor: pointer;}
.commercial-product > ul > li ul li {
	background: none;
	padding-left: 0;	
}
.commercial-product > ul > li:hover{
	background: url(../images/triangle-red.png) no-repeat;
}
.commercial-product > ul > li:hover h3{
	color:#CC3333;
}

.address, .internalContent li{
	background: url(../images/triangle-black.png) no-repeat;
	padding-left: 10px;
}
	#foot .address{
		background: none;
	}
#nav a:hover, #nav a:active{color: #fff;} 

#nav .here a, #nav .parent-here a{ color: #DFE8F0;}

#foot{
	margin-left:30px;
	width:100%;
	height:68px;
}	
#foot .content{font-family:Georgia;
	font-size: 10px;
	color: #807f7b;
	float: left;
	margin-top: 20px;
	margin-bottom: 60px;
	width: 30%;
}
#foot .address{ text-align: right;
	width: 64%;
}

#homeIntro {color: #fff;
	background: url(../images/leftbracket.png) no-repeat;
	position: absolute;
	top: 56px;
	left: 62px;
	width: 600px;
	height: 77px;
	float:left;}
		
#homeIntro span {background: url(../images/rightbracket.png) 100% 0 no-repeat;
	display: block;
	float: left;
	height: 77px;
	padding: 4px 40px 0 40px;
	line-height: 1.3em;
	font-size: 25px;}

#homeText {color: #ffffff;
	font-family:Georgia;
	letter-spacing: 0.5px;
	position: absolute;
	top: 150px;
	left: 103px;
	width: 646px;
	height: 105px;}
#homeText span {display: block;
	float: left;
	height: 95px;}

#homeText p{font-size:15px;
	line-height: 2em;
	letter-spacing: -0.2px;
}

#interior-header {
	margin:auto;
	width: 80%;
}

#interior-content{
	margin:auto;
	width: 80%;
	padding: 10px 20px;
}


div.commercial-product h3 {
	font-size: 15px;
	line-height: 1.5em;
	cursor: pointer;
}

/* Claim Form Styles */
table {
	padding-bottom: 10px;
}
table td {
	height: 30px;
}
table h4 {
	font-size: 15px;
	color: #bc1414;
	margin: 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #404040;
}
table input {
	height: 14px;
	width: 80%;
	margin: 0;
	padding: 2px;
}
table textarea {
	width: 100%;
	margin-bottom: 20px;
}
input#submit {
	width: 80px;
	height: 20px;
	text-align: center;
	margin: 0 0 20px 0;
	cursor: pointer;
}
.form-field-error {
	height: 24px;
	border: 2px dashed red;
}

.button {
	white-space: nowrap;
    background: #e33a14;
    padding: .25em .5em;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin: .25em 0;
}
a.button:link, a.button:visited {
	color: #fff;
}
a.button:hover, a.button:active {
	color: #fff;
    background: #cb4229;
}

/* -------------------- CLEARFIX CLASS -------------------- */
.clearfix:after {clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}