/*
*************************************************

SEBASTIAN NITU
Main Screen Styles

Created by Sebastian Nitu
http://www.sebnitu.com

*************************************************
*/

/*-------------------------------------------    
	Reset
---------------------------------------------*/

@import 'reset.css';

/*-------------------------------------------    
	Structure
---------------------------------------------*/

body{
	background:url('../img/bg/bg.png') repeat-x 0 155px #dddddd;
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#303030;
	padding-bottom:40px;
	}
	
#wrapper-top {
	background: #e5e5e5;
	height: 4px; width: 100%;
}

.header-wrapper{
	height:155px;
	background:#303030;
}

.header{
	width:840px;
	margin:0 auto;
	height:120px;
}

.logo-wrapper{
	width:550px;
	float:left;
}

.contact{
	color:#fff;
	display:inline-block;
	float:right;
	background:url('../img/bg/contact-bg.png') repeat-y;
	clear:none;
	padding: 0 0 0 30px;
	width:245px;
	margin:30px 0 0 0;
	height:60px;
}


.wrapper{
	background:url('../img/bg/wrapper-bg.png') repeat-y;
	width:840px; padding: 0 6px;
	display:block;
	margin:0 auto;
	}
	
.leftcol{
	width:500px;
	float:left;
	margin:0 0 0 35px;
}


#full.wrapper {
	background:url("../img/bg/wrapper-full-bg.png") repeat-y;
}	
#full .leftcol {
	width: auto; float: none;
	margin: 0 35px;
}
	
.home-splash{
	background:url('../img/bg/splash-bg.jpg') no-repeat;
	width:840px;
	height:215px;
	display:block;
	margin:0 auto;
}

.aside{
	margin:10px 0 0 0;
	width:280px;
	float:right;
}

.featured-carrier-container{
	background:#fff;
	border:1px solid #e5e5e5;
	width:228px;
	margin:15px 0 0 22px;
	text-align:center;
	padding:15px 0 35px 0;
}

.featured-carrier-container img{
	padding-bottom:15px;
}

.featured-carrier-container li{
	text-align:center;
	padding:10px 0 0 0;
}

.featured-carrier-container li img{
	padding:0 0 0 0;
}

.footer{
	display:inline-block;
	width:850px;
	height:75px;
	margin:50px 0 0 -5px;
	clear:both;
	background:url('../img/bg/footer-bg.png') no-repeat;
}
		
/*-------------------------------------------    
	Main Navigation
---------------------------------------------*/

/** General Styles **/

#main-nav {
	background: #fff;
	padding: 0; margin: 0;
	}
#main-nav ul { 
	padding: 0; margin: 0 auto; 
	width: 840px;
	}
#main-nav ul li { 
	padding: 0; margin: 0;
	list-style: none;
	position: relative;
	}
#main-nav ul li a {
	text-decoration: none; color: #303030;
	font-size: 14px; line-height: 35px;
	}

#main-nav ul li:hover ul li ul { display: none; }

/** 1st Level **/

#main-nav ul { 
	height: 35px;
	}
#main-nav ul li { 
	float: left;
	}
#main-nav ul li a {
	display: block; text-align: center;
	padding: 0 20px;
	}
#main-nav ul li a:hover, #main-nav ul li:hover a {
	color:#b6d819; background:#303030;
	}
#main-nav ul li.parent a:hover, #main-nav ul li.parent:hover a {
	border-bottom: 0 none; 
	position: relative; z-index: 2;
	}

/** 2nd Level **/

#main-nav ul li ul {
	background: #fff;
	border: 1px solid #ccc; border-bottom: 0 none;
	width: 200px; min-width: 100%;
	height: auto; margin: 0;
	position: absolute; top: 35px; left: 0; z-index: 1;
	}
#main-nav ul li ul { display: none; }
#main-nav ul li:hover ul { display: block; }
	
#main-nav ul li ul li { float: none; }
	
#main-nav ul li.parent ul li a, 
#main-nav ul li.parent:hover ul li a {
	background: #fff; color: #606060;
	border-bottom: 1px solid #ccc; text-align: left;
	}
	
#main-nav ul li.parent ul li a:hover, 
#main-nav ul li.parent ul li:hover a {
	color:#b6d819; background:#303030;
	}

/** 3rd Level **/

#main-nav ul li ul li ul { 
	position: absolute; top: -1px; left: 200px;
	}
#main-nav ul li ul li ul { display: none; }
#main-nav ul li ul li:hover ul { display: block; }

#main-nav ul li.parent ul li ul li a, 
#main-nav ul li.parent:hover ul li ul li a {
	background: #fff; color: #606060;
	}
#main-nav ul li.parent ul li ul li a:hover, 
#main-nav ul li.parent ul li ul li:hover a {
	color:#b6d819; background:#303030;
	}

/*-------------------------------------------    
	Typography
---------------------------------------------*/

p{
	font-size:14px;
	line-height:21px;
	margin: 0 0 10px 0;
}

a, a:hover, a:active, a:visited{
	color:#e97b10;
}

.header h1{
	color:#fff;
	text-transform:uppercase;
	font-size:21px;
	font-weight:normal;
	letter-spacing:1px;
	padding: 32px 0 8px 0;
	display:block;
	float:left;
	margin:0 !imporant;
	width:500px;
}

.header h2{
	color:#b6d819;
	font-family:Georgia, Times New Roman, Serif;
	font-style:italic;
	font-size:16px;
	display:block;
	float:left;
	width:500px;
	margin:0 !imporant;
}

.contact p{
	color:#cccccc;
	font-size:12px;
	line-height:16px;
	padding:0 0 10px 0;
	margin:0;
}

.home-splash h1{
	color:#e97b10;
	font-family:Times New Roman, Georgia, Serif;
	font-size:38px;
	padding: 35px 0 7px 360px;
}

.home-splash p{
	color:#4a4a4a;
	font-family:Times New Roman, Georgia, Serif;
	font-size:18px;
	line-height:24px;
	font-style:italic;
	margin:0 25px 0 360px;
}


.leftcol h1{
	color:#e97b10;
	font-family:Times New Roman, Georgia, Serif;
	font-size:38px;
	padding:25px 0 15px 0;
	margin:0 0 20px 0;
	background:url('../img/bg/headline-bg.png') repeat-x bottom;
	
}

.leftcol h2{
	font-family:Georgia, Times New Roman, Serif;
	font-size:26px;
	font-weight:normal;
	color:#849923;
	background:url('../img/bg/headline-bg.png') repeat-x bottom;
	padding:0 0 15px 0;
	margin: 32px 0 20px 0;
	clear:both;
}

.leftcol h3{
	font-family:Times New Roman, Georgia, Serif;
	font-size:19px;
	line-height:24px;
	font-style:italic;
	font-weight:normal;
	padding:0 0 15px 0;
	margin: 0 0 5px 0;
	clear:both;
}

.leftcol h4 {
	font-family:Times New Roman, Georgia, Serif;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	padding:0 0 15px 0;
	margin: 0 0 5px 0;
	clear:both;
}

.leftcol h5 {
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:0 0 15px 0;
	margin: 0 0 5px 0;
	clear:both;
}

#sub .leftcol h2{
	background:none;
	padding:0;
}

.leftcol p{
	padding:0;
}

.leftcol ul{
	margin:0 0 0 15px;
}

.leftcol ul li{
	font-size:13px;
	line-height:18px;
	padding:0 0 8px;
	float:left;
	width:45%;
	*width:220px;
	margin-right:5%;
	*margin-right:10px;
	list-style:disc outside url('../img/bg/bullet.png') !important;
}

.leftcol ol{
	margin:0 0 0 30px;
}

.leftcol ol li{
	font-size:13px;
	line-height:18px;
	padding:0 0 8px;
	float:left;
	margin-right:5%;
	*margin-right:10px;
	list-style-type: decimal;
}

.leftcol ol li strong { font-weight: bold; }

#sub .leftcol ul{
	margin:0 0 0 25px !important;
}

#sub .leftcol ul li{
	font-size:13px;
	line-height:18px;
	margin:0 0 5px 0;
	list-style:disc outside url('../img/bg/bullet-green.png') !important;
	width:100%;
}


.aside h2{
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
	line-height:34px;
	background:url('../img/bg/aside-banner.png') no-repeat;
	height:40px;
	width:270px;
	letter-spacing:1px;
	padding: 0 0 0 20px;
	text-shadow:0 1px 2px #a44506;
	-webkit-text-shadow:0 1px 2px #a44506;
	-moz-text-shadow:0 1px 2px #a44506;
	font-weight:bold;
	margin: 20px 0 0 0 !important;
}

.aside h5 {
	color:#606060;
	font-weight: bold;
	font-size:15px;
	padding: 8px 30px 0px 22px;
}

.aside ul#safeco-sidebar {
	padding: 0 30px 0 35px;
	margin: 0 0 0 10px;
}

.aside ul#safeco-sidebar li {
	color:#606060;
	font-size: 12px;
	list-style:disc;
	padding: 3px 0;
}

.aside p{
	color:#606060;
	font-size:13px;
	padding: 8px 30px 0px 22px;
}

.footer p{
	font-size:12px;
	padding:22px 0 0 35px;
	color:#606060;
}

/*images*/

.leftcol img{
	/*float:left;*/
	padding:5px;
	background:#fff;
	-webkit-box-shadow:0 1px 4px #aaaaaa;
	-moz-box-shadow:0 1px 4px #aaaaaa;
	box-shadow:0 1px 4px #aaaaaa;
	/*margin:0 35px 35px 0;*/
}

.leftcol img.homepage { 
	float:left;
	margin:0 35px 35px 0;
}

/*links*/

.leftcol .call-for-quote{
	background:url('../img/bg/callquote.png') no-repeat;
	display:block;
	width:164px; padding-left: 68px;
	height:28px; padding-top: 22px;
	font-size: 22px; font-weight: bold;
}

.black-button{
	display:block;
	float:left;
	background:#303030;
	padding:0 15px;
	color:#fff !important;
	text-decoration:none;
	width:200px;
	height:35px;
	line-height:36px;
	clear:both;
	margin:5px 0 8px 20px;
	border-radius:5px;
}

.black-button:hover{
	opacity:.9;
}

/*-------------------------------------------    
	General Classes
---------------------------------------------*/

iframe {
	margin: 20px 0;
}
.clear 			{ clear: both; }
.first			{margin-left:0 !important; }
.last			{margin-right:0 !important; }

.float-left 	{ float: left; padding-right: 25px; }
.float-right 	{ float: right; padding-left: 25px; }

.pad-top 		{ padding-top: 25px; }
.pad-bottom 	{ padding-bottom: 25px; }
.pad-right		{ padding-right: 25px; }
.pad-left		{ padding-left: 25px; }
.pad			{ padding: 25px; }

.margin-top 	{ margin-top: 25px; }
.margin-bottom 	{ margin-bottom: 25px; }
.margin-right	{ margin-right: 25px; }
.margin-left	{ margin-left: 25px; }
.margin			{ margin: 25px; }

.border 		{ border: 1px dotted #ddd; }
.border-top { border: 0 none; border-top: 1px dotted #ddd; }
.border-bottom { border: 0 none; border-bottom: 1px dotted #ddd; }
.border-right { border: 0 none; border-right: 1px dotted #ddd; }
.border-left { border: 0 none; border-left: 1px dotted #ddd; }

.border-block {
	background: #fff; padding: 20px;
	border: 1px solid #000;
	}

.rounded10 		{  -moz-border-radius: 10px;  -webkit-border-radius: 10px; }
.rounded5 		{  -moz-border-radius: 5px;  -webkit-border-radius: 5px; }

.smallest	{ font-size: 9px; }
.smaller	{ font-size: 10px; }
.small		{ font-size: 11px; }

.center		{ text-align: center; }
.sub-script, sub, sup { font-size: 10px; }

/*-------------------------------------------    
	Forms
---------------------------------------------*/

/** General Form Styles **/

label {
	display: block; margin: 10px 0 5px;
}

/* Quote & Claim Form */
.intake-form 						{ margin: 0; padding: 15px 0 15px 90px;  }
.intake-form label 					{ font-weight: bold; padding: 0 0 0 0; }
.intake-form table.checkboxes label { margin: 2px; font-size: 12px; font-weight: normal; }

.intake-form p.form-instructions 	{ font-size: 11px; font-style: italic; margin: 0; padding: 0; color: #666; }
.intake-form span.req 				{ color: red; }

/* contact Form */
.contact-form 						{ margin: 0; padding: 15px 0 15px 40px;  }
.contact-form label 					{ font-weight: bold; padding: 0 0 0 0; }
.contact-form table.checkboxes label { margin: 2px; font-size: 12px; font-weight: normal; }


.contact-form p.form-instructions 	{ font-size: 11px; font-style: italic; margin: 0; padding: 0; color: #666; }
.contact-form span.req 				{ color: red; }

/*Providers Table */
table#providers-table tr td img { padding-bottom: 10px; }


/* Claims Form */

#claims-table {  }

#claims-table   { margin: 13px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; }
#claims-table th, #claims-table td   { padding:0 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#claims-table th { font-weight:bold; vertical-align: middle; padding: 10px 5px; background-color: #ddd;  }
#claims-table td { padding: 5px; font-size: 10px; }	

/* Sitemap */
#sitemap li {
	float: none;
	width: auto;
	padding: 0;
}

/*-------------------------------------------    
	Extra
---------------------------------------------*/

.mailer-error 		{ color: red; font-weight: bold; }
.mailer-success 	{ color: green; font-weight: bold; }

/* Contact Forms */
#contact-form-1 td { vertical-align: top; }


/*-------------------------------------------    
	Fin
---------------------------------------------*/