 /*
Theme Name: Kerr & Kerr
Theme URI: http://www.kerrkerr.com
Description: The default theme for Kerr & Kerr.
Version: 
Author: Maxwell Berkel
Author URI: http://solomediaworks.com/
Tags: one/two column

	This theme was designed and built by Maxwell Berkel.
	Developer at Solo Media Works (http://www.solomediaworks.com)

*/

html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0}table{border-collapse:collapse; border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}del,ins{text-decoration:none}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*** General Styles ***/
a { color: #024629;	text-decoration: none; }
a:hover {	color: #00673A; }
a.back-to-top { font-size: 12px; }
a.highlight, a.highlight:hover, span.highlight, p.highlight { color: #00673A; }
a:link, a:visited { color: #20523C; }
a.bulleted { background: url(images/bullet2.jpg) no-repeat 0 3px; padding-left: 16px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #020202; background: #ffffff; text-align: center; }

em { font-style: italic; }

h1, h2, h3, h4, h5, h6 { display: block; font-family: helvetica, arial, san-serif; font-weight: normal;	color: #000; margin: 0 0 10px 0; clear: both; }
h1 { font-size: 29px; margin-bottom: 12px; }
h2 { font-size: 22px;	margin-bottom: 5px; }
h3 { font-size: 18px; margin-bottom: 2px; }
h4 { font-size: 18px; }

h1.skip-sifr embed { display: none; }
h1.skip-sifr { text-indent: -99999px; }

h1.general-accounting { height: 59px; background:  url(images/hdr2_general_accounting.png) no-repeat top left; text-indent: -99999px; margin-top: -18px; }
h1.tax-services { height: 61px; background:  url(images/hdr2_tax_services.png) no-repeat top left; text-indent: -99999px; margin-top: -18px; }
h1.business-services { height: 64px; background:  url(images/hdr2_business_services.png) no-repeat top left; text-indent: -99999px; margin-top: -18px; }
h1.corporate-identity { height: 80px; background:  url(images/hdr2_corporate_identity_and_branding.png) no-repeat top left; text-indent: -99999px; margin-top: -18px; }
h1.project-management { height: 59px; background:  url(images/hdr2_project_management.png) no-repeat top left; text-indent: -99999px; margin-top: -18px; }
h1.corporate-training { height: 71px; background:  url(images/hdr2_training.png) no-repeat top left; text-indent: -99999px; margin-top: -18px; }
h1.welcome { display: block; height: 71px; background:  url(images/hdr2_welcome.png) no-repeat top left; text-indent: -99999px; margin-top: -18px; }

img, a img { border: 0; }
img.bordered, iframe.bordered { background: #efefef; border: 1px solid #dddddd; padding: 4px; }
img.left { float: left; margin: 4px 12px 8px 0; }
img.right { float: right; margin: 4px 0 8px 12px; }
img.photo { border: 1px solid #DAE8E2; padding: 4px; }

hr { border: 0; border-bottom: 1px dotted #bbbbbb; margin: 20px 0; clear: both; }
p {	margin: 0 0 12px 0; }

ol { margin: 5px 0 15px; clear: both; }
ol li { display: list-item; list-style: decimal; margin: 0 0 6px 28px; clear: both; }
ul { margin: 10px 0 12px; }
ul li { list-style: circle url(images/bullet2.jpg); margin: 0 0 6px 16px; padding-left: 2px; }

p.error, span.error { color: #ff0000; }
p.required, span.required {	color: #ff0000; }


/***  Wrapper styles ***/
#wrapper { width: 800px; text-align: left; background: url(images/wrapper_bg.jpg) repeat-y top center; padding: 0 10px; margin: 0 auto; clear: both; }


/*** Header styles ***/
#header { height: 133px; background: url(images/header_bg.jpg) no-repeat top center; clear: both; }

#logo { display: block; height: 133px; text-indent: -99999px; clear: both; }


/*** Navigation styles ***/
#nav { height: 29px; list-style: none;  font-size: 13px; padding: 0 0 0 18px; margin: 0; clear: both; }
#nav li { float: left; list-style: none; padding: 0; margin: 0; }
#nav li a { display: block; color: #fff; background: url(images/navigation_divider.jpg) no-repeat top left; padding: 7px 17px 7px; }
#nav li a:hover, #nav li a.selected { color: #fff; background: #0e985d; }
#nav li.first a { background-image: none; }

#nav li ul { position: absolute; display: none; width: 160px; background: #e7e088 url(images/nav_dropdown_bg.jpg) repeat-x top center; list-style: none; padding: 5px 0 15px; margin: 0; }
#nav li ul li { width: 160px; list-style: none; font-weight: normal; padding: 0;  margin: 0; }
#nav li ul.large, #nav li ul.large li { width: 235px; }
#nav ul li a { color: #024629; background: none; padding: 4px 0 5px 17px; margin: 0; }
#nav ul li a:hover { color: #024629; background: none; }


/*** Content styles ***/
#content { min-height: 420px; background: url(images/content_bg.jpg) no-repeat top center; padding: 0 0 25px; margin: 0; clear: both; }

#content-main { width: 500px; float: right; padding: 70px 30px 0 0; }

#content-sidebar { width: 218px; float: left; padding: 113px 0 0; margin-left: 15px; }

#flash-sidebar-image { clear: both;}

#social-sharing { height: 45px; padding: 0; margin: 20px 0 10px; clear: both; }
#social-sharing p { margin-bottom: 6px; clear: both; }
#social-sharing .facebook { display: block; width: 27px; height: 27px; float: left; padding: 0; margin: 0; }
#social-sharing .twitter { display: block; width: 27px; height: 27px; float: left; padding: 0; margin: 0 0 0 10px; }
#social-sharing .rss { display: block; width: 27px; height: 27px; float: left; padding: 0; margin: 0 0 0 10px; }

#social-sharing.padded .facebook { margin-left: 60px; }

.special-letter { float: left; margin: 0 4px 4px 0; }

ul.leadership { clear: both; }
ul.leadership li { width: 220px; height: 65px; float: left; }
ul.leadership li img { margin-top: 5px; }

.testimonial { display: none; margin: 15px 0 0; }
.toggle-testimonial { font-weight: bold; }

#home-icons { height: 145px; list-style: none; padding: 0;margin: 15px 0 0;	clear: both; }
#home-icons li { 	width: 82px;	height: 120px; float: left; list-style: none; text-align: center; padding: 0; margin: 0; }

.flash-required { display: none; background: #FFE2E4; border: 1px solid #FFB6BB; text-align: left; padding: 15px; margin: 5px auto 10px; clear: both; }
.flash-required img { float: left; border: 0; margin-right: 20px; }

#status-message { margin: 0 0 20px 0; padding: 12px 15px; }
#status-message.error { color: #000; border: 1px solid #FDFF9A; background: #FEFFAA; }
#status-message.success { color: #000; border: 1px solid #eaeaea; background: #fff; }


/*** Footer styles ***/
#footer { width: 800px; height: 25px; font-size: 10px; color: #444; text-align: right; background: url(images/footer_bg.jpg) no-repeat top center; padding: 66px 35px 0; margin: 0 auto; clear: both; }

#footer-navigation { height: 16px; float: right; padding: 0; margin: 0 0 0 20px; clear: both; }
#footer-navigation li {	display: inline; height: 16px; list-style: none; font-size: 11px; padding: 0; margin: 0; }

#footer-navigation a { margin: 0 9px; }
#footer-navigation li.last a { margin-right: 0; }


/*** Blog ***/
.blog-post h2 { margin-bottom: 4px; }
.blog-post .author { margin-left: 1px; }
.blog-post .blog-entry { margin: 18px 0 20px; clear: both; }
.blog-post .blog-entry .more-link { display: block; margin-top: 10px; clear: both; }
.blog-comments { margin: 20px 0 0; clear: both; }

#blog-archive { padding: 0 0 0 15px; margin: 0 0 30px; clear: both; }

#daily-verse { padding: 0 0 0 15px; margin: 0 0 30px; clear: both; }

.blog-author-summary { margin: 18px 0 20px; clear: both; }

#blog-categories { padding: 0 0 0 15px; margin: 0 0 30px; clear: both; }
#blog-categories h3 { margin-bottom: 8px; }
#blog-categories ul { padding: 0; margin: 0; }
#blog-categories ul li { padding: 2px 0; margin-left: 20px; }
#blog-categories ul li ul { padding: 0; margin: 0; clear: both; }
#blog-categories ul li ul li { padding: 2px 0; margin: 0 0 0 20px; }

#though-for-the-week { padding: 0 0 0 15px; margin: 0 0 30px; clear: both; }

#blog-welcome #social-sharing .facebook { float: left; margin: 0; clear: none; }
#blog-welcome #social-sharing .twitter { float: left; margin: 0 0 0 6px; clear: none; }


/*** Contact Us ***/
#contact-form { width: 320px; float: left; margin: 15px 0 0; }

#contact-details { width: 160px; float: right; line-height: 140%; margin: 15px 0 0; }


/*** Faqs ***/
dl.faqs-list { margin: 10px 0 0; clear: both; }
dl.faqs-list dt { font-weight: bold; padding: 0; margin: 2px 0 8px; clear: both; }
dl.faqs-list dd { padding: 0 0 0 18px; margin: 0 0 20px; clear: both; }


/*** Events Booking ***/
.booking_form { margin: 18px 0 0; }


/*** Button styles ***/
button, button:hover { width: 165px; height: 30px; border: 0; text-align: center; background: #E3E014; color: #013603; font-weight: bold; font-size: 15px; }

a.make-appointment { display: block; width: 255px; height: 53px; background: url(images/btn_make_appointment4.jpg) no-repeat top left; text-indent: -99999px; }


/*** UI Tabs ***/
ul.tabs { list-style:none; margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; }
ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style:none !important; }

ul.tabs a { background: url(images/tabs_bg.png) no-repeat -652px 0; font-size:15px; font-weight: bold;	display:block; height: 30px; line-height:30px; width: 111px; text-align:center; text-decoration:none; color:#000; padding:0px; margin:0px; position:relative; top:1px; }
ul.tabs a:active { outline:none; }
Ul.tabs a:hover { background-position: -652px -31px; color:#fff;	}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -652px -62px; cursor:default !important; color:#000 !important; }

ul.tabs a.w1 { background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

ul.tabs a.w2 { background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }

ul.tabs a.w3 { background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

ul.tabs a.w4 { background-position: -0px -0px; width:248px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }

div.panes div.pane { display:none; }
div.panes div { min-height: 290px; border:1px solid #999; border-top:0; padding: 15px; }
