/* @override http://insurancediscounts.boxclever.ca/css/idl-web.css */

@charset "UTF-8";

html {
	margin: 0;
	padding: 0;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;	
}

body {
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, sans-serif;	
	padding: 0;
	background: #dedbca url(/images/container_bg-ytile.gif) center repeat-y;
} 

p {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #3a4044;
}

ul
	{
	list-style-type: square;
	list-style-position: outside;
	font-size: 1.4em;
	color: #3a4044;
	}
	
ol
	{
	list-style-position: outside;
	font-size: 1.4em;
	color: #3a4044; 
	}
	
li
	{
	margin: 0 0 3px 10px;
	}

#copy_column ul,
#copy_column ol{
	padding: 0 20px 10px 20px;
}

a {
	text-decoration: none;
	color: #bc6735;
	outline: none;
}

a:hover {
	text-decoration: underline;
	color: #bc6735;
} 

a img {
	border: none;
}

form {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 100%;
  color: #3a4044;
}

form div label {
  display: block;
  float:left;
  width: 70px;
  padding: 3px 10px 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-size: 1.3em;
}

form input, form textarea {
  width: 300px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  background: #fbfbec;
  border: 1px solid #9f9e8f;
}

form .submit input {
	width: 100px;
	margin: 10px 0 0 85px;
	text-align: center;
	background: url(../images/main_title_bg.png) -50px no-repeat;
	border: 1px solid #9f9e8f;
}

/* Layout formatting */

#outtercontainer {
	width: 900px;
	margin: 0 auto;
}

#container {
	width: 900px;
	margin: 0 auto;
}

#header {
	height: 146px;
	width: 880px;
	margin: 0 auto;
	position: relative;
	background: #314d63 url(/images/header_bg.jpg) center top no-repeat;
}

#idl-logo {
	width: 453px;
	height: 71px;
	position: absolute;
	left: -10px;
	top: 27px;
	background: url(/images/logo_bg.jpg) left top no-repeat;
}

#idl-logo img {
	position: absolute;
	left: 40px;
	top: 16px;
	width: 325px;
	height: 40px;
}

#logo_btn {
	margin-top: 38px;
	width: 250px;
	height: 53px;
	display: block;
}

#logo a img{
	display: none;
}

/* @group Navigation */

#mininav {
	background: url(/images/icon-home.gif) left top no-repeat;
	position: absolute;
	top: 10px;
	right: 30px;
	padding-left: 12px;
	color: #bbd1cc;
}

#mininav:hover {
	text-decoration: none;
	color: #FFF;
}

#navigation {
	height: 70px;
	width: 430px;
	position: absolute;
	top: 27px;
	right: 0;
}

#navigation ul {
	margin: 8px 0;
	padding: 0;
}

#navigation li{
	float:left;
	list-style: none;
	display: inline;
	height: 20px;
	margin-bottom: 15px;
	font-size: .9em;
}

#navigation li a{
	color:#bbd1cc;
	text-decoration: none;
	padding-left: 10px;
	background: url(../images/nav_bg.gif) left bottom no-repeat;
}

#navigation li a:hover{
	color:#FFF;
	text-decoration: none;
	padding-left: 10px;
	background: url(../images/nav_bg.gif) left -20px no-repeat;
}


body.auto #auto_btn,
body.property #prop_btn,
body.online #online_btn,
body.about #about_btn,
body.services #services_btn,
body.contact #contact_btn
{
	color: #ffa36b;
	background: url(../images/nav_bg.gif) left top no-repeat;
}

body.auto #auto_btn:hover,
body.property #prop_btn:hover,
body.online #online_btn:hover,
body.about #about_btn:hover,
body.services #sevices_btn:hover,
body.contact #contact_btn:hover
{
	color: #ffa36b;
	background: url(../images/nav_bg.gif) left top no-repeat;
}

#auto_btn {
	width: 125px;
	float: left;
}

#prop_btn {
	width: 138px;
	float: left;
}

#online_btn {
	width: 100px;
	float: left;
}

#about_btn {
	width: 125px;
	float: left;
}

#services_btn {
	width: 138px;
	float: left;
}

#contact_btn {
	width: 100px;
	float: left;
}

/* @end */


body.home #wrapper {
	width: 880px;
	margin: 0 auto;
	position: relative;
	background: #314d63 url(/images/wrapper_bg-ytile.jpg) center top repeat-y;
}

#wrapper {
	width: 880px;
	margin: 0 auto;
	position: relative;
	background: #314d63 url(/images/wrapper_bg-subpage-ytile.jpg) center top repeat-y;
}

#content {
	margin: 0 auto;
	width: 880px;
}

#heading {
	height: 66px;
	background: url(/images/heading-xtile_bg.jpg) repeat-x;
	border: 1px solid #FFF;
}

#content h1 {
	margin: 0 0 10px 0;
	color: #436885;
	font-size: 2.4em;
}

#content h2 {
	padding: 10px 20px 0 20px;
	margin-bottom: -5px;
	color: #898f4b;
	font-size: 1.6em;
}

#content strong {
	color: #2d2d2d;
}

#map {
	border: 1px solid #1f3c51;
	font-size: 1em;
}

#map em {
	font-size: 1.3em;
}

#map-border {
	background: url(../images/stripe_tile.gif);
	padding: 10px;
	border: 1px solid #1f3c51;
}

#map p {
	padding: 5px;
	color: #2d2d2d;
}

#map strong {
	color: #436885;
}

body.home #main_top h2 {
	padding: 0 0 7px 0;
	margin: 0;
	color: #FFF;
	font-size: 2em;
	font-weight: lighter;
	position: relative;
	z-index: 1;
}

body.home #main_top h2 span {
	color: #92491a;
	position: absolute;
	left: 0;
	top: 2px;
	z-index: -1;
	volume: 0;
}

body.home #main_top p {
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.3em;
	letter-spacing: .1em;
}

#main_top h2 {
	padding: 0 0 7px 0;
	margin: 0;
	color: #FFF;
	font-size: 2em;
	font-weight: lighter;
	position: relative;
	z-index: 1;
}

#main_top h2 span {
	color: #92491a;
	position: absolute;
	left: 0;
	top: 2px;
	z-index: -1;
	volume: 0;
	width: 200px;
}


#main_top p {
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.3em;
	letter-spacing: .1em;
	margin: 0 auto;
	width: 300px;
	position: absolute;
	top: 17px;
	left: 170px;
}

body.home #main_top p {
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.3em;
	letter-spacing: .1em;
	margin: 0;
	width: 400px;
	position: static;
}


body.home #main_top h4 {
	color: #FFF;
	font-size: 1em;
	line-height: 1.3em;
	clear: both;
	display: block;
	width:410px;
}

#main_top h4 {
	color: #FFF;
	font-size: 1em;
	line-height: 1.3em;
	clear: both;
	display: block;
	width:410px;
	margin: 0;
}

#auto-quote_btn {
	width: 153px;
	height: 44px;
	float: left;
	display: inline;
	padding: 23px 15px 0 15px;
	margin: 12px 10px 10px -4px;
	text-align: center;
	background: url(../images/quote_btn.jpg) top center no-repeat;
	font-size: 1.9em;
	color: #335066;
}

#prop-quote_btn {
	width: 153px;
	height: 44px;
	float: right;
	display: inline;
	padding: 23px 15px 0 15px;
	margin: 12px 0 10px 10px;
	text-align: center;
	background: url(../images/quote_btn.jpg) top center no-repeat;
	font-size: 1.9em;
	color: #335066;
}

#auto-quote_btn:hover,
#prop-quote_btn:hover {
	background-position: bottom center;
	text-decoration: none;
}

.quote-btn_divider {
	width: 6px;
	height: 67px;
	float: left;
	display: inline;
	margin: 12px 10px 10px 10px;
	background: url(../images/quote_btn-divider.jpg) top center no-repeat;
}

.quote-btn-small_divider {
	width: 3px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 117px;
	margin: 11px 10px 10px 10px;
	background: url(../images/quote_btn-small-divider.jpg) top center no-repeat;
}

#auto-quote-small_btn {
	width: 77px;
	height: 28px;
	position: absolute;
	top: -2px;
	right: 140px;
	padding: 14px 15px 0 15px;
	margin: 12px 0 10px -4px;
	text-align: center;
	background: url(../images/quote-small_btn.jpg) top center no-repeat;
	font-size: 1.1em;
	color: #335066;
}

#prop-quote-small_btn {
	width: 77px;
	height: 28px;
	position: absolute;
	top: -2px;
	right: 0;
	padding: 14px 15px 0 15px;
	margin: 12px 10px 10px -4px;
	text-align: center;
	background: url(../images/quote-small_btn.jpg) top center no-repeat;
	font-size: 1.1em;
	color: #335066;
}

#auto-quote-small_btn:hover,
#prop-quote-small_btn:hover {
	background-position: bottom center;
	text-decoration: none;
}

#main_photo {
	width: 820px;
	height: 115px;
	position: relative;
	overflow: hidden;
}

#main_photo h1{
	font-weight: normal;
	position: absolute;
	top: 38px;
	left: 254px;
	font-size: 2em;
	width: 529px;
	height: 40px;
	padding: 15px 0 0 37px;
	background: url(../images/main_title_bg.png) no-repeat;
}

#main_inner a b{
	font-weight: normal;
	z-index: 3;
	position: relative;
}

#main_inner a b span{
	color: #a6a395;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: -2;
}

#main_top {
	width:  820px;
	height: 188px;
	background: #dc834f url(../images/main-top-sub_bg-xtile.jpg) top left repeat-x;
	margin: 0 auto;
	position: relative;
}

body.home #main_top {
	width:  470px;
	height: 203px;
	background:  #dc834f url(../images/main-top_bg-xtile.jpg) top left repeat-x;
	float: right;
	margin: 0;
}

body.home #main_inner {
	width:  410px;
	height: 163px;
	padding: 20px 30px;
	background: url(../images/main-top_bg-leftds.jpg) top left no-repeat;
}

#main_inner {
	padding: 20px 30px 0 30px;
	height: 53px;
}

body.home #copy_column {
	width: 408px;
	margin: 1px 0 0 1px;
	padding: 30px;
	float: right;
	display: inline;
	color: #35271c;
	background: url(../images/copy_bg.jpg) top left repeat-x;
}

#copy_column {
	width: 498px;
	margin: 1px 0 0 1px;
	padding: 30px;
	float: left;
	display: inline;
	color: #35271c;
	background: url(../images/copy_bg.jpg) top left repeat-x;
}

#copy_column p {
	padding: 0 0 15px 0;
	margin: 0;
}

#copy_column a {
	color: #bc6735;
	text-decoration: underline;
}

body.home #side_column {
	background: #993400 url(../images/side_column-xtile.gif) bottom repeat-x;
	width: 380px;
	margin: 0 0 -20px 30px;
	float:left;
	display: inline;
	position: relative;
	top: -20px;
}

#side_column {
	background: #993400 url(../images/side_column-xtile.gif) bottom repeat-x;
	width: 260px;
	margin: 0 0 0 30px;
	float:left;
	display: inline;
}

.side-photo {
	background: url(../images/image-home.jpg) center no-repeat;
	width: 368px;
	height: 363px;
	margin: 6px auto;
	clear:both;
}

#side_column .side-address h3{
	width: 230px;
	height: 28px;
	padding: 21px 0 0 30px;
	background: url(../images/side_column-title.jpg) left bottom no-repeat;
	font-size: 1.7em;
	color: #314d63;
}

#side_column .side-address p{
	padding: 15px 0 15px 30px;
	color: #dedbca;
	font-size: 1.5em;
	line-height: 1.3em;
}

body.home .side-address {
	background: url(../images/side_column-xtile.gif) top repeat-x;
	width: 380px;
	margin: 0;
}

.side-address {
	background: url(../images/side_column-xtile.gif) top repeat-x;
	width: 260px;
	margin: 0;
}

#footer {
	width: 820px;
	margin: 0 auto;
	padding: 15px 30px;
	background: #dedbca url(../images/footer_divider-xtile.gif) top repeat-x;
}

#footer p {
	font-size: 1.2em;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	color: #35271c;
}

#footer a {
	text-decoration: none;
	color: #993400;
	padding: 0 5px;
}

.bottom-bar {
	background: url(../images/footer-bottom.gif) top repeat-x;
	height: 16px;
	margin: 0 10px;
}

#footer .first-nav {
	text-decoration: none;
	padding: 0 5px 0 0;
}

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

#footer a.boxclever {
	color: #436885;
	text-decoration: none;
}

#footer a:hover.boxclever {
	color: #436885;
	text-decoration: underline;
}

#disclaimer {
	width: 820px;
	font-size: .85em;
	margin: 0 auto;
	padding: 15px 30px;
	background: #dedbca url(../images/footer_divider-xtile.gif) top repeat-x;
}

#disclaimer strong {
	text-transform: uppercase;
	color: #993400;
}

/* General Classes */

.noshow {
	display: none;
}

.clear {
	clear: both;
}

.floatl {
	float:left;
	width: 50%;
}

/* Main Images */

body.auto #main_photo {
	background: url(../images/image-auto.jpg) top center no-repeat;
}

body.property #main_photo {
	background: url(../images/image-property.jpg) top center no-repeat;
}

body.online #main_photo {
	background: url(../images/image-online.jpg) top center no-repeat;
}

body.about #main_photo {
	background: url(../images/image-about.jpg) top center no-repeat;
}

body.services #main_photo {
	background: url(../images/image-services.jpg) top center no-repeat;
}

body.contact #main_photo {
	background: url(../images/image-contact.jpg) top center no-repeat;
}


.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}