/*



Theme Name: SSI



Description: The default WordPress theme.



Author:



Version: 1



*/











@charset "UTF-8";



/* ==[ GENERAL STYLES ]== */



body {margin:0;padding:0;background:#DFE8EF url(images/bg.jpg) repeat-x top; margin:0;padding:5px 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#333;text-align:left;line-height:14px;}



img {border:none;vertical-align:middle;}



a {outline:none;}



.clr {clear:both;}



.wrap {width:100%;background:url(images/bg2.jpg) no-repeat center top;}



#preload {display:none;visibility:hidden;}



.logo-placement a {width:245px;height:58px;margin:0;padding:0;position:absolute;display:block;}







/* ==[ CONTAINER ]== */



div#container {width:875px;margin:0 auto;padding:0;overflow:hidden;}







/* ==[ HEADER ]== */



div#header {width:100%;height:auto;margin:0;padding:0;}



   



   /*[ HEADER -> NAVIGATION ]*/



   #header .nav {width:873px;height:58px;margin:59px 0 0 -2px;position:absolute;background:url(http://southernstatesinsurance.com/wp-content/uploads/2010/06/nav_bg.jpg) no-repeat left;}



   #header .nav ul {margin:0;padding:4px 0 0 6px;list-style-type:none;}



   #header .nav ul li {margin:0;padding:0;border:none;float:left;}



   #header .nav ul li.last {border:none;}



   #header .nav ul li.divider {width:1px;height:55px;margin:0;padding:0;background:url(http://southernstatesinsurance.com/wp-content/uploads/2010/06/nav_divider.jpg) no-repeat top;}   







   #header .nav ul li.home a {width:106px;height:51px;background:url(images/nav_home.jpg) no-repeat center;display:block;}



   #header .nav ul li.home:hover a,



   #header .nav ul li.home a.selected {height:51px;background:url(images/nav_home-hover.jpg) no-repeat center;}



   #header .nav ul li.personal a {width:119px;height:52px;background:url(images/nav_personal.jpg) no-repeat;display:block;}



   #header .nav ul li.personal:hover a,



   #header .nav ul li.personal a.selected {height:52px;background:url(images/nav_personal-hover.jpg) no-repeat;}



   #header .nav ul li.business a {width:103px;height:52px;background:url(images/nav_business.jpg) no-repeat;display:block;}



   #header .nav ul li.business:hover a,



   #header .nav ul li.business a.selected {height:52px;background:url(images/nav_business-hover.jpg) no-repeat;}



   #header .nav ul li.servicecenter a {width:149px;height:52px;background:url(images/nav_servicecenter.jpg) no-repeat;display:block;}



   #header .nav ul li.servicecenter:hover a,



   #header .nav ul li.servicecenter a.selected {height:52px;background:url(images/nav_servicecenter-hover.jpg) no-repeat;}



   #header .nav ul li.learningcenter a {width:172px;height:52px;background:url(images/nav_learningcenter.jpg) no-repeat;display:block;}



   #header .nav ul li.learningcenter:hover a,



   #header .nav ul li.learningcenter a.selected {height:50px;background:url(images/nav_learningcenter-hover.jpg) no-repeat;}



   #header .nav ul li.blog a {width:91px;height:52px;background:url(http://southernstatesinsurance.com/wp-content/uploads/2010/06/nav_blog.jpg) no-repeat;display:block;}



   #header .nav ul li.blog:hover a,



   #header .nav ul li.blog a.selected {height:52px;background:url(http://southernstatesinsurance.com/wp-content/uploads/2010/06/nav_blog-hover.jpg) no-repeat;}



   #header .nav ul li.contactus a {width:110px;height:51px;background:url(images/nav_contactus.jpg) no-repeat center;display:block;}



   #header .nav ul li.contactus:hover a,



   #header .nav ul li.contactus a.selected {height:51px;background:url(images/nav_contactus-hover.jpg) no-repeat center;}



   



/* ==[ FRONT PAGE PICTURE -> STATIC ]== */



div#front_picture {width:872px;height:301px;margin:120px 0 0 0;padding:0;overflow:hidden;}







/* ==[ BOXES SUBBOTTOM ]== */



div#subboxes {width:100%;margin:0;padding:0;overflow:hidden;}



   #subboxes ul {margin:0;padding:0;list-style-type:none;}



   #subboxes ul li {margin:0;padding:0;float:left;}



   



   #subboxes ul li#business a {width:217px;height:150px;margin:0;padding:0;background:url(images/box_business.jpg) no-repeat;display:block;}



   #subboxes ul li#business a:hover {background:url(images/box_business-hover.jpg) no-repeat;}



   



   #subboxes ul li#auto a {width:216px;height:150px;margin:0;padding:0;background:url(images/box_auto.jpg) no-repeat;display:block;}



   #subboxes ul li#auto a:hover {background:url(images/box_auto-hover.jpg) no-repeat;}



   



   #subboxes ul li#home a {width:216px;height:150px;margin:0;padding:0;background:url(images/box_home.jpg) no-repeat;display:block;}



   #subboxes ul li#home a:hover {background:url(images/box_home-hover.jpg) no-repeat;}



   



   #subboxes ul li#life a {width:219px;height:150px;margin:0;padding:0;background:url(images/box_life.jpg) no-repeat;display:block;}



   #subboxes ul li#life a:hover {background:url(images/box_life-hover.jpg) no-repeat;}



   



/* ==[ CONTENT ]== */



#content {width:843px;margin:5px 0 0 0;padding:6px 5px 20px 21px;border:1px solid #56728e;-moz-border-radius:7px;-webkit-border-radius:7px;background:#FFF;overflow:hidden;}







   /*[ CONTENT -> MAIN CONTENT ]*/



   #content #context {width:590px;padding:0;float:left;}



   #content #context hr {width:530px;height:1px;margin:10px 5px;border:none;background:#d5d5d5;}



   #content #context h1 {margin:0;padding:16px 0 0 0;font-family:Arial, Helvetica, sans-serif; line-height:25px; font-size:30px;font-weight:normal;color:#003366;text-align:left;}



   #content #context p {margin:0;padding:5px 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#333;text-align:left;line-height:14px;list-style-type:disc;}



   #content #context img.alignleft {margin:0 20px 10px 0;float:left;}



   #content #context h5 {margin:0;padding:0px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#333;text-align:left;}



   #content #context h2 {margin:0;padding:16px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;color:#003366;text-align:left;}







   #content #context ul li,



   #content #context ol li {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#333;text-align:left;line-height:20px;}



   



   #content #context ul {list-style-type:disc;}



   



   #content #context h1 .icon {margin:0 7px 0 0;padding:0;position:relative;float:right;}



   #content #context h1 #twitter a {width:32px;height:31px;background:url(images/twitter_icon.gif) no-repeat;display:block;}



   #content #context h1 #facebook a {width:32px;height:31px;background:url(images/facebook_icon.gif) no-repeat;display:block;}



   



   #content #context #carriers {margin:32px 0 0 0;}



   #content #context #carriers ul {margin:0;padding:0;list-style-type:none;}



   #content #context #carriers ul li {margin:0 13px 0 0;border:1px solid #9b9b9b;float:left;}



   



   #content #quicklinks {width:227px;min-height:530px;margin:0 0 66px 0;padding:0;background:#f3f3f3;-moz-border-radius:7px;-webkit-border-radius:7px;float:right;}



   #content #quicklinks img.title {margin-top:25px;}



   #content #quicklinks ul {margin:0;padding:0;list-style-type:none;}



   #content #quicklinks ul li {width:193px;margin:0;padding:15px 0 15px 33px;border-bottom:1px solid #d2d2d2;}



   #content #quicklinks ul li.first {border-top:1px solid #d2d2d2;}



   #content #quicklinks ul li a {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#003366;text-align:left;text-decoration:none;}



   





   



   /*[ CONTENT -> FORM AREA ]*/



   #content #context #form {width:501px;margin:0 0 15px 0;padding:10px 12px;background:#2e4660;overflow:hidden;}





/* ==[ FORM ]== */



#content #context #form {width:521px;height:220px;margin:0 0 15px 0;padding:42px 0 0 31px;background:url(images/form_background.jpg) no-repeat;}



#content #context #form label {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#333333;text-align:left;}



#content #context #form input {width:100px;height:28px;margin:10px 0 15px 0;padding:0 5px;border:none;display:block;background:url(images/form_inputbg.jpg) no-repeat;}



#content #context #form textarea {width:472px;height:48px;margin:10px 0 0 0;padding:5px;border:none;background:url(images/form_textareabg.jpg) no-repeat;display:block;}



#content #context #form input.button {width:112px;height:30px;margin:0 45px 0 0;padding:0;border:none;background:url(images/form_gobutton.jpg) no-repeat;display:block;float:right;}



#content #context #form input.check {width:18px;height:14px;margin:0 5px 0 0;padding:0;background:none;display:block;float:left;}



#content #context #form .option {width:auto;margin:10px 0 0 0;float:left;}



#content #context #form .input-wrap {width:110px;margin:0 12px 0 0;float:left;}



#content #context #form .fieldset {border:0px;}









      







/* ==[ FOOTER ]== */



div#footer {width:100%;margin:0;text-align:center; margin:0;padding:0 0 0 15px;list-style-type:none; margin:-1px 0 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;display:block;} 



   #footer ul {margin:0;padding:0 0 0 15px;list-style-type:none; margin:-1px 0 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;display:block;}



   #footer ul li {height:11px;margin:0;padding:0 5px; margin:-1px 0 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;display:block;}



   #footer ul li.page-item-37 {border:none;}



   #footer ul li a {height:11px;margin:0;padding:0 5px; margin:-1px 0 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;display:block;}



   #footer ul li a:hover {margin:-1px 0 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;display:block;}







/* ==[ FORM ]== */







