/* Davis Pensions & Benefits */

/* COLOR GUIDE *
	#008596 - Davis Blue (pantone 321)
	#e2e2e2 - Light Grey (side/bottom)
*/

* {margin:0; padding:0; }

body{
font-family:calibri,Arial, Helvetica, sans-serif; font-size:14px; line-height: 1.5;
background-color:#666666;
}

p {
	margin-top: 4px; margin-bottom:10px;}

h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#272727; font-weight:bold;
	background-image:url(images/hd_bullet_sq.gif); background-position:center left; background-repeat:no-repeat;
	padding-left: 30px;
	margin: 0px 0px 13px -30px; }
h1 .nobullet {
	background-image:none; background-position:center left; background-repeat:no-repeat; }
	
h2 {
	font-size:16px; color:#333333; font-weight:bold; margin-top:13px; margin-bottom:3px; }
	
hr {
	color:#999999;
	background-color:#999999;
	height:1px;
	border:1px;
	width:100%;
	margin:3px auto 7px;}
	
.blue {color:#008596; }	

a {color:#008596; text-decoration:underline; }
a:hover {color:#666666; text-decoration:none;}

ul {
	list-style-image:url(images/bullet_chk.gif);	
	padding: 8px 8px 8px 40px;
	list-style-position:outside;
	margin-bottom:10px;
	margin-top: 8px; }
	
em{color:#008596; font-weight:normal; }

#maincontainer{
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#FFFFFF;
text-align:left; }

.innertube{
margin: 20px 40px 30px 60px; /*Margins for inner DIV inside each column (to provide padding)*/
}

div.clear {
	clear: both; }


/* ----- HEADER ----- */

#topsection{
background: #ffffff;
height: 177px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#topright {
	float:right;
	width:330px;
	height:177px;
	background-image:url(images/TLbarbg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:right;
}
#topright a {
font-size:12px;
color: #999999;
margin: 5px; }
#topright a:hover {
font-size:12px;
color: #008596;
margin: 5px;
text-decoration:none; }

#topleftparent {
width:645px;
height: 100%;
margin-bottom:1px; }

#headerspace {
width:-350px;
height:124px;
margin: 0;
padding-top:5px; padding-right: 5px;
text-align:left;
color: #999999;  }

#navigation {
	width:-330px;
	height:48px;
	background-image:url(images/navbar.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin: 0px;
	text-align:left;
	line-height:48px;
}
#navigation ul{
margin: 0px;
padding:0px;
}
#navigation li {
margin:4px; 
padding: 0px 16px 0px 14px;
line-height:48px;
display:inline;
border-right: 1px outset #333333;
}
#navigation li.first {
padding: 0px 16px 0px 26px;
}
#navigation li.last {
border-right: none;
}
#navigation li a {
font: 13px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform: uppercase; text-decoration:none;
}
#navigation li a:hover {
font: 13px Verdana, Arial, Helvetica, sans-serif; color:#cccccc; text-transform: uppercase; text-decoration:none;
}

/* ----- CIRCLEY BIT ----- */

#circle {
	background-image:url(images/circlenav.png);
	background-repeat:no-repeat;
	height:229px;
	margin-left:655px;
	position:absolute;
	top:43px;
	width:200px;
	z-index:10;
}

#circlelinks {
height:180px; width:180px;
margin:10px 0px 0px 8px;
text-align:center; vertical-align:middle;
cursor:pointer;
}
#circlelinks a {
font: bold 14px/3.1em Arial, Helvetica; text-decoration:none; color: #FFFFFF;
}
#circlelinks a:hover {
font: bold 14px/3.1em Arial, Helvetica; text-decoration:none; color: #c1e7ec;
}

/* ----- CONTENT ----- */

#contentwrapper{
float: left;
width: 100%;
margin:0px;
padding:0px;
}

#contentcolumn{
margin-right: 255px; /*Set left margin to LeftColumnWidth*/
background-color:#FFFFFF;
margin-bottom:0px;
padding-bottom:0px;
}


/* --- Content Header --- */

#contentheader{
clear: left;
width: -255px;
height: 157px;
border-bottom: 5px solid #008596;
color: black;
text-align: center;
padding: 0px;
margin: 3px 3px 18px 2px;
}
#contentheader.whiterock{
background-image:url(images/hdimg_wr.jpg); background-repeat:no-repeat;}
#contentheader.whiterock02{
background-image:url(images/hdimg_wr02.jpg); background-repeat:no-repeat;}
#contentheader.meeting{
background-image:url(images/hdimg_meet.jpg); background-repeat:no-repeat;}
#contentheader.businessppl{
background-image:url(images/hdimg_ppl.jpg); background-repeat:no-repeat;}
#contentheader.hands{
background-image:url(images/hdimg_hands.jpg); background-repeat:no-repeat;}
#contentheader.cellphone{
background-image:url(images/hdimg_cell.jpg); background-repeat:no-repeat;}
#contentheader.support{
background-image:url(images/hdimg_support.jpg); background-repeat:no-repeat;}
#contentheader.employee{
background-image:url(images/hdimg_employee.jpg); background-repeat:no-repeat;}
#contentheader.executive{
background-image:url(images/hdimg_exec.jpg); background-repeat:no-repeat;}
#contentheader.retirement{
background-image:url(images/hdimg_retire.jpg); background-repeat:no-repeat;}


/* --- Home 3 Services --- */

.homebit {
	height:110px; width: 188px; 
	margin: 10px 10px 6px 12px;
	text-align:left;
	cursor:pointer; 
	float:left;}
.homebit img {
	border: 0px none; }
.homebit a {
	text-decoration:none;
	font-size:20px; }

/* Client Care TABS  */

table.tabs {
	margin-top: 20px; padding-top:5px;
	margin-bottom: 10px; }

div.tab_container {
	margin: 0px;
	background-color:#f5f5f5;
	border:1px solid gray; 
	padding: 0px 12px 6px 12px; }

.shadetabs{
	padding: 3px 0px;
	margin: 1px 0px 0px 0px;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/ }
	
.shadetabs ul{
	margin:0px;
	margin-left: 1px; /*margin between first menu item and left browser edge*/
	padding: 0px;
	list-style: none;}

.tab1_border {
	border-left: 1px solid gray; }
.shadetabs li{
	margin: 0px; 
	display: inline;
	padding: 3px 0px;
	cursor:pointer; }
.shadetabs li a{
	text-decoration: none;	
	z-index: 1;
	color: #008596;
	padding: 3px 6px; 
	background-color:#ffffff;
	border:1px solid gray; border-left: 0px none;}
.shadetabs li a:hover{
	background-color:#008596;
	text-decoration: none;
	color: #ffffff; }
.shadetabs li a.selected{ /*selected main tab style */
	background-color:#f5f5f5;
	color: #272727;
	top: 0px;
	border-bottom: #f5f5f5; }
.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none; }

.tabcontent{
	background-color:#f5f5f5;
	margin:2px 0px 10px 0px;
}

@media print {
.tabcontent {
display:block !important;}
}


/* --- SERVICES PAGE ---*/

img.serviceimage {
	float:left;
	margin: 4px 15px 25px 0;
	border: none; }

/* --- Content Footer --- */

#contentfooter{
background:#008596 url(images/corner_foot.gif) no-repeat scroll right bottom;
clear:left;
color:black;
height:48px;
margin-bottom:0;
margin-right:255px;
margin-top:0;
padding:5px 0 0 10px;
text-align:left;
width:725px }

#contentfooter p {
font-size:10px; color:#ffffff;
text-align: right;
padding-right:9px;
margin-top:0px;
}

p#slogan {
font-size: 16px; color:#FFFFFF;
font-family: Calibri, Helvetica, Verdana, Arial, sans-serif;
text-align:center; font-style: italic;
margin: 4px 0px; }

/* ----- LEFT COLUMN ----- */

#leftcolumn{
float: left;
width: 255px; /*Width of right column*/
margin-left: -255px; /*Set left margin to -(RightColumnWidth) */
background: #e2e2e2;
margin-bottom: 0px;
padding-bottom:0px;
overflow:hidden;
}

#leftcontent{
margin:88px 19px 15px 28px;
}

/* LIVE CHAT */

#livechat {
height:90px; width: 188px; 
background-image:url(images/chat.png); background-repeat:no-repeat;
margin: 28px 6px 6px 6px;
padding: 0px;
text-align:right;
cursor:pointer; }

/* --- Newsletter Sign Up --- */

#newssup {
height:90px; width: 188px; 
background-image:url(images/newssup.png); background-repeat:no-repeat;
margin: 38px 6px 6px 6px;
padding: 0px;
text-align:right;
cursor:pointer; }

/* --- Newsletter FORM for Sign Up --- */

.myForm td, textarea, checkbox  {
	font-family: tahoma;
	font-size: 12px;}
.myForm select, input {
	font-family: tahoma;
	font-size: 12px;
	margin: 2px 6px; }

.required {
	color: red;}

/* ----- FOOTER ----- */

#footer{
clear: left;
width: 100%;
height: 75px;
background: #e2e2e2;
color: #FFF;
text-align: right;
padding: 0px 0px 5px 0px ; }



#footer img{
margin: 0px; 
padding-right:4px;
}

#footer a{
color: #FFFF80;
}


/* ----- SPLASH ----- */

#splashcontainer {
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#FFFFFF;
border: 2px solid #333333;
text-align:left;
padding:0px 0px 4px 0px;  }

#splashcontainer p {
	font-family:Calibri,Arial, Helvetica, sans-serif; font-size:14px; line-height: 1.4; font-weight:bold;
	color:#333333;
	margin: 10px 15px 5px 30px;}
	
#splashlogo {
	margin: 3px 45px 10px 10px;
	float: left; }

#splashimage {
	background-image:url(images/splash.jpg); background-repeat:no-repeat;
	width:794px;
	height:400px;
	border:3px solid white;
	text-align: right; }

#splashbar {
	background-image:url(images/doublebar.gif); background-repeat:repeat-x;
	height:31px; width: 800px;
	margin-bottom: 10px; }

#entersite {
	position:relative;
	top:360px;
	width:100px;
	cursor:pointer;
	margin: 0px 10px; }
	



/* ----- Our Team ----- */
	
.teamphoto {
	float:left;
	clear:left;
	margin: 3px 8px 0 0;
	padding-bottom: -2px;	 }
div.teammember {
	padding-top: 6px; }
div.bio {
	text-align:justify;
	padding:0;	
	margin: -2px 0 0 142px;
}