/*  

Theme Name: Fourie Insurance

Description: A WordPress theme for Fourie Insurance

Author: Janet Danforth

Author URL: http://strategicguru.com*/


body { background: #fff; font-family: verdana, arial, helvetica, sans-serif; font-size:75%; color:#00497e; padding:0 0 30px 0; margin:0; }

a { color: #00b0c7; }

a:hover{ text-decoration:underline;}

h1 {margin:0; padding:0;}

h2 { color: #61a419; font-size:1.4em; }

.container {
width:994px; clear:both; background:#fff; margin:0 auto;}


.column.span-3.first {width:316px; float:left; padding: 15px 0 2015px 10px; margin: 0 0 -2000px 0; border-left:1px solid #61a419;  overflow:visible; background-color:#;}

.main {float:left; width:634px; padding:15px 15px 15px 0; margin-right:10px; margin-left:0;}

hr {text-shadow:none; border:1px solid #00b0c7;}

#content {overflow:hidden;}

.clearfloat{clear:both; }



p {text-align:left; padding:0; line-height:1.7em;}



.half {width:310px; float:left; padding-right:35px;}

.half-two {width:287px; float:left; padding-bottom:25px; }

#content .half-two h3 {padding-top:10px;}
.half-two a {clear:left; display:block; line-height:20px;}

.half-two #cforms2form input {float:left; display:inline;}
.half-two #cforms2form .sendbutton {float:left; display:inline; margin-left:0; height:25px; margin-top:0px; clear:both; }
.half-two #cforms2form ol.cf-ol li, .half-two #cforms2form ol.cf-ol {display:inline; width:165px; float:left;}


/* Header styles







-------------------------------------------------------------- */







#top { width:994px; height:207px; padding:0; margin:0 auto; clear:both;display:block;}


#top a {color:#fff; text-transform:uppercase; letter-spacing:.2em; text-align:center; font-weight:bold; font-size:1.5em; text-decoration:none; height:20px; position:relative; z-index:10; top:-343px; width:330px; display:block;padding-top:170px; margin-bottom:-170px;}

#top ul, li {margin:0 0 -170px 0; padding:0; display:inline; float:left; list-style-type:none;padding-top:170px; height:20px;}

#top ul {padding-bottom:4px;}



#logo {clear:both; margin:0 auto; padding:0; background:#fff; width:994px; display:block;}

a#home { float:left; display:inline; background:url(images/fourie-logo.jpg) no-repeat;  width:215px; height:44px; padding:20px; margin:20px; }



#logo h2 {float:left; width:1px; margin:17px 0 00;}



#logo span {display:none;}













/* Footer



-------------------------------------------------------------- */





.footer { padding: 0; color: #00497e; text-align:center;  width: 994px; border:none;  margin:10px auto; border-top:1px solid #00497e; }



.footer p {padding:5px 0 0 5px; width:100%; text-align:center; display:inline; float:left; margin-top:2px; font-size:80%;}



.footer ul, .footer li {list-style-type:none; display:inline;padding:0; float:left; font-size:1em;}



.footer ul {display:block; margin:0; padding:0; clear:both;}



.footer li {margin:5px 10px 5px 0;}

.footer li a {color:#00b0c7; }









/* Search and navigation







-------------------------------------------------------------- */











#search-form { padding:8px 0 0 0; float:right; display:block; margin:20px 0 4px 30px; clear:right; width:235px; }



ul#menu { padding:0; margin:20px 0; text-align:center;  z-index:1; float:right;list-style-type:none; display:block;} /* Safari hack - otherwise menus are not fully accessable */ 

#menu li, .services li, .footer-services li { float: left;  padding:0; margin:0;  font-size:.9em; color:#00a4ef; text-align:center; list-style-type:none;}

#menu li a {padding:15px 0 15px 30px; text-decoration: none; color:#00497e; list-style-type:none; display: block; margin:0; text-align:center;  }

.footer-services li a {padding:0 15px;}

#menu li a:hover, .current_page_item a {color:#61a419;}

.footer-services .current_page_item a {color:#61a419;}

#menu li:hover, #menu li.sfhover { /* ie7 hack - otherwise menus stay forever */

position: static;}

#menu li ul { margin:0; padding: 0; position: absolute; left: -999em;  }

#menu li ul a {margin:0; padding:5px; border-bottom:1px solid #fff; width:100px;text-align:left; color:#fff; background:#00b0c7 url(images/button.jpg) repeat-x bottom;}
#menu li ul a:hover {background:#61a419 url(images/button2.jpg) repeat-x top; color:#fff;}

#menu li ul li { display: inline; /* IE5.5 hack - otherwise subemenus are not accessable */

float: none; }

#menu li li ul {margin: -20% 0 0 99%; position: absolute; left: -999em; }

#menu li li li ul {position: absolute;left: -999em;}

#menu li:hover ul ul, #menu li:hover ul ul ul,

#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul,

#menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left: auto;}


/* Home page columns







-------------------------------------------------------------- */



#featured {margin:10px 0;}





.span-14 {clear:both; margin:0; padding:0;}









#content.service {width:630px; padding:10px; margin:0; clear:left; display:block; _width:610px; float:left;}





#content p {margin:10px 0; font-style:normal; font-weight:normal; color:#00497e;font-size:88%; line-height:150%; text-align:left;  _line-height:1em;}



#content ul {font-size:1em; font-style:normal; font-weight:normal; margin:0 10px; padding:0;font-size:.9em;   display:block; float:none;height:auto; }



#content ul li {font-size:1em; margin:8px 10px; padding:0; display:list-item; float:none; height:auto; list-style-position:inside; list-style-type:square;}

#content ol li {list-style-type:decimal; font-size:1em; margin:8px 10px; padding:0; display:block; float:none; height:auto; list-style-position:inside;}











#content .gallery, #content .gallery-row {padding-top:15px;}

















/* category list */



h2.ind-sidebar {width:286px; height:286px; padding:15px 0 0 0; margin:0;background:url(images/individuals.png) no-repeat bottom right; _background:url(images/individuals.gif) no-repeat;}

h2.ind-sidebar span {display:none;}



h2.bus-sidebar {width:286px; height:286px; padding:15px 0 0 0; margin:0;background:url(images/businesses.png) no-repeat bottom right; _background:url(images/businesses.gif) no-repeat;}

h2.bus-sidebar span {display:none;}





#side_categories { margin: 10px 0 1em 0; }







ul.cat {list-style-type:none; margin:0; padding:0;}







ul.cat li { padding: 0 0 0.3em 0; margin: 0; border-bottom: 2px solid #ddd; font-style:italic;}







ul.cat li a { display: block; font-size: 1em; font-weight: bold; color: #333; padding: 5px 10px 0 10px; margin: 0;  }







ul.cat li a:hover {color: #00b0c7; text-decoration: none; }







ul.cat li ul { list-style: none; list-style-image:none; margin: 0; padding: 0.3em 0 0.2em 0.8em; }







ul.cat li ul li { padding: 0; margin: 0; }







ul.cat li ul li a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; height: 19px; }





form #searchform {display:inline;}





.linkcat {list-style-type:none; margin:0 -3px 0 10px; padding:0; border:1px solid #ddd; background-color:#fff;}





.linkcat h2 {display:none;}





ul.xoxo {background-color:#f4f4f3; padding:5px; margin:7px; list-style-type:none; font-size:.9em;}





.xoxo li {padding:6px 0; margin:0;}





ul.mainservices {margin:0;padding:10px 0 0 10px; text-align:left; display:block;  float:left; font-size:.9em;} 



.mainservices li {margin:10px 0;}



#mainsection ul.services {margin:0 0 10px 0;padding:0; text-align:center; display:block; clear:both; float:right; font-size:.9em; width:290px; font-weight:normal;} 





ul.services {margin:0 0 25px 0; padding:0; height:auto; display:block;}



.services li {list-style-type:none;margin:5px 0;padding:0; display:block; text-align:left; height:auto;}







.services li a {text-decoration:none; display:block; height:auto; margin:10px 15px;}



.services li a:hover, .services .current_page_item a {text-decoration:underline; }



#content p.crumbs {font-size:80%; text-align:center;}



/** widgets **/











.widget { margin: 0; #margin-top:5px; padding:0; display:block; font-size:85%;}







.widget a { color: #fff; }







.widget a:hover { color: #00497e; text-decoration:none;}







.widget ul, .widget ol { list-style: none; padding: 0; margin: 0; }







.widget ul li { padding: 0 0 0.3em 20px; margin: 0 0 0.5em 0;  }







.widget ol li { padding: 0 0 0.3em 10px; margin: 0 0 0.5em 0;  }







.widget h3 {font-size:1em; font-weight:normal; color:#00b0c7; text-align:left; }





.widget_random_one_cat {margin-top:220px; background:url(images/quote.jpg) no-repeat top left; padding:15px 0 0 15px;}








#content .column.span-3.first .widget p, #content .column.span-3.first .widget h4 {margin:5px inherit 0 inherit; _margin:0; text-align:left;}


#content .widget h4 {font-size:1em; display:block; color:#61a419; font-weight:bold; margin-top:10px;}

.widget h5 {font-size:1em; color:#61a419; font-weight:normal; margin:0;}






/* Archive styles







-------------------------------------------------------------- */



#arch_content, #post_content { margin: 0; clear:both;}







.archive_meta { margin: 1.5em 0;  }







.archive_meta a { font-weight:bold; }







.archive_meta a:hover { border-bottom:1px solid #00b0c7; }







.archive_feed { padding: 0.5em 1.5em; margin: 0; color: #00b0c7; }







.archive_number { padding: 0; margin: 0; color: #00497e; text-align:center; font-size:1em;}







span.results {color:#00b0c7;}







.archive_email { padding: 0.5em 1.5em; margin: 0; color: #00b0c7;  }







.archive_post_block { padding:0; margin: 10px 0; display:block; clear:left;}







.archive_post_meta { color: #00b0c7; padding: 0 0 0.6em 0;}







.archive_post_meta a, .post_meta a { color: #00b0c7; font-weight:bold; }







.archive_post_meta a:hover, .post_meta a:hover { border-bottom:1px solid #00b0c7; }









/* Single post styles







-------------------------------------------------------------- */







.post_meta { color: #00497e; padding: 0.3em 0 1.4em 0; }







.post_meta_tag { color: #00497e; }







.post_meta p img { margin: 0; padding: 0; float: none; }







.post_meta p { margin: 0 0 0.4em 0; }







#post_content blockquote { float: right; width: 260px; margin: 0 0 0 1.5em; color: #999; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; }







#post_content blockquote p { text-align: right; line-height: 1.5em; }







#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }







#post_content p a, #arch_content p a { color: #00b0c7; }







#post_content p a:hover, #arch_content p a:hover { color: #00497e; text-decoration: none; }








#content .column.span-3.first li {list-style-type:none; margin-left: -10px; margin-bottom:-10px;}



/* archives page */





ul.archives, ul.wp-tag-cloud {  margin: 0 0 1.5em 0; list-style: none; }







ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 20px; }







ul.archives li a, ul.wp-tag-cloud li a { color: #eee; }







ul.archives li a:hover, ul.wp-tag-cloud li a:hover { color: #999; background: #eee; }





#servicelist li {text-decoration:none; border-bottom:#00b0c7 solid 1px; font-size:1em; margin:10px 0 20px 10px;}





#servicelist li a {text-decoration:none; border-bottom:#00b0c7 solid 1px; font-size:1em; display:block}















/* Form styles





-------------------------------------------------------------- */





input.search_input { width: 140px; height: 14px; border: 0; background: #fff; padding: 2px 5px; color: #61a419; margin: 2px 0 0 0; float: left; border:1px solid #61a419;}







input.submit_input { border:1px solid #61a419; height: 20px; padding:0 0 5px 0; width: 75px; margin: 2px 0 0 5px; color: #fff; float: left; background: url(images/button.jpg) repeat-x;  font-size:1em; text-transform: uppercase;}









/* Miscellaneous styles







-------------------------------------------------------------- */



.imgtfe, .imgfte {width:100px;height:100px;}







.gallery-item img {border: none;}







.gallery-item a img {border: 3px solid #00b0c7;padding:5px;}





.gallery-item a img:hover  {background-color:#00b0c7;}







a img.imgtfe {float:left;margin:0 5px 5px 0;display:inline;}







#home_about p.attachment a img.attachment-medium {float:left;margin:0 15px 15px 0;}





img.alignleft, #home_about p img.alignleft, p img.alignleft {float:left;margin: 0 15px 15px 0;}





img.alignright, #home_about p img.alignright, p img.alignright {float:right;margin: 0 0 15px 15px;}







/*  heading styles */







h2.archive_name, h2.post_name { padding:0px; margin: -5px 0 10px 0; display:block; overflow:visible; color:#00b0c7; font-weight:bold; font-size:1.5em}





h2.post_cat { font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #00b0c7; }







h2.post_comm { font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada;  }







h2.post_comm2 { font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }







#content h3 {font-size:1.2em; color:#00497e;  padding: 0 0 0.2em 0; margin:0;  }










#content h3.featured {border:none;  font-variant: small-caps; font-size:1em; font-style:normal; display:inline; font-weight:normal; margin-top:15px;}



#content h3.mast {font-size:1em;line-height:1em;margin:5px 15px; display:block; clear:both; padding:0; }



#content h3.mast2 { font-size: 85%; margin:0 inherit; line-height: .5em; color:#00497e; padding: 0; font-weight:normal; text-transform:uppercase; letter-spacing:.1em; }
 



h3.mast3, #content h3.mast3 a { font-size: 1.1em; line-height: 1em; font-weight: normal; color: #00b0c7;border:none; }














#content h3.mast5 { font-size: .9em; color:#00b0c7; text-align:left; line-height:1em;margin:10px 0;  border:none;}







h3.mast6 { font-size: 1em; font-weight:bold; color:#00b0c7; text-align:left; line-height:1em;margin:-15px 0 0 0; border:none; padding-bottom:15px;}







h3.archive_title, #content h3.archive_title { line-height: 1em; padding: 0 0 5px 0; display:block; font-size:1.3em; color: #00b0c7;  border:none; font-weight:normal;  }







#content h3.archive_title a { color: #00b0c7; border:none; font-weight:normal; text-decoration:none;}







#content h3.archive_title a:hover { color: #00b0c7; }







#content h4 {color:#00497e; font-weight:bold; margin:0; display:inline;font-size:95%;}







#content .current_page_item {display:none}







/* miscellaneous */















.none { display: none; }







.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }







.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }







.navigation { color: #818181; }







input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }







input.buttonem { background: #dadada; float: left; }



















/* image caption classes */















.wp-caption.alignleft { float: left; margin: 0 10px 10px 0; padding: 0; text-align: left; display:inline; font-style:italic; border-bottom:1px solid #00a4ef;}







.wp-caption.alignright { float: right; margin: 0 0 10px 10px; padding: 0; text-align: left; display:inline; font-style:italic; border-bottom:1px solid #00a4ef;}



.wp-caption-text {font-size:.9em; }









.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }



ul#individual {background:#00b0c7 url(images/individuals-on.jpg) no-repeat; width:327px;  display:block; }

ul#business {background:#00497e url(images/business-on.jpg) no-repeat top right; width:331px; display:block; }

ul#senior {background:#61a419 url(images/seniors-on.jpg) no-repeat; width:333px; display:block;  }



ul#individual:hover, ul#individuals {background:#00b0c7 url(images/individuals.jpg) no-repeat; width:327px;}

ul#business:hover, ul#businesses {background:#00497e url(images/business.jpg) no-repeat top right; width:331px; }

ul#senior:hover, ul#seniors {background:#61a419 url(images/seniors.jpg) no-repeat; width:333px;}