/*  
Theme Name: Insurance
Theme URI: http://ininedesign.org/
Description: The pimped out design for auto loan site
Version: 1.0
Author: Dan Hillesheim 
Author URI: http://ininedesign.com/



/* Begin Typography & Colors */

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;

	font-family: Arial, Helvetica, sans-serif;

	color: #555;

	background: #DEDEDE;

}


a:link {color: #BDBDBD; text-decoration: none; }
a:active {color: #BDBDBD; text-decoration: none; }
a:visited {color: #BDBDBD; text-decoration: none; }
a:hover {color: #BDBDBD; text-decoration: 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;

}



h1 {

	font: bold 16px/16px Arial, Helvetica, sans-serif;

	color: #007700;

	margin-bottom: 4px;

	padding: 0;

}



h1.big_title {

	color: #85cb34;

	font: 40px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	margin-right: 90px;

	text-align: right;

}



h2.small_title {

	color: #fff;

	font: 24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	margin-right: 40px;

	text-align: right;

	letter-spacing: 1px;

}



.tiny_title {

	color: #fff;

	font: 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;

	margin-right: 60px;

	text-transform: uppercase;

	float: right;

}



h2 {

	font: bold 14px Arial, Helvetica, sans-serif;

	color: #222;

}



div.entry {

	color: #aaa;

	font: 10px/12px Arial, Helvetica, sans-serif;

	margin-bottom: 12px;

}









/*---------- LAYOUT ----------*/



#wrapper {

	margin: 0 auto;

	width: 800px;

}



#top {

	width: 800px;

	height: 160px;

	background: #fff url(images/header.jpg) no-repeat;

	margin: 20px 0;

}



#header {

	height: 125px;

	position: relative;

}



#logo {

	height: 93px;

	width: 291px;

	position: absolute;

	top: 17px;

	left: 20px;

}



#logo a {

	height: 93px;

	width: 291px;

	display: block;

	text-decoration: none;

}



#banner {

	background: url(images/banner.jpg) no-repeat;

	width: 800px;

	height: 300px;

	position: relative;

	margin-bottom: 30px;

}



#info {

	float: right;

	color: #fff;

	padding: 20px 10px 10px;

}



.phone {

	font: 16px/20px Arial, Helvetica, sans-serif;

}



.hours {

	font: 13px/18px Arial, Helvetica, sans-serif;

}



#nav {

	height: 30px;

	font: 11px/30px Arial, Helvetica, sans-serif;

	color: #fff;

	padding-top: 5px;

}



.slogan {

	font: italic 14px/30px Georgia, "Times New Roman", Times, serif;

	float: left;

	padding-left: 15px;

	color: #ddd;

}



#nav_cont {

	float: right;

	margin-right: 10px;

}



#nav ul, #footer ul {

	list-style: none;

}



#nav li {

	float: left;

}



#nav ul li a, #nav ul li a:visited {

	float: left;

	display: block;

	text-decoration: none;

	padding: 0 10px;

	color: #fff;

	text-transform: uppercase;

}



#nav ul li a:hover {

	color: #000;

}



#content {

	font: 12px/18px Arial, Helvetica, sans-serif;

	width: 790px;

	padding: 4px;

	border: 1px solid #b2b2b2;

	background: #fff;

}



#content p {

	margin-bottom: 10px;

}



#content ul {

	margin: 10px 0 0 15px;

}



#content ul li {

	margin-left: 5px;

}



#content_inner {

	background: url(images/content_inner_bg.png) repeat-y;

	padding: 11px 0;

}



.big {

	font-size: 14px;

}



#left_col {

	float: left;

	width: 510px;

	margin-right: 15px;

	padding-left: 11px;

}



#quote {

	padding: 15px;

	float: right;

	width: 220px;

	position: relative;

}



.quote_title {

	font: 28px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #fff;

	text-align: center;

	margin: 10px 0;

}



form.dropdown {

	margin: 30px 0 0 0;

}



.dropdown select {

	width: 200px;

	margin: 10px 0 0 5px;

}



.dropdown label {

	color: #fff;

	font-weight: bold;

	padding-bottom: 5px;

}



input.quote_btn {

	position: absolute;

	bottom: 50px;

	right: 28px;

	height: 53px;

	width: 200px;

	display:block;

	text-align: center;

	font: 28px/53px "Trebuchet MS", Arial, Helvetica, sans-serif;

	background: url(images/quote_btn_2.jpg) 0 0;

	color: #fff;

	text-decoration: none;

} 



input.quote_btn:hover {

	background: url(images/quote_btn_2.jpg) 0 -53px;

} 



.block {

	margin: 15px 0 0 0;

}



.pic_l {

	float: left;

	margin: 0 10px 5px 0;

	padding: 2px;

	border: 1px solid #dedede;

}



#right_col {

	float: right;

	width: 240px;

	padding-right: 10px;

	background: #F2F2F2;

}



#right_col_inner {

	padding: 0 15px 10px 15px;

}



#right_col li{

	list-style: none;

}

#right_col ul {

	background: url(images/bg_list.gif) top repeat-x;

	list-style-type: none;

	padding: 0;

	margin: 10px 0;

}



#right_col ul li a, #right_col ul li a:visited {	

	font-size: 11px;

	line-height: 14px;

	background: url(images/bg_list.gif) bottom repeat-x;

	color: #666;

	text-decoration: none;

	padding: 8px 0;

	display: block;

	padding-left: 5px;

}



#right_col ul li a:hover {

	color: #444;

	background: #ddd url(images/bg_list.gif) bottom repeat-x;

	padding-left: 10px;

}



.green {

	color: #006600;

	font: 10px/14px Arial, Helvetica, sans-serif;

}



#footer {

	height: 20px;

	font: 11px/20px Arial, Helvetica, sans-serif;

	margin: 20px 0;

	color: #999;

}



#footer li {

	float: left;

}



#footer li a, #footer li a:visited {

	float: left;

	display: block;

	text-decoration: none;

	padding: 0 6px;

	color: #999;

}



#footer ul li a:hover {

	color: #666;

}



#description {

	font: 10px/12px Arial, Helvetica, sans-serif;

	color: #aaa;

	padding: 0 40px;

	text-align: center;

	margin-bottom: 15px;

}



.right {

	float: right;

	margin-right: 10px;

}



.left {

	float: left;

	margin-left: 10px;

}



.clearer {

	clear: both;

}