/*
Theme Name: Auto Insurance
Theme URI: http://cmggraphics.co.za
Description: Auto Insurance Wordpress Theme
Version: 1.0
Author: Carl Gordon
Author URI: http://cmggraphics.co.za
Tags: Auto, Insurance
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* CSS Document */
body {margin:0 auto;}
body {background-image:url(/images/backgroundtop.jpg);background-position:top;background-repeat:repeat-x;}

p {font-family:Arial, Helvetica, sans-serif;}
img{border:none;}
#wrapper {position:relative; width:850px; background-color:transparent; margin:0 auto;}
#header {width:850px; height:133px; }
#logo { border:0px;margin-top:20px;}
#headercall {border:0px;margin-top:20px;}
#menu {width:850px; height:50px; margin: 0px 0px 0px 0px; background:url(images/menu.png) repeat-x top;}

.menu {font-family:Arial, Helvetica, sans-serif;}
ul.menu {padding-left: 16px; list-style-type:none; margin: 0px 0px 0px 0px;}
.menu ul ul {visibility:hidden; position: absolute;left: 0;display: block; margin-top:10px;}
.menu ul li:hover ul, .menu ul a:hover ul{width:120px;visibility:visible; z-index:1000; background-color:#ebeaea; color:#525252; display:block; padding:0px 2px 14px 2px; border: 1px solid #d8dbdc; top:36px;}
.menu li {float:left; display:block; padding: 17px 0px 0px 0px; position:relative;}
.menu a {font-size:14px; color:#525252; text-decoration:none; font-weight:bold; padding: 10px;}
.menu a:hover {background:url(images/menu-hover.png) repeat-x; color:#000;}
.menu a.current {background:url(images/menu-hover.png) repeat-x; color:#000;}
.menu li li a {font-size:12px; text-align:center;}
.menu li li a:hover{background:none;}
#slider-wrapper {background:url(images/slider-back.png) repeat-x; height:127px; width:100%; overflow:hidden;}

ul.LIn_fullMode { list-style-type:none;}

#content-wrap {overflow:auto;margin-top:10px;}
#content-wrap h1 {font-family:Arial, Helvetica, sans-serif; font-size:26px;color:#a90000;margin: 0px 0px 0px 0px; padding: 5px;}
#content-left {width:460px; height:auto; margin:8px 0px 0px 0px; float:left; font-family:Arial, Helvetica, sans-serif;}
#content-left p{padding:5px; font-size:12px;}
#content-ticks li { list-style-type:none; background: transparent url(/images/tick.png) left no-repeat; font-weight:bold; margin:0px 0px 0px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; height:30px; padding:20px 0px 0px 45px;}

#content-left2 {width:460px; margin:8px 0px 0px 0px; float:left; font-family:Arial, Helvetica, sans-serif;}
#content-left2 p{padding:10px 0px 10px 20px; font-size:12px;}

#iframe1 {height:680px; width:500px; padding:0px 0px 0px 50px}

#form {padding:5px; font-size:12px;}

.widget-box {moz-border-radius:15px;border-radius:15px;margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 4px; height: 190px; width:350px; overflow:auto; background:url(images/content-gradient.png) repeat-x top; border:1px solid #c9c9c9;}
#content-right h1 {text-align:center;}
#content-right img {padding: 15px 0px 15px 27px;}

#content-right2 {width:333px; height:220px; overflow:auto; background:url(images/content-gradient.png) repeat-x top; border:1px solid #c9c9c9; float:right; margin:8px 0px 0px 0px;}
#content-right2 p {margin:0px;}
#content-right2 h1 {text-align:center;}
#content-right2 img {padding: 0px 0px 0px 27px;}

.widget-box p {line-height: 16px; margin:0px 0px 0px 10px;}
#content-wrap .widget-box h1 { padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 5px; margin: 0px; text-align:center;}
.widget-box a{ font-size: 14px; color:#525252; text-decoration:none; font-weight:bold;}
.widget-box a:hover{text-decoration:underline;}
#footer {position: relative; width:100%; height:76px; background:url(images/footer.png) repeat-x top; margin:8px 0px 0px 0px;}
#footer p.copyright{ float: left; width: 550px; margin-left: auto; margin-bottom: 0px; margin-right: auto; margin-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 45px; text-align: center; color:#fff; font-weight:bold; font-size:12px;}
#footer p.address{ font-weight: bold; clear: both; padding-left: 0px; margin: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 45px; text-align: center; font-size:12px;}
#footer a{color:#FFF; font-weight:bold; text-decoration:none;}
#footer a:hover {text-shadow: #1d1d1d 1px 1px 2px; text-decoration:underline;}

#footer-left a{color:#FFF; font-weight:bold; text-decoration:none;}
#footer-left a:hover {text-shadow: #1d1d1d 1px 1px 2px; text-decoration:underline;}

#footer-right a{color:#FFF; font-weight:bold; text-decoration:none;}
#footer-right a:hover {text-shadow: #1d1d1d 1px 1px 2px; text-decoration:underline;}


#footer-left {float:left}
#footer-right ul{list-style-type:none; margin:0px;padding:5px; text-shadow:none;}
#footer-left ul{list-style-type:none; margin:0px;padding:5px;text-shadow:none;}

#footer-right{  float:left;margin-left:50px;}


/* Easy Slider */
/* image replacement */
 .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;           overflow:hidden;text-indent:-8000px;}
/* // image replacement */
#container{margin:0 auto;position:relative;text-align:left;width:850px;background:#fff;		margin-bottom:2em;}			
#content{position:relative;}	
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ width:850px;height:127px;overflow:hidden;}	
#prevBtn, #nextBtn,	#slider1next, #slider1prev{display:block;width:30px;height:77px;position:absolute;
left:-30px;top:71px;z-index:1000;}	
#nextBtn, #slider1next{left:696px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{display:block;position:relative;width:30px;
height:77px;background:url(images/btn_prev.gif) no-repeat 0 0;}	
#nextBtn a, #slider1next a{background:url(images/btn_next.gif) no-repeat 0 0;}	
/* numeric controls */	
ol#controls{margin:1em 0;padding:0;height:20px;position:absolute;top:86px;left:20px;overflow:hidden;}
ol#controls li{margin:0 5px 0 0;padding:0;float:left;list-style:none;height:20px;line-height:20px;}
ol#controls li a{float:left;height:20px;line-height:20px;background:#000;color:#fff;padding:0 8px;
text-decoration:none;font-weight:bold; font-size:10px;}
ol#controls li.current a{background:#fff;color:#000;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
.quoteform2 {border:2px solid #c9c9c9;}
.quoteform {border:2px solid #c9c9c9; width:300px;}
#sidebar {float: right; }
.clear { clear: both; }
.textwidget img { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 8px; padding: 0px; overflow:hidden; background: top; border:1px solid #c9c9c9;}
ul#content-ticks { padding-bottom: 10px; padding-top: 10px; padding-left: 40px; }
h3.widget-title { display: none; }
h2 { margin-bottom: 10px; margin-top: 10px; margin-left: 5px; }
#sidebar ul { padding: 0px; margin: 0px; }
#sidebar ul li { list-style-type: none; padding: 0px; margin: 0px; }
.postedon { font-weight: bold; }
.widget-box.contact { height: 420px; margin-top: 8px; }

#footerwrapper {
background-image:url(/images/backgroundbottom.jpg);
background-repeat:repeat-x;
width:100%;
height:184px;
}