/* -----------------------------------------------------------------------------------
Cougar Insurance 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: underline;}
a:hover {color:#675c53; text-decoration:underline;}
p, table {margin: 0px 0px 15px 0px;}
ul {margin-left:15px;}
.italic {font-style:italic;}

/* Header  
----------------------------------------------------------------------------------------------- */
#headbox {postion:relative; background:url(/img/header_full_bk.jpg) no-repeat bottom right;}
#topnav {margin-bottom:2px; padding:2px 17px 0px 0px; text-align:right; height:30px; line-height:28px; background-color:#dfd7cb; }
#topnav ul {list-style-type:none; padding:2px 0px;}
#topnav li.no_arrow {padding:0px 0px 0px 0px; background: none; }
#topnav li {display:inline; margin:0px 0px 0px 15px; padding:0px 0px 0px 8px; background:url(/img/topnav_arrow.gif) no-repeat 0 50%;}
#topnav li a:link, #topnav li a:active, #topnav li a:visited {color:#675c53; text-decoration:none;}
#topnav li a:hover {text-decoration:underline;}

#top_social {float:right; padding:5px 17px 0px 0px; text-align:right; width:300px; height:30px; line-height:28px;}
#social_box ul {margin:0px; padding:0px;}
#social_box li {list-style-type:none; float:right; margin:0px 0px 0px 14px; padding:0px 0px 0px 8px;}
#social_box li img {border:none;}

#header {position:relative; margin:0px; padding:0px;}
#headbox #logo {position:absolute; left:-50px; top:-105px; z-index:200;}
#header h1 a {position:absolute; left:168px; bottom:74px; z-index:350; color:#4b4540; font-size:26px; font-weight:normal; text-transform:uppercase; letter-spacing:.2em; text-decoration:none;}
#header h2 {position:absolute; right:16px; bottom:15px; z-index:250; color:#928275; font-size:26px; font-weight:normal;}
#header h3 {position:absolute; left:168px; bottom:52px; z-index:350; color:#928275; font-style:italic; font-size:110%; font-weight:bold; letter-spacing:.1em;}

#mainnav {margin:90px 0px 0px 135px; 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_gray_bk.jpg); background-repeat:repeat-x;
background-color:#e2dcd7; }
#carrier #colorwrap {clear:both; background-image: url(/img/content_gray_bk.jpg); background-repeat:repeat-x;
background-color:#e2dcd7; }
#home #colorwrap {clear:both; background-image: url(/img/content_gray_bk.jpg); background-repeat:repeat-x;
background-color:#e2dcd7; }
#coverage #colorwrap {clear:both; background-image: url(/img/content_gray_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_why.jpg) top left no-repeat; }	
#slider li.local {background: url(/img/slider2_local.jpg) top left no-repeat;}	
#slider li.conven {background: url(/img/slider3_pride.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.jpg) 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 #f1b7b7; 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) no-repeat top center;}
#footlinks {clear:both; text-align:center; margin:0px; padding:12px 0px 20px 0px;}
#footlinks ul {list-style-type: none; }
#footlinks li {display:inline; color:#3b3530; margin:0px 3px; padding:2px 4px 2px 7px; background:url(/img/footer_arrow.gif) no-repeat 0 50%;}
#footlinks li a:link, #footlinks li a:active, #footlinks li a:visited {color:#3b3530; text-decoration:none;  }
#footlinks li a:hover {text-decoration:underline;}
#footleft {float:left; padding:6px 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:10px 0 0 0; width:330px; text-align:right;}
#foot_tag {margin: 0 auto; padding:10px 0; color:#928275; text-align:center; font-size:80%;}
#foot_tag a {color:#675c53;}