/*  
Theme Name: Cay Insurance
Theme URI: 
Description: A Custom WordPress Theme
Version: 1.0
Author: 
Author URI: 
*/


/* *** CLEAR ALL PADDING AND MARGINS  *** */

* { margin: 0; padding: 0; }


/* *** GENERAL STYLES  *** */

a { color: #003E7E; }

body  {
	font: 14px Georgia, "Times New Roman", Times, serif;
	background: #CDCCAD;
	line-height: 1.6em;
	text-align: center;
	color: #000000;
}


/* *** GENERAL LAYOUT  *** */

#container { 
	width: 838px;
	background: url(images/bodybg.gif) repeat-y #FFF;
	margin: 0 auto;
	text-align: left;
} 


/* *** HEADER LAYOUT & STYLES *** */

#header { 
	background: url(images/header.jpg) no-repeat;
	height: 193px;
	margin-bottom: 20px;
} 

#header h1 span,
.logo span {
	display: none;
}


/* *** TOP MENU LAYOUT & STYLES *** */

.mainMenu {
	color: #FFF;
	list-style: none;
	position: relative;
	top: 162px;
	text-align: center;
}

.mainMenu li {
	display: inline;
	padding: 0 15px;
	text-transform: uppercase;
}

.mainMenu li a {
	text-decoration: none;
}

.mainMenu li a:hover, .mainMenu li.current_page_item a { text-decoration: underline; }
/* .mainMenu li a:hover { text-decoration: underline; } */

/* *** INNER MENU LAYOUT & STYLES *** */

.innerMenu {
	color: #AB9E6F;
	list-style: none;
	position: relative;
	top: -60px;
}

.innerMenu li {
	display: inline;
	font-size: 12px;
	padding: 0 7px;
	text-transform: uppercase;
        border-right: 1px solid #003E7E;
}

.innerMenu li a {
	text-decoration: none;
}

.innerMenu li a:hover { text-decoration: underline; }

/* *** SIDEBAR LAYOUT & STYLES *** */

#sidebar {
	float: left;
	width: 194px;
	padding: 15px 10px 15px 30px;
}

#sidebar p { 
	color: #AB9E6F;
	font-size: 10px;
	line-height: 3em;
	padding-top: 20px;
	width: 150px;
}

.logo {
	background: url(images/logo.jpg) no-repeat;
	height: 70px;
	width: 144px;
}


/* *** MAIN CONTENT LAYOUT & STYLES *** */

#mainContent { 
	margin: 0 0 0 214px;
	padding: 40px 20px;
} 

#mainContent p { padding: 8px 0; }

#mainContent p.firstPara:first-line { text-transform: uppercase; }

.innerAlt { margin-bottom: 40px; }

.mcSection { width: 340px; }
.innerAlt .mcSection { width: 400px; }

.mcSection h2,
.mcSection h3 {
	color: #003E7E;
	font-weight: normal;
	margin-bottom: -8px;
        margin-top: 12px;
}

.mcSection h2 {margin-top: 0; }

.innerAlt .mcSection h2 { margin-bottom: 0; }

.mcSection h2 { font-size: 18px; }
.mcSection h3 { font-size: 14px; }

.mcSection ul { margin-left: 14px; }

.testimonial {
	background: #EFEFE5;
	float: right;
	font-size: 13px;
	margin-bottom: 20px;
	padding: 20px 10px;
	position: relative;
	top: -20px;
	width: 210px;
}


.testimonial h3 {
	color: #003E7E;
	font-size: 12px;
}


#mainContent .testimonial p {
	line-height: 1.5em;
	padding: 4px 0;
}

#mainContent .testGiver {
	color: #003E7E;
	font-size: 11px;
	padding: 0;
}

#wp_quotes {

}

#wp_quotes div.wp_quotes_quote {
	line-height: 1.5em;
	padding: 4px 0;
}

#wp_quotes div.wp_quotes_author
{
	color: #003E7E;
	font-size: 11px;
	padding: 0;
}

.mcPhoto {
	float: right;
	padding: 10px;
	position: relative;
	top: -20px;
	width: 210px;
}

.innerAlt .mcPhoto { width: 160px; }


/* *** PROVIDER PAGE LAYOUT & STYLES *** */

#providers {
	background: url(images/bodybg3.gif) repeat-y #FFF; }

.personal {
	float: left;
	padding: 20px;
	position: relative;
	width: 240px;
        border-right: 1px solid #7b9ab6;
}

.personal h2 {
	color: #003E7E;
	font-weight: normal;
        float: left;
        margin-bottom: 20px;
}

.personal img, .commercial img { padding: 10px 0; }

.personal.small img, .commercial.small img { padding: 30px, 0; }

.commercial {
	float: right;
	padding: 20px;
	position: relative;
	width: 220px;
}

.commercial h2 {
	color: #003E7E;
	font-weight: normal;
        float: right;
        margin-bottom: 20px;
        margin-right: 10px
}

/* *** FOOTER LAYOUT & STYLES *** */

#footer { 
	background: url(images/footer.jpg) repeat-x;
	text-align: center;
	height: 123px;
} 

#footer p.ftop {
	font-size: 13px;
}

#footer .fbottom {
	padding-top: 14px;
}

#footer .fbottom p {
	color: #FFF;
	font-size: 12px;
}

#footer .fbottom a {
	color: #FFF;
	text-decoration: none;
}

#footer .fbottom a:hover {
	text-decoration: underline;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.alignleft {
	float: left;
}

.alignright {
	float: right;
}