/* -----------------------------------------------------------------------------------
Insure Me Houston Style Sheet

version:	1.0
author:		Michael McDonald
email: 		info@yalestreetcreative.com
website: 	http://www.yalestreetcreative.com
----------------------------------------------------------------------------------- */ 

/*	Structure & General 
--------------------------------------------------------------------------------------------------------- */
* {padding: 0;margin: 0;}
body {font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: small; color:#3b3530; line-height:130%;}
#outside_wrap {margin:0 auto; margin-left:50px;}
#wrap {width:950px; margin: 0 auto; padding:0; background-color:#e2dcd7; 
	border-left:1px solid#928275; border-right:1px solid#928275; border-bottom:1px solid#928275;}
.cl {clear:both; height:1px;}
.none {margin:0; padding:0;}
/* Typography  
--------------------------------------------------------------------------------------------------------- */
h1 {font-size:150%; color:#675c53;}
h2 {font-size:140%; color:#675c53;}
h3 {font-size:130%; color:#675c53;}
h4 {font-size:115%; color:#675c53;}
a:link, a:active, a:visited { color:#3b3530; text-decoration: none;}
a:hover {color:#675c53; text-decoration:underline;}
p {margin: 0px 0px 15px 0px;}
ul {margin-left:15px;}
.italic {font-style:italic;}

/* Header  
----------------------------------------------------------------------------------------------- */
#headbox { background:url(/img/header_bk1.jpg) bottom right repeat-x;}
#topnav {margin:0; padding-right:16px; text-align:right; height:25px; line-height:28px;}
#topnav ul {list-style-type:none;}
#topnav li {display:inline;}
#topnav li a:link, #topnav li a:active, #topnav li a:visited {color:#675c53;}
#topnav li a:hover {text-decoration:underline;}
#header {position:relative; margin:0px; padding:0px;}
#logo {position:absolute; left:-50px; top:-40px; z-index:200;}
#header h2 {position:absolute; right:16px; bottom:15px; z-index:250; color:#928275; font-size:26px; font-weight:normal;}

#mainnav {margin:40px 0px 0px 138px; height:29px; }
#nav {margin:0; padding:0; list-style:none; height:29px; display:inline; overflow:hidden;}
#nav li {margin:0; padding:0; list-style:none; display:inline;}
#nav a {float:left; padding:29px 0 0 0; overflow:hidden; height: 0px !important;}
#nav a:hover {background-position:0 -29px;}
#nav a.selected {background-position:0 -29px;}
#t_auto  a {width:114px; background:url(/img/tab_auto.jpg) top left no-repeat;}
#t_home  a {width:114px; background:url(/img/tab_home.jpg) top left no-repeat;}
#t_other  a {width:114px; background:url(/img/tab_other.jpg) top left no-repeat;}
#t_carriers  a {width:114px; background:url(/img/tab_carrier.jpg) top left no-repeat;}

/* Content 
----------------------------------------------------------------------------------------------- */
#colorwrap {clear:both; background-image: url(/img/content_gray_bk.jpg); background-repeat:repeat-x;
background-color:#e2dcd7; }
#auto #colorwrap {clear:both; background-image: url(/img/content_auto_bk.jpg); background-repeat:repeat-x;
background-color:#e2dcd7; }
#carrier #colorwrap {clear:both; background-image: url(/img/content_carrier_bk.jpg); background-repeat:repeat-x;
background-color:#e2dcd7; }
#home #colorwrap {clear:both; background-image: url(/img/content_home_bk.jpg); background-repeat:repeat-x;
background-color:#e2dcd7; }
#coverage #colorwrap {clear:both; background-image: url(/img/content_other_bk.jpg); background-repeat:repeat-x;
background-color:#e2dcd7; }

#sublinks {margin: 0 16px; padding:6px 0 4px 0; text-align:right; color:#e2dcd7; font-weight:bold;}
#auto #sublinks {margin: 0 490px 0 0; color:#e2dcd7; letter-spacing:.5px;}
#carrier #sublinks {margin: 0 250px 0 0; color:#e2dcd7; letter-spacing:.5px;}
#home #sublinks {margin: 0 465px 0 0; color:#e2dcd7; letter-spacing:.5px;}
#coverage #sublinks {margin: 0 355px 0 0; color:#e2dcd7; letter-spacing:.5px;}
#page #sublinks {margin: 0 570px 0 0; color:#e2dcd7; letter-spacing:.5px;}
#sublinks a  {color:#e2dcd7;}
#sublinks a:hover  {text-decoration:underline;}
#contentwrap {clear:both; margin:0px 15px 20px 15px; padding: 0px;}
#whitebox {padding:0 15px; background-color:#FFFFFF;}
#content_top {height:15px; background: url(/img/content_top.png) center top no-repeat;}
#contentbox {float:left; width:530px;}
#content, #content_h {margin-bottom:20px; padding:0px;}
#content ul {margin-bottom:15px;}
#left {float:left; width:250px; }
#right {float: right; width:255px; }
#content_bot {height:15px; background: url(/img/content_bot.png) center bottom no-repeat; }
#content_h {height:350px; clear:both;}
#slideshow {float:left; margin: 0px 10px; width:530px; height: 350px;}
/* Easy Slider */
#slider ul, #slider li{margin:0; padding:0; list-style:none; }
#slider, #slider li{ width:530px; height:350px; overflow:hidden; background-color:#e3e3e3;}
#slider li.why {background: url(/img/slider1_family.jpg) top left no-repeat; }	
#slider li.local {background: url(/img/slider2_train.jpg) top left no-repeat;}	
#slider li.conven {background: url(/img/slider3_familylap.jpg) top left no-repeat;}	
#slider li.options {background: url(/img/slider4_options.jpg) top left no-repeat;}
#slider li.afford {background: url(/img/slider5_afford) top left no-repeat;}	
#slider li.quote {background: url(/img/slider6_call.jpg) top left no-repeat;}	
#slider li h2{ margin:285px 0px 5px 25px;  font-weight: 600; font-stretch: condensed; 
	font-size:26px; line-height:26px; letter-spacing:.2px; color:#EEEEEE;}	
#slider li p {margin:0px 0px 0 25px;  font-weight: lighter; font-size:18px; line-height:21px; 
	letter-spacing:.2px; color:#EEEEEE;}	

#exp_quote {margin-top:30px; padding:12px 12px 5px 12px; background-image:url(/img/quote_bk_bl.png); 
	background-position:-5px -5px; border:1px solid #8aa8d5; color:#3b3530;}
#exp_quote img {float:left; margin:5px; border:1px solid #8aa8d5;}	
#exp_quote blockquote {float:right; margin:15px 5px 0 0; width:395px; font-style:italic; line-height:140%;}	

/* Sidebar 
----------------------------------------------------------------------------------------------- */
#sidebar {float: right; width:330px; }
#formbox {margin-bottom:18px; padding:20px; height:210px; background: url(/img/quote_background.jpg) top center no-repeat;}
#formbox h2 {color:#ffffff; margin:0 0 15px 0; font-size:20px; line-height:24px; }
.progress {float:left; }
.facebook {float:right; width:135px; height:148px; text-align:center; border:2px solid #6f80ac;
background:url(/img/facebook_bk.jpg) bottom repeat-x;}
.facebook a {color:#3c5a98;}
.facebook img {padding:5px 0;}
.topspace {margin-top:15px;}
/* Form 
----------------------------------------------------------------------------------------------- */
#sendform label {float: left; color:#ffffff; width:120px; font-size:110%; margin-right:5px; letter-spacing:.5px;}
#sendform .frontpg {float:left; width:140px; margin:0px 0 15px 0;}
#sendform .frontsub {margin:10px 80px;}
#sendform fieldset {border:none;}

#getform p {margin: 0px 0 15px 0;}
#getform label {float: left; width:160px; font-size:110%; margin-right:10px; letter-spacing:.5px;}
#getform input.text, #getform input.textarea, #getform input.select {float:left; margin: 0 0 0 220px;}
#getform fieldset {margin-bottom: 10px;padding: 10px;}
#getform input.submit {text-align: center;}
#getform legend {font-size: 130%;padding: 0 0 5px 5px;}

/* Footer 
----------------------------------------------------------------------------------------------- */
#footer {margin:20px 0 0 0; padding:0px 30px 10px 30px; background-color:#e2dcd7; 
background: url(/img/footer_background.jpg) top center no-repeat;}
#footlinks {clear:both; text-align:center; padding-top:15px;}
#footlinks ul {list-style-type: none; }
#footlinks li {display: inline; color:#3b3530;}
#footlinks li a:link, #footlinks li a:active, #footlinks li a:visited {color:#3b3530; text-decoration:underline; }
#footlinks li a:hover {text-decoration:underline;}
#footleft {float:left; padding:15px 0; width:530px;}
#footleft h2 {margin-top:5px; padding:0; font-size:26px; font-weight: 500; letter-spacing:1px; color:#bda998;}
#footright {float:right; padding:20px 0 0 0; width:330px; text-align:right;}
#foot_tag {margin: 0 auto; padding:15px 0; color:#928275; text-align:center;}
#foot_tag a {color:#675c53;}