/* ----------------------------------------------- 
	Schill Insurance Silver Stripe Theme Stylesheet
	Author: Justin Luk
	Company: Karo Group
	Created on: December 6, 2009
	
	- GLOBAL RESET
	- BASIC ELEMENTS
	- FOUNDATION
	- NAVIGATION
	- LAYOUT
	- CUSTOM CLASSES

-------------------------------------------------- */


/* GLOBAL RESET 
------------------------------------------------- */

/* v1.0 | 20080212 */

body { behavior: url("mysite/javascript/csshover3.htc"); }

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-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}


/* BASIC ELEMENTS
------------------------------------------------- */
body {
	font: 12px/1.2em Arial, Helvetica, sans-serif;
	color: #53523f;
	background: #bcbdb9 url(../images/bg.jpg) repeat-x;
	text-align: center;
}

a { color: #d2492a; }
a:hover { color: #8b8b8b; }

/* FOUNDATION
------------------------------------------------- */

#bg-container {
	width: 786px;
	background: #bcbcb9 url(../images/bg-container.jpg) repeat-x;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#header {
	background: transparent url(../images/header.png) no-repeat;
	position: relative;
	width: 786px;
	height: 140px;
}
#logo a {
	width: 178px;
	height: 66px;
	text-indent: -50000px;
	background: transparent url(../images/si-logo.gif) no-repeat;
	display: block;
	position: absolute;
	top: 30px;
	left: 37px;
}
#home-hero, #home-insurance-hero, #business-insurance-hero,
#marine-insurance-hero, #auto-insurance-hero {
	position: relative;
	width: 786px;
	height: 186px;
}

.hero div {
	background: transparent url(../images/hero-level2.jpg) no-repeat;
	width: 786px;
	height: 78px;
	position: relative;
	text-indent: -1000em;
	z-index: 0;
}
#home-hero #home-hero-content {
	background: transparent url(../images/hero-home.jpg) no-repeat; 
	height: 186px;
}
#home-insurance-hero #home-insurance-hero-content { 
	background: transparent url(../images/hero-home.jpg) no-repeat; 
	height: 186px;
}
#business-insurance-hero #business-insurance-hero-content { 
	background: transparent url(../images/hero-business.jpg) no-repeat; 
	height: 186px;
}
#auto-insurance-hero #auto-insurance-hero-content { 
	background: transparent url(../images/hero-auto.jpg) no-repeat; 
	height: 186px;
}
#marine-insurance-hero #marine-insurance-hero-content { 
	background: transparent url(../images/hero-marine.jpg) no-repeat; 
	height: 186px;
}
#travel-insurance-hero #travel-insurance-hero-content { 
	background: transparent url(../images/hero-travel.jpg) no-repeat; 
	height: 186px;
}

#content-container {
	background: transparent url(../images/bg-layout.png) repeat-y;
	padding: 36px 13px 0 13px;
	position: relative;
	width: 760px;
	overflow: hidden;
}
#layout {
	width: 466px;
	margin-left: 36px;
	margin-bottom: 20px;
	float: left;
}
#layoutAuto {
	width: auto;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 20px;
}
#QuotePage #layout {
	margin-right: 40px;
	width: 522px;
}
#sidebar {
	width: 192px;
	height: auto;
	margin-right: 26px;
	float: right;
}
#footer-logos {
	margin-top: 30px;
	margin-left: auto;
	margin: auto;
	
}
#footer-logos td {
	width: 19px;
	height: 59px;
	padding-right: 40px;
}
#footer {
	background: transparent url(../images/bg-footer.png) no-repeat;
	padding: 45px 13px 10px 13px;
	height: 60px;
	width: 760px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 12px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }

/* NAVIGATION
------------------------------------------------- */
/*
#navigation {
	position: absolute;
	margin-top: 113px;
	z-index: 99;
	xright: 67px;
	left: 223px;
	bottom: 7px;
}

#navigation ul {
	margin-top: 20px;
	text-transform: uppercase;	
	padding: 1px 8px 0 8px;
	border-left: 1px solid #57584f;
}

#navigation li a {
	font-size: 11px;
	font-weight: bold;
	color: #57584f;
	text-decoration: none;
}

#navigation li.first {
	border-left: none;
}
*/
/*
#navigation li {
	float: left;
	text-transform: uppercase;	
	padding: 1px 8px 0 8px;
	border-left: 1px solid #57584f;
}
#navigation li.first {
	border-left: none;
}
#navigation li a {
	color: #57584f;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 6px;
}
#navigation li a:hover,
#navigation li a.current,
#navigation li a.section {
	color: #d2492a;
}
*/

/*
#navigation ul .item {display:none;}

#navigation ul:hover .item{display:block;padding:10px;margin:8px 2px;}
#navigation ul:hover .item a{color:#666;text-decoration:none;}
#navigation ul:hover .item a:hover{color:#666;}

#navigation ul{width:auto;float:left;margin:0px;padding:6px; background:#FFF; list-style:none;}
.clear {clear:both;}
*/
/*
#navigation li ul li {float: none; background-color: #FFF; position: absolute; left:0; z-index:10;  border-left:none; padding: 7px 10px 0px 0;}
#navigation li:hover > ul {display: block; top: 16px; border: none; list-style: none; }
#navigation li ul li a {display: block; padding: 7px 10px; clear: both; width:100%; text-decoration: none; border-left: none; background: #FFF;}
#navigation li ul li a:hover {background-color: #666; color: #FFF;}
*/

/*
#navigation {position:absolute;margin-top: 119px; xright: 67px; left: 223px; z-index: 99;}
#navigation ul .item{display:none;}
#navigation ul:hover .item{display:block;background:#000;padding:1px;margin:1px;}

#navigation ul:hover .item a{color:#fff;text-decoration:none;}
#navigation ul:hover .item a:hover{color:#999;}

#navigation ul{float:left;margin:0px;padding:0px;background:#FFF;list-style:none;}
#navigation ul li a {padding: 4px 0 0 6px; margin-left: 10px;}

*/
#navigation {position:absolute; margin-top: -26px; xright: 67px; left: 200px; z-index: 1000;}
#navigation ul {padding: 0; margin: 0; float: left; font: 1em sans-serif;}
#navigation ul li {list-style-type: none; position: relative; margin: 0; padding: 0;}
#navigation ul ul {display: none;}
#navigation ul li:hover  ul {display: block; background-color: #FFF; position: absolute; z-index: 1001; top: 24px;}
#navigation ul li ul li {background-color: #FFF; display: block;}
#navigation li a {display: block; padding:6px 10px; text-decoration: none; width:auto;}
#navigation ul li ul li a {display: block; padding:7px 20px 6px 20px; text-decoration: none; width:180px;}
#navigation ul li ul li a:hover {display: block; background-color: #908f8a; color: #FFF; padding:7px 20px 6px 20px; text-decoration: none; width:180px;}
#navigation ul ul li {background-color: #57584f;}
/* #navigation ul#topmenu li a:hover {background: #cc0000;} */
#navigation li.sub > a {font-weight: bold; font-size: 11px; color: #57584f; text-transform: uppercase;}
.clear {clear:both;}
#navigation li a:hover,
#navigation li a.current,
#navigation li a.section {
	color: #d2492a;
}

/* SIDEBAR
------------------------------------------------- */
#sidebar h2 {
	text-transform: uppercase;
	color: #d2492a;
	font-size: 13px;
	margin-bottom: 10px;
}
#subnav {
/* 	padding-left: 28px; */
	margin-top: 10px;
	position: absolute;
}
#subnav ul {
	margin-left: 10px;
}
#subnav li {
	margin-bottom: 8px;
}
#subnav li a {
	font-size: 13px;
	color: #57584f;
	text-decoration: none;
}
#subnav li a:hover,
#subnav li a.current {
	color: #d2492a;
}
#get-quote,
#claim-submissions {
	display: block;
	width: 167px;
	height: 38px;
	text-indent: -50000px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	margin-left: 14px;
	margin-bottom: 30px;
}
#get-quote {
	background: transparent url(../images/btn-quote.jpg) no-repeat;
}
.get-quote-small {
	width: 108px;
	height: 32px;
	display: block;
	background: transparent url(../images/get_quote_small_btn.png) no-repeat;
}
#claim-submissions {
	background: transparent url(../images/btn-claim.jpg) no-repeat;
	margin-top: 10px;
}
#news, .subContainer {
	padding: 10px 10px 1px 0px;
	background-color: #ededec;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	margin-bottom: 10px;
}

.subContainer {
	padding-left: 10px;
	line-height: 17px;
}

.title {
	font-size: 13px;
	text-transform: uppercase;
	color: #d2492a;
	padding-bottom: 4px;
}

.divider {
	border-top: 1px solid #DEDEDE;
	border-bottom:1px solid #FFF;
	margin-bottom: 10px;
	margin-top: 2px;
	width:auto;
	height: 1px;
	display: block;
	font-size: 1px;
}

.newsItem {
	padding-left: 27px;
	margin-bottom: 30px;
	font-size: 12px;
}
.newsItem h3 { 
	margin-bottom: 10px; 
	line-height: 1.3em;
}
.newsItem h3 a {
	text-decoration: none;
	color: #57584F;
}
.newsItem .newsDate { 
	display: block; 
	margin-bottom: 5px;
}
.newsItem .newsSummary { font-size: 11px; } 
.newsItem a.more { 
	text-decoration: none; 
	margin-left: 12px;
}
.WidgetHolder {
	margin-bottom: 40px;
	padding-left: 27px;
}
.WidgetHolder h3 {
	margin-bottom: 10px;
}
/* LAYOUT
------------------------------------------------- */
#breadcrumbs {
	position: absolute;
	top: 6px;
}
.blogSummary { margin-bottom: 30px; }