/*
Company:	
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background: #b7aa84 url(../images/bg-page.jpg) 0 353px repeat-x;
}
body {
	color: #333333;
}
/* @end */

/* @group Layout */
/* Head */

/* Top Head - Logo Bar Container */
div.top-hd {
	background: url(../images/bg-top-hd.png) top center no-repeat;
	height: 125px;
}

div.top-hd-inner {
	width: 940px;
	margin: 0 auto;
	position: relative;
}

/* Logo */
div.logo {
	position: absolute;
	left: 296px;
	top: 20px;
}

div.logo a:link, div.logo a:visited {
	display: block;
	width: 352px;
	height: 84px;
	background: url(../images/bg-logo.png) top left no-repeat;
	text-indent: -9999px;
}

/* Telephone Header Info */
div.telephone {
	position: absolute;
	top: 90px;
	right: 6px;
}

div.telephone p {
	margin: 0;
	color: #730d00;
	font-size: 167%;
	text-transform: uppercase;
	text-align: right;
}

/* Header Banner */
div.hd-banner {background: #112a4d url(../images/bg-hd-banner-center.jpg) top center no-repeat;}

div.hd-banner-inner {
	margin: 0 auto;
	width: 1026px;
	height: 228px;
	background: url(../images/bg-hd-banner.jpg) top left no-repeat;
}

div.hd-banner h2 {
	margin: 0 0 0 60px;
	padding: 56px 0 0 0;
	width: 715px;
	font-size: 232%;
	color: #FFF;
	font-family: Times, "Times New Roman", serif;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.8em;
	text-shadow: 2px 2px 2px #173756;
}

div.hd-banner h2 span {display: block;}

div.hd-banner h2 a:link, div.hd-banner h2 a:visited {
	color: #FFF;
	text-decoration: none;
}

/* Body */
div#bd {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

/* Body Top Transparent PNG */
div#bd-top {
	height: 17px;
	font-size: 0px;
	background: url(../images/bg-bd-top.png) top left no-repeat;
}

/* Body Bottom Transparent PNG */
div#bd-bottom {
	height: 20px;
	font-size: 0px;
	background: url(../images/bg-bd-bottom.png) bottom left no-repeat;
}

/* Body Vertical Tile Transparent PNG */
div#bd-inner {
	background: url(../images/bg-bd.png) top left repeat-y;
	padding: 0 0 0 25px;
}

/* Footer */
div#ft {
	width: 940px;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	color: #10085a;
	font-size: 77%;
	text-transform: uppercase;
}

div#ft p {text-align: center;}
div#ft p span {padding: 0 5px;}
div#ft a:link, div#ft a:visited {
	color: #10085a;
	text-decoration: none;
}

div#ft a:hover {text-decoration: underline;}

/* Footer Nav */
div#ft div.ft-nav ul {
	margin: 0 auto;
	text-align: center;
}

div#ft div.ft-nav ul li {
	list-style: none;
	display: inline;
	background: url(../images/bg-ft-link.png) center right no-repeat;
	padding: 0 7px 0 0;
	margin: 0 4px 0 0;
}

div#ft div.ft-nav ul li.last {
	margin: 0;
	padding: 0;
	background: none;
}
/* @end */

/* @group Modules */
/* Body Banner */
div.bd-banner {
	background: url(../images/bg-bd-banner.jpg) top left no-repeat;
	height: 123px;
	width: 912px;
	color: #faf3f2;
	margin: 0 0 12px 0;
}

div.bd-banner-inner {padding: 7px 30px 0 355px;}

div.bd-banner h3 {
	margin: 0 0 4px 0;
	font-size: 182%;
	font-weight: normal;
}

div.bd-banner p {
	font-size: 108%;
	line-height: 1.2em;
}

/* Main Column */
div.main {
	width: 590px;
	float: left;
	margin: 0 29px 0 0;
}

div.main-inner {padding: 0 0 0 6px;}

/* Main Section - Used To Divide Content With Horizontal Rule */
div.main div.section {
	border-top: 1px solid #730d00;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
}

/* Side Column */
div.side {
	width: 294px;
	float: left;
	padding: 53px 0 0 0;
}

/* Side Nav */
div.side-nav {margin: 0 0 20px 0;}
div.side-nav ul {margin: 0;}

div.side-nav ul li {
	list-style: none;
	font-size: 174%;
}

div.side-nav ul li a:link, div.side-nav ul li a:visited {
	text-decoration: none;
	background: url(../images/bg-side-nav.png) top left no-repeat;
	color: #FFF;
	display: block;
	height: 1%;
	line-height: 43px;
	padding: 0 0 0 20px;
	text-shadow: 2px 2px 2px #4c0800;
}

div.side-nav ul li a:hover {background: url(../images/bg-side-nav.png) -294px 0 no-repeat;}

body.p-auto div.side-nav ul li#sn-auto a,
body.p-slip div.side-nav ul li#sn-slip a,
body.p-insurance div.side-nav ul li#sn-insurance a,
body.p-construction div.side-nav ul li#sn-construction a,
body.p-personal div.side-nav ul li#sn-personal a,
body.p-mass div.side-nav ul li#sn-mass a {background: url(../images/bg-side-nav.png) -294px 0 no-repeat;}


/* HR */
div.hr {
	padding: 10px 0 0 0;
	border-bottom: 1px solid #730d00;
	height: 1px;
	overflow: hidden;
	margin: 0 0 12px 0;
	clear: both;
}

/* Blog Sidebar */
div#sidebar li {list-style: none;}
div#sidebar li h2 {margin: 0 0 5px 0;}
div#sidebar li ul {margin-top: 0;}
/* @end */

/* @group Common Text Styles */
div.main p {
	font-size: 93%;
	line-height: 1.4em;
}
	
/* @end */

/* @group Default Headings */
div.main h1 {
	color: #730d00;
	font-size: 182%;
	font-weight: normal;
	margin: 0 0 8px 0;
}

div.main h2 {
	margin: 0 0 7px 0;
	color: #0e2443;
	font-size: 108%;
}

div#bd div.side h3 {
	color: #730d00;
	font-size: 182%;
	font-weight: normal;
	margin: 0 0 5px 0;
}

div.main h3 {
	margin: 0 0 7px 0;
	color: #0e2443;
	font-size: 100%;
}

/* @end */

/* @group Default Lists */
ul.no-style {margin: 0;}

ul.no-style li {
	list-style: none;
	margin: 0 0 10px 0;
}

ul.no-style strong {color: #112a4e;}

div.main li {
	font-size: 93%;
}
div.main li li {
	font-size: 100%;
}	
/* @end */

/* @group Forms */
#commentform textarea {
	width: 97%;
}

/* Side Form */
div.form-container {padding: 0 3px 0 14px;}

div.side-form .txt {
	background-color: #cdd1d5;
	border: none;
	display: block;
	width: 268px;
	margin: 0 0 5px 0;
	color: #666666;
	border-left: 1px solid #e4e2db;
	border-right: 1px solid #e4e2db;
	padding: 6px 0 6px 7px;
	font-size: 93%;
}
div.side-form textarea {
	background-color: #cdd1d5;
	border: none;
	display: block;
	width: 268px;
	margin: 0 0 5px 0;
	color: #666666;
	border-left: 1px solid #e4e2db;
	border-right: 1px solid #e4e2db;
	padding: 6px 0 6px 7px;
	font-size: 93%;
	height: 60px;
}

div.side-form .btn {
	background-color: #112b4f;
	color: #FFF;
	font-size: 93%;
	border: none;
	padding: 4px 25px;
	margin: 7px 0 0 0;
	float: right;
}


/* Main Form */
.error {
	color: red!important;
}
div.row label {
	font-size: 93%;
	display: block;
	width: 120px;
	padding: 2px 10px 0 0;
	text-align: right;
	float: left;
	display: inline;
}
div.row span.required {
	color: red;
}
div.row {
	padding: 0 0 5px 0;
}
div.row input.txt {
	border: none;
	color: #666666;
	border-left: 1px solid #e4e2db;
	border-right: 1px solid #e4e2db;
	padding: 6px 0 6px 7px;
	font-size: 93%;
	width: 250px;
	background-color: #cdd1d5;
}
div.row textarea {
	width: 250px;
	height: 100px;
	border: none;
	border-left: 1px solid #e4e2db;
	border-right: 1px solid #e4e2db;
	padding: 6px 0 6px 7px;
	font-size: 93%;
	background-color: #cdd1d5;
}
div.row input.btn {
	margin: 5px 0 10px 300px;
	background-color: #112b4f;
	color: #FFF;
	font-size: 93%;
	border: none;
	padding: 4px 25px;
}
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #40587b;
	text-decoration: underline;
}
a:hover {
	color: #40587b;
	text-decoration: none;
}
/* @end */

/* @group Misc */
.img-left {
	float: left;
	display: inline;
	margin: 0 20px 10px 0;
}
.img-right {
	float: right;
	display: inline;
	margin: 0 0 10px 20px;
}

.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */