@charset "utf-8";
/* CSS Document */

/* 
	Theme Name: Stevens-Dell Insurance
	Theme URL: http://www.stevens-dell.com
	Description: This custom theme was developed by <a href="http://www.lamplightmedia.net" >Lamplight Media</a>.
	Author: Lamplight Media
	Author URI: http://www.lamplightmedia.net
	Version: 1.0
	
	Changelog:
		v1.0 - 10/30/2009
*/


html {
	border:0px;
	min-width:960px;
}

body {
	margin:0px;
	padding:0px;
	background: #e3e3e3 url(images/bg_outer.jpg) 0px 115px repeat-x;
	font-family:GillSans, Calibri, Trebuchet, sans-serif;
	font-size:14px;
}

#wrapper {
	width:960px;
	margin:auto;
	border:0px;
	border:1px solid #525C6F;
	background:#FFF url(images/bg_inner.jpg) 0px 90px repeat-x;
	margin-top:24px;
}

img {
	outline:none;
	border:none;
}

a {outline:none; color:#596b99;}

a:hover {text-decoration:none;}

/*******************  HEADER AND NAV ****************************/

#header {
	height:90px;
}

#header img.logo {
	float:left;
	margin-top:20px;
	margin-left:20px;
	border:0px;
}

ul#nav {
	float:right;
	margin-top:28px;
	margin-right:20px;
	list-style:none;
	height:36px;
	width:605px;
	padding:0px;
}

#nav li {
	float:left;
}

#nav li a.home {
	width:81px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_home.jpg) 0px 0px no-repeat;
}

#nav li a.home:hover {
	background:url(images/menu_home.jpg) 0px -36px no-repeat;
}

#nav li a.home_active {
	width:81px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_home.jpg) 0px -72px no-repeat;
}

#nav li a.about {
	width:97px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_about.jpg) 0px 0px no-repeat;
}

#nav li a.about:hover {
	background:url(images/menu_about.jpg) 0px -36px no-repeat;
}

#nav li a.about_active {
	width:97px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_about.jpg) 0px -72px no-repeat;
}

#aboutSubNav {
	display:none;
	width:150px;
	border:1px solid #ababab;
	float:left; margin:auto; position:absolute; z-index:100;
	list-style:none;
	top:88px;
	padding:0px;
}

#aboutSubNav li{background:#e3e3e3; width:100%; float:left;}
#aboutSubNav li a{color:#4C4C4C; text-decoration:none; padding:5px; display:block;}
#aboutSubNav li a:hover{font-weight:bold;}

#quoteSubNav {
	display:none;
	width:190px;
	border:1px solid #ababab;
	float:left; position:absolute; z-index:100;
	list-style:none;
	padding:0px;
	top:88px;
	margin:0px;
}

#quoteSubNav li{background:#e3e3e3; width:100%; float:left;}
#quoteSubNav li a{color:#4C4C4C; text-decoration:none; padding:5px; display:block;}
#quoteSubNav li a:hover{font-weight:bold;}

#existingSubNav {
	display:none;
	width:150px;
	border:1px solid #ababab;
	float:left; margin:auto; position:absolute; z-index:100;
	list-style:none;
	top:88px;
	padding:0px;
}

#existingSubNav li{background:#e3e3e3; width:100%; float:left;}
#existingSubNav li a{color:#4C4C4C; text-decoration:none; padding:5px; display:block;}
#existingSubNav li a:hover{font-weight:bold;}

#aboutSubNav li.alt, #quoteSubNav li.alt, #existingSubNav li.alt {background:#f3f3f3;}

#nav li a.quote {
	width:149px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_quote.jpg) 0px 0px no-repeat;
}

#nav li a.quote:hover {
	background:url(images/menu_quote.jpg) 0px -36px no-repeat;
}

#nav li a.quote_active {
	width:149px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_quote.jpg) 0px -72px no-repeat;
}

#nav li a.existing {
	width:166px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_customers.jpg) 0px 0px no-repeat;
}

#nav li a.existing:hover {
	background:url(images/menu_customers.jpg) 0px -36px no-repeat;
}

#nav li a.existing_active {
	width:166px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_customers.jpg) 0px -72px no-repeat;
}

#nav li a.contact {
	width:112px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_contact.jpg) 0px 0px no-repeat;
}

#nav li a.contact:hover {
	background:url(images/menu_contact.jpg) 0px -36px no-repeat;
}

#nav li a.contact_active {
	width:112px;
	height:36px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(images/menu_contact.jpg) 0px -72px no-repeat;
}


/******************* END HEADER AND NAV ****************************/

/******************* HOME PAGE ELEMENTS ****************************/

#homeFeature { 
	height:284px;
	width:960px;
}

#homeFeature_left{
	float:left;
	width:410px;
	height:284px;
	
}

#homeFeature p {
	color:#fff;
	margin-left:20px;
	font-size:14px;
	float:left;
}

#shadowBox {
	background: url(images/home_shadowbox.png) top left no-repeat;
	background-color:transparent;
	width:550px;
	height:284px;
	float:right;
	z-index:1;
}

#shadowBox img {
	/*margin-top:27px;
	margin-left:25px;*/
	padding:27px 25px 27px 25px;
}

#taglineImg {
	margin-left:50px;
	margin-top:40px;
	margin-bottom:10px;
}

#homeContent {
	margin:17px 20px 20px 20px;
}

#homeContentLeft {
	float:left;
	width:686px;
}

#homeContentRight {
	float:right;
	width:224px;
	margin-top:4px;
	padding-bottom: 5px;
	background:url(images/currentcustomers_bg.jpg) bottom left no-repeat;
}

#homeContentRight a img {
	width:198px;
	display:block;
	margin:10px auto;
}

#featureBox1, #featureBox2 {
	float:left;
	display:block;
	margin-right:10px;
	border:0px;
	margin-top:0px;
	padding-top:0px;
}

#featureBox3 {
	float:left;
	display:block;
	border:0px;
	margin-top:0px;
	padding-top:0px;
}

#featuredInsurance {
	background:url(images/home_insurance_bg.jpg) top left no-repeat;
	width:686px;
	height:70px;
	margin:15px auto;
}

#insuranceBox1 {
	float:left;
	display:block;
	border:0px;
	margin-top:3px;
	margin-left:73px;
}

#insuranceBox2 {
	float:left;
	display:block;
	border:0px;
	margin-top:3px;
	margin-left:77px;
}

#insuranceBox3 {
	float:left;
	display:block;
	border:0px;
	margin-top:3px;
	margin-left:68px;
}

#insuranceBox4 {
	float:left;
	display:block;
	border:0px;
	margin-top:3px;
	margin-left:85px;
}

#offerings1 {
	float:left;
	color:#4C4C4C;
	margin-bottom:5px;
	margin:0px;
	padding-left: 15px;
	list-style-image:none;
	list-style:disc;
}

#offerings1 li, #offerings2 li {
	float:left;
	font-size:15px;
	margin-right:32px;
	list-style-image:none;
	list-style:disc;
}

#offerings1 li:last-child {margin:0px;}

#offerings2 {
	padding:0px;
	margin-left:20px;
	margin-top:0px;
	color:#4C4C4C;
}


/******************* END HOME PAGE ELEMENTS ****************************/

/******************* PAGE ELEMENTS ****************************/

#pageContent {
	margin:20px;
	width:916px;
	border:2px solid #4A5E81;
	background:#FFF url(images/sidebar_bg.jpg) top right repeat-y;
	font-size:16px;
	color:#444;
}

#pageContentLeft {
	float:left;
	width:650px;
	padding:20px;
}

#pageContentLeft ul {
	list-style-image: url(images/bullet_lg.jpg);	
}

#pageContentLeft li {
	margin:5px auto;
	padding-left:5px;
}

#pageContentLeft li ul {
	list-style:circle;
}

#pageContentLeft li ul li {
	margin:5px auto;
	font-style:italic;
	list-style-image:none;
	list-style:disc;
	padding-left:5px;
}

ul.companyList li{
	width:47%;
	float:left;
}


#pageContentLeft #phoneNumbers {
	list-style:none;
	margin:10px 0px;
	padding:0px;
}

#pageContentLeft #phoneNumbers br {	height:0px; display:none;}


#pageContentLeft #phoneNumbers p{
	margin:0px;
	float:left;
}

#pageContentLeft #phoneNumbers h3 {
	color:#4a5e81;
	margin:0px;
	font-weight:normal;
	border:none;
}

#pageContentLeft #phoneNumbers img{
	padding:2px;
	border:1px solid #4a5e81;
	float:left;
	margin-right:7px;
}

#pageContentLeft #phoneNumbers li {
	float:left;
	width:45%;
	position:relative;
	margin: 10px 10px;
}

#pageImage {
	width:290px;
	height:205px;
	float:left;
	/*background:url(images/internal_photoOuter.png) top left no-repeat;*/
	margin-top:-30px;
	margin-left:-30px;
	margin-right:10px;
	margin-bottom:0px;
}

#pageContentRight {
	float:right;
	width:226px;
}

#pageSubNav {
	padding:0px;
	margin:0px;
	margin-bottom:15px;
}

#pageSubNav li{
	list-style-type:none;
}

#pageSubNav li.current_page_item a {
	display:block;
	height:30px;
	color:#FFF;
	background:url(images/sidebar_menuItem.jpg) -1px -30px no-repeat;
	line-height:30px;
}

#pageSubNav li a {
	display:block;
	height:30px;
	color:#555;
	padding-left:30px;
	font-size:18px;
	background:url(images/sidebar_menuItem.jpg) -1px 0px no-repeat;
	line-height:30px;
	text-decoration:none;
}

#pageSubNav li a:hover {
	display:block;
	height:30px;
	color:#FFF;
	background:url(images/sidebar_menuItem.jpg) -1px -30px no-repeat;
	line-height:30px;
}

#contactInfo {
	color:#555;
	padding:20px 0px 20px 0px;
	text-align:center;
}

#contactInfo a {
	color:#5A719A;
	font-style:italic;
	text-decoration:none;
}

#contactInfo a:hover {
	text-decoration:underline;
}


#offerings {
	padding:20px 0px 20px 0px;
	text-align:center;
}

#offerings a {
	color:#5A719A;
	font-style:italic;
	text-decoration:none;
}

#offerings a:hover {
	text-decoration:underline;
}

#offerings #logos {
	margin:0px 20px 0px 20px;
}

#logos img.left {
	float:left;
	display:block;
	margin-bottom:5px;
}

#logos img.right {
	float:right;
	display:block;
	margin-bottom:5px;
}

#staff {float:left; width:48%; height:124px; margin:8px 0px;}

#staff a {font-style:italic; text-decoration:none;}
#staff a:hover {text-decoration:underline;}

h1.staffName{
	font-size:18px;
	margin:5px 0px 0px 0px; padding:0px;
}

h1.staffTitle {
	font-size:16px;
	color:#6c89b1;
	margin:0px; padding:0px;
	font-weight:normal;
}

#staff p {
	margin:0px; padding:5px 0px;
}

#staff img {
	float:left;
	width:84px;
	height:114px;
	padding:3px;
	border:1px solid #4a5e81;
	margin-right:8px;
}

img.floatright {
	float:right;
	margin:5px 0px 5px 10px;
}

img.floatleft {
	float:left;
	margin:5px 10px 5px 0px;
}

#detailSection {clear:both;}

#detailSection img {
	position:relative;
	top:-10px;
	width:164px;
	height:115px;
}

#detailSection img.quoteBtn {
	width:101px;
	height:20px;
	position:relative;
	top:-3px;
	float:right;
}

#detailSection h2 {
	margin:0px auto 5px;
	width:475px;
	float:right;
}

#detailSection p {
	width:475px;
	float:right;
	margin:0px;
}

#detailSection ul {
width:450px;
float:right;
margin:5px 0px 0px;
padding:0px;
list-style-image: url(images/bullet_lg.jpg);
}

#detailSection li {
	float:left;
	width:50%;
	margin:3px auto;
}


/******************* END PAGE ELEMENTS ****************************/


/******************* H ELEMENTS ************************************/

h2 {
	font-size:20px;
	color:#5A719A;
	border-bottom:1px solid #E3E3E3;
	margin:10px 0px 10px 0px;
	font-weight:normal;
}

h3 {
	font-size:18px;
	color:#596b99;
	border-bottom:1px solid #596b99;
	font-weight:normal;
	margin:15px 0px;
}

h1.pageHeading {
	font-size:28px;
	color:#596B99;
	border-bottom:2px solid #C0C0C0;
	margin:0px 0px 10px 0px;
	padding:0px;
	padding-left:265px;
	font-weight:regular;
	font-style:italic;
}

#pageContentRight h2 {
	font-size:20px;
	color:#4A5E81;
	border:0px;
	margin:10px 0px 6px 20px;
	font-weight:regular;
}

#offerings h2 {
	margin:0px;
	margin-bottom:2px;
	padding:0px;
	text-align:center;
}

/******************* END H ELEMENTS ************************************/

/******************* FOOTER ****************************/

#footer {
	width:960px;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;
	color:#858585;
	font-size:12px;
}

#footer a {
	color:#858585;
	text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}

#footerLeft {
	float:left;
}

#footerMiddle {
	width:150px;
	margin:auto;
	padding-top:5px;
}

#footerRight {
	float:right;
	text-align:right;
}



/******************* END FOOTER ****************************/

/******************* FORMS ****************************/

input.submitBtn {
	background-image: url(images/submit_btn.jpg);
	border:1px solid #ffffff;
	overflow:visible;
	background-color:#ffffff;
	width:106px;
	height:35px;
	margin:auto;
	display:block;
}

input.submitBtn:hover{
	background-position:0px 33px;
}

#formWrapper {
	background-color:#f4f4f4;
	border:solid 1px #cccccc;
	margin:auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	padding-bottom:15px;
	font-size: 14px;
}

#formWrapper p {margin:0px;}

#formWrapper .leftCol {
	width:300px;
	float:left;
}

#formWrapper .rightCol {
	float:right;
}

#formWrapper h3 {
	font-size:14px;
	margin:0px auto 15px;
	color:#666;
	border-color:#666;
}

#formWrapper .req {color:red;}

/*CONTACT FORM*/
#formWrapper.contact input {
	margin: 2px 0px 8px;
	width:270px;
}

#formWrapper.contact .rightCol textarea {
	width:300px;
	height:164px;
	display:block;
}


/*QUOTE FORM*/
#formWrapper.quote {padding:15px 15px 10px 15px;}

#formWrapper.quote input{
	width:99.5%;
}

#formWrapper.quote textarea{
	width:99.5%;
	height:50px;
}

#formWrapper.quote textarea.extended{
	height:125px;
}

#formWrapper.quote .rightCol{min-width:290px;}

#formWrapper.quote .leftCol input, #formWrapper.quote .rightCol input{
	float:right;
	width:180px;
	margin-left:5px;
	margin-top: -3px;
}

#formWrapper.quote select {
	float:right;
	width:184px;
	margin-left:5px;
	margin-top: -3px;
}

#formWrapper.quote p{
	font-size:13px;
	clear:both;
	margin-bottom:3px;
}

#formWrapper.quote .leftCol p, #formWrapper.quote .rightCol p {
	height:25px;
	text-align: right;
}
 

/******************* END FORMS ****************************/