/*	----------------------------------------------------------------------------
	
Autobytel - iControl Landing Page

----------------------------------------------------------------------------- */
@import url(reset.css);

body{font:13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#636363; background: #fff url(../images/layout/body_bg.jpg) top left repeat-x; padding: 25px 0;}

/* Typography
----------------------------------------------------------------------------- */
h1{font-size:28px}
h2{font-size:22px}
h3{font-size:18px}
h4{font-size:21px}
h5{font-size:18px; color:#cc1e49; font-weight:normal}
h6{font-size:15px; text-transform:uppercase;margin:15px 0 0 0;}

h1, h2, h3, h4, h6 {font-weight: normal; color:#147cc2;}

h1#logo {display:block; text-indent:-9999px; width:265px; height:83px; background:transparent url(../images/layout/logo.png) top left no-repeat;}
h2#match_leads{display:block; text-indent:-9999px; width:590px; height:74px; background:transparent url(../images/layout/match_leads.gif) top left no-repeat;}

h3#lead_control {display:block; text-indent:-9999px; width:260px; height:42px; background:transparent url(../images/layout/lead_control.gif) top left no-repeat;}
h3#roi{display:block; text-indent:-9999px; width:328px; height:22px; background:transparent url(../images/layout/roi.gif) top left no-repeat;}
h3#price{display:block; text-indent:-9999px; width:219px; height:20px; background:transparent url(../images/layout/best_price.gif) top left no-repeat;}
h6#more_details{display:block; text-indent:-9999px; width:177px; height:15px; background:transparent url(../images/layout/more_details.gif) top left no-repeat;}

h4#customize_leads {display:block; text-indent:-9999px; width:721px; height:51px; background:transparent url(../images/layout/customize_leads.gif) top left no-repeat; margin-bottom:10px}
h5#lead_source {display:block; text-indent:-9999px; width:141px; height:39px; background:transparent url(../images/layout/lead_source.gif) top left no-repeat; margin-bottom:8px}
h5#lead_territory {display:block; text-indent:-9999px; width:152px; height:42px; background:transparent url(../images/layout/lead_territory.gif) top left no-repeat; margin-bottom:8px}
h5#lead_make {display:block; text-indent:-9999px; width:120px; height:62px; background:transparent url(../images/layout/lead_make.gif) top left no-repeat; margin-bottom:8px}

h4#contact{display:block; text-indent:-9999px; width:226px; height:85px; background:transparent url(../images/layout/contact.gif) top left no-repeat; margin-bottom:0}

h2, p {margin-bottom:20px}
p.first {font-size:14px;}


h5 strong {display:block;}
strong {font-weight: bold; }
em {font-style: italic; }

h2 sup {font-size:70%; position: relative; bottom: 10px; vertical-align: baseline;}
sup {font-size:70%; position: relative; bottom: 5px; vertical-align: baseline;}

blockquote p {font-size: 14px; line-height:20px; color:#147cc2; font-weight:bold; font-style:italic;}
cite {font-style:normal; line-height:16px}


/* Forms
----------------------------------------------------------------------------- */
label {font-size:11px; display:block;}
input[type='text'] {margin:0 0 5px 0; width:167px; padding:2px;}
input[type='radio'] {margin:2px 0 -2px -2px; padding:0; width:15px; display:block;}
form label span {font-size:11px;float:right; width:160px;margin-bottom:8px; padding:0; display:block;}
.button {background:transparent url(../images/layout/submit_sprite.gif) top left no-repeat;cursor:pointer;width: 79px;height: 28px;margin: 8px 0;padding: 0;border: 0;display:block;text-indent:-9999px;}
.button:hover {background:transparent url(../images/layout/submit_sprite.gif) bottom left no-repeat; cursor:pointer;width: 79px;height: 28px;margin: 8px 0;padding: 0;border: 0;display:block;text-indent:-9999px;}



/* Links
----------------------------------------------------------------------------- */
a, a:visited {color:#636363; text-decoration: none; }
a:hover, a:active, a:focus { color:; text-decoration: underline; }
a:focus{outline:1px dotted invert}

img a{border: 0; text-decoration:none;}
img a:hover{border: 0; text-decoration:none;}


/* Structure
----------------------------------------------------------------------------- */
#header {margin-bottom:50px}
#sidebar {padding: 0; height:720px; background:url(../images/layout/sidebar_bg.gif) bottom left no-repeat}
#sidebar p, #sidebar form {padding:0 25px;}
#sidebar form p{padding:0;}
#content_footer{background: url(../images/layout/content_footer_bg.jpg) bottom left no-repeat; margin-top:25px;font-size:12px; }
#footer {text-align:center; margin-top:25px;}

.container {width:979px; margin-left: auto;	margin-right: auto;}
.header {width:979px}
.sidebar {width:226px; }
.wide_column {width:721px;}
.half_column {width:350px;}
.small_column {width:191px; padding:0 15px;}

.sidebar,.wide_column, .half_column, .small_column {display: inline; float: left; position: relative; margin-left: 10px;	margin-right: 10px;}

.alpha {margin-left: 0}
.omega {margin-right: 0;}

.prefix_1 {margin-left:13px;}
.prefix_2 {margin-left:25px;}

/* Extras
----------------------------------------------------------------------------- */
hr{border:0 #147cc2 solid;border-top-width:1px;clear:both;height:0; margin:10px 0;}
.right_border {border-right:1px solid #d6d6d6;}
.blue {color:#147cc2;}

/* Fixes
----------------------------------------------------------------------------- */	
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}

/*	The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem.*/
* html .clearfix, 
*:first-child+html .clearfix {zoom: 1;}