/* stylesheet for benefitsystems.com
author: Patrick@sundrystudio.com
date:12-10-07
*/
/***** ACCESSIBILITY SKIP LINKS ***/
dl.accessibility, #skip_to_nav, #skip_to_content {text-align:left;position:absolute;top:0;left:-500em;}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
background:#425969;
color:#333333;
min-width:800px;
}
a:link {text-decoration:underline; color:#6C7372;}
a:visited {text-decoration:underline; color:#5C5B79}
a:hover {text-decoration:none;}

p {font-size:.8em; line-height:1.4em;}
#title {
display:block;
margin:45px 0 30px 218px;
background:url(images/title_benefitsystems.png);
width:350px;
height:45px;
text-indent:-1000em;
}

#wrap {
background:#fff;
margin:0 auto;
padding:26px 20px 0 20px;
width:760px;
}

#header {
position:relative;
height:100px;
width:760px;
}
.title_header {
position:absolute;
top:0;
left:0;
background:transparent url(images/logo_benefitsystems_interior.jpg)  no-repeat;
width:491px;
height:76px;
text-indent:-1000em;
}
a:hover.title_header  {
border-bottom:2px solid #D9E2DD;
}

/* navigation based on son of suckerfish menu http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#nav {
width:760px;
height:33px;
margin:10px 0;
background:#425969;
font-size:.7em;
}
#nav ul { /* all lists */
list-style: none;
line-height: 1;
margin:0 auto 0 2%;
}
#nav a {
display: block;
width: auto;
color:#FFFFFF;
padding:10px;
text-decoration:none;
/*font-weight:bold;*/
}
#nav a:hover {color:#627582;}
#nav li { /* all list items */
float: left;
text-align:center;
 /*width: 10em; width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
position: absolute;
background:#F3F5F4;
width: 12em;
left: -999em; 
margin-left:0;
}
#nav li ul li a {
color:#425969;
width:12em;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#mainImage_interior2 {
background:url(images/interior_main2.jpg) no-repeat;
width:760px;
height:178px;
text-indent:-1000em;
margin:0 0 10px 0;
}
#mainImage_interior {
background:url(images/interior_main.jpg) no-repeat;
width:760px;
height:178px;
text-indent:-1000em;
margin:0 0 10px 0;
}
/* #wrap_content allows the main and sidebar columns to allows have equal heights */
#wrap_content {overflow:hidden; width:760px;}
#main {
background:#D9E2DD; /* right column color */
float:left;
width:460px;
padding:30px;
padding-bottom: 300px;
margin-bottom: -289px;
}

#sidebar {
background:#D9E2DD; /* right column color */
float:right;
width:179px;
padding:30px;
padding-bottom:300px;
margin-bottom: -289px;
border-left:1px solid #B9CAC0;
}
#bottom {
clear:both;
height:20px;
}

#footer {
padding:10px 0;
text-align:center;
font-size:.7em;
color:#D9E2DD;
}