/*
Template Name: Blue Water Benefits
Description: Custom Theme for Blue Water Benefits.
Version: 1.0
Author: Obviouslee Marketing
Author URI: http://obviouslee.com/

universal styles */
p { margin-top:0px; }
body { height: 100%; margin: 0px; background: #FFFFFF url(images/header_bg.gif) top no-repeat scroll; }
img { border:none; border-width:0px; }

#container { position:relative; min-height: 100%; height:100%; width: 1000px; left: 50%; margin: 0px 0px -91px -500px; font-family: Arial, Helvetica, Verdana, sans-serif; color:#666666; }
#container a:link { color:#336699; text-decoration:none; }
#container a:visited { color:#336699; text-decoration:none; }
#container a:hover { color:#000000; text-decoration:underline; }

#header { z-index:1; position:absolute; width: 1000px; left: 55%; margin-left: -500px; font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#FFFFFF; text-align:right; }
#header a:link { text-decoration:none; color:#FFFFFF; }
#header a:visited { text-decoration:none; color:#FFFFFF; }
#header a:hover { text-decoration:underline; color:#FFFFFF; }
#headerSearch { margin-top:11px; }
#headerInfo { margin-top:24px; }
.headerSocialMedia { margin-bottom:7px; }

#contentLeft {  float:left; width:200px; margin: 190px 0px 0px 0px; text-align:center; display:inline; }
#contentLeft img {border: none}

#contentRight { float:left; width:800px; min-height: 720px; *min-height: 770px;
height: auto !important;
height: 720px;margin: 174px 0px 0px 0px; background:#EBEBEB url('images/contentRight_bg.gif') repeat-x; padding-top:20px; display:inline;}
#contentRight1 { float:left; width:800px; min-height: 720px; *min-height: 770px;
height: auto !important;
height: 720px;margin: 174px 0px 0px 0px; background:#EBEBEB url('images/contentRight_bg.gif') repeat-x; padding-top:20px; display:inline;}
#contentRight_txt { float:left; width:800px; min-height: 720px; 
height: auto !important;
height: 720px;margin: 170px 0 0 205px; background:#EBEBEB url('images/contentRight_bg.gif') repeat-x; padding-top:20px; display:inline;}


#footer { padding-top:20px; position:relative; height:91px; width:100%; background-image:url('images/footer_bg.jpg'); text-align:center; font:normal 11px/16px Arial, Helvetica, Verdana, sans-serif; color:#bcc5d0;}
#footer a:link { text-decoration:none; color:#bcc5d0; }
#footer a:visited { text-decoration:none; color:#bcc5d0; }
#footer a:hover { text-decoration:underline; color:#FFF; }
.clearfooter { height: 91px; clear: both; }
#footer #form .field { width:150px; margin:5px 0px 5px 3px; }

#submenu {/*position: relative; z-index: 5; width:167px;*/ width: auto; padding:20px 0px 0px 0px; text-align:left; font-size:11px; color:#52647b; border: 1px solid #ffffff; *border: none; font-weight:bold;  }
#submenu a:link { color:#52647b; text-decoration:none; }
#submenu a:visited { color:#52647b; text-decoration:none; }
#submenu a:hover { color:#22354d; text-decoration:none; }

#aboutUs #submenu { height:auto; overflow:hidden; background:#97b5db url('images/menu/about_expanded.jpg') no-repeat left top; }
#ourServices #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/services_expanded.jpg') no-repeat left top; }
#ourClients #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/clients_expanded.jpg') no-repeat left top; }
#resources #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/resources_expanded.jpg') no-repeat left top; }
#consulting #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/counsulting_expanded.jpg') no-repeat left top; }
#events #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/events_expanded.jpg') no-repeat left top; }
#compliance #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/compliance_expanded.jpg') no-repeat left top; }
#billing #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/billing_expanded.jpg') no-repeat left top; }
#employee #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/employee_expanded.jpg') no-repeat left top; }
#dependent #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/dependent_expanded.jpg') no-repeat left top; }
#reporting #submenu { height: auto; overflow:hidden; background:#97b5db url('images/menu/reporting_expanded.jpg') no-repeat left top; }
.home { height: auto; overflow:hidden; background:#97b5db url('images/menu/counsulting_expanded.jpg') no-repeat left top; }
/* home styles */
#homeLeftCustomers { width:100%; margin-top:15px; padding-top:32px; background: url('images/heading_whatOurCustomersAreSaying.gif') no-repeat; line-height:15px; }
#homeLeftCustomers p {display: inline}
#homeLeftCustomers h1 { margin:5px 0px 0px 0px; font-size:11px; line-height:14px; font-weight:bold; }
#homeLeftCustomers h2 { margin:0; font-size:11px; line-height:14px; font-weight:normal; font-style:italic; }
#homeLeftCustomers #img { width:100%; height:180px; background:url('images/photo_home_whatOurCustomersAreSaying.jpg') center no-repeat; }
#homeLeftCustomers #text { font-size:12px; text-align:left; padding:5px 20px 20px 20px; }
#homeLeftCustomers .name { line-height:18px; }
#homeLeftCustomers .company { font-size:11px; line-height:14px; }

#homeRightIntroTxt { float:left; width:430px; padding:0px 20px 20px 20px; font-size: 13px; line-height:18px; color:#666666; display:inline; }
#homeRightIntroTxt h1 { margin:0px 0px 10px 0px; font-size:18px; line-height:17px; font-weight: normal; color:#333333; }

#homeRightIntroMovie { float:left; width:330px; height:282px; margin-top:0px; display:inline; }
#homeRightBottom { position:relative; clear:both; width:800px; margin-top:20px; font-size:12px; line-height:15px; color:#666666; }
#homeRightBottom a:link { font-size:11px; line-height:15px; color:#336699; text-decoration:none; font-weight: bold; margin-left:3px; }
#homeRightBottom a:visited { font-size:11px; line-height:15px; color:#336699; text-decoration:none; font-weight: bold; margin-left:3px; }
#homeRightBottom a:hover { font-size:11px; line-height:15px; color:#000000; text-decoration:none; font-weight: bold; margin-left:3px; }

#homeModule1 { float:left; width:240px; min-height:310px; margin:0px 0px 20px 20px; background:#FFFFFF url('images/heading_news.gif') no-repeat; display:inline; }
#homeModule1 #img { margin-top:15px; width:100%; height:167px; background: url("images/photo_home_news1.jpg") no-repeat scroll center top transparent; }
#homeModule1 #text { padding:5px 20px 10px 20px; }
#homeModule1 .header { margin-left:-3px; border-width:0px; }

#homeModule2 { float:left; width:240px; min-height:310px; margin:0px 0px 20px 20px; background:#FFFFFF url('images/heading_events.gif') no-repeat; display:inline;}
#homeModule2 #img { margin-top:15px; width:100%; height:167px; background:url('images/photo_home_events1.jpg') no-repeat scroll center top transparent;  }
#homeModule2 #text { padding:5px 20px 10px 20px; }
#homeModule2 .header { margin-left:-3px; border-width:0px; }

#homeModule3 { float:left; width:240px; min-height:310px; margin:0px 0px 20px 20px; background:#FFFFFF url('images/heading_fromOurBlog.gif') no-repeat; display:inline;}
#homeModule3 #text { padding:10px 20px 10px 20px; }
#homeModule3 .postTitle { font-size:11px; font-weight: bold; line-height:14px; }
#homeModule3 .postDate { font-size:11px; font-weight: normal; font-style: italic; line-height:14px; }
#homeModule3 .header { margin-left:-3px; border-width:0px; }


/* secondary & tertiary */
#secondary { width:800px; }
#secondary #content { width:760px; min-height: 720px;
height: auto !important;
height: 720px;
padding:20px 20px 20px 20px; font-size:13px; line-height:18px; }
#secondary #heading { width:760px; height:31px; margin-left:20px; }
#secondary .mainphoto { float:right; margin:-10px -10px 0px 0px; display:inline; }
#secondary h1 { font-size:18px; line-height:18px; font-weight:normal; margin-top:0px; margin-bottom:20px; }
#secondary h2 { font-size:18px; line-height:12px; font-weight:normal; margin-top:0px;}
#secondary h3 { font-size:15px; line-height:12px; font-weight:normal; margin:0px 0px 15px 0px;}
#secondary ul { padding-left:18px; }
#secondary li { padding-left:0px; }
#secondary hr { color:#d3d3d3; background-color:#d3d3d3; border:0px; height:1px; margin:15px 0px 17px 0px; }
#secondary #movie { float:right; margin:20px 20px 20px 20px; display:inline; }
#secondary #map { float:right; margin:0px 0px 20px 20px; display:inline; }
#secondary .formField { width:200px; margin:0px 0px 10px 10px; }

#sidebar .photo { width:260px; height:319px; }

#secondary #blog h1 { font-size:14px; line-height:18px; margin-bottom:0px; }
#secondary #blog h2 { font-size:14px; line-height:18px; margin-bottom:0px; }
#secondary #blog h2 .posttitle { font-size:18px; line-height:22px; margin-bottom:10px; }

#tertiary #blog h1 { font-size:14px; line-height:18px; margin-bottom:0px; }
#tertiary #blog h2 { font-size:14px; line-height:18px; margin-bottom:0px; }
#tertiary #blog h2 .posttitle { font-size:18px; line-height:22px; margin-bottom:10px; }

#tertiary { float:left; width:530px; }
#tertiary #heading { width:500px; height:31px; margin-left:20px;}
#tertiary #content { padding:20px 10px 20px 20px; font-size:13px; line-height:18px; }
#tertiary h1 { font-size:18px; line-height:18px; font-weight:normal; margin-top:0px; margin-bottom:20px; }
#tertiary h2 { font-size:18px; line-height:12px; font-weight:normal; margin-top:0px;}
#tertiary h3 { font-size:11px; line-height:12px; font-weight:bold; margin:-12px 0px 20px 0px;}
#tertiary ul { padding-left:18px; }
#tertiary li { padding-left:0px; }
#tertiary hr { color:#d3d3d3; background-color:#d3d3d3; border:0px; height:1px; margin:15px 0px 17px 0px; }

#sidebar { float:left;  width:270px; }
#sidebar #content { width:240px; margin:10px 20px 20px 10px; background:#FFFFFF; }
#sidebar #heading { width:100%; }
#sidebar #text { padding:10px; }
#sidebar #text a:link { font-size:11px; line-height:18px; color:#336699; text-decoration:none; font-weight: bold; }
#sidebar #text a:visited { font-size:11px; line-height:18px; color:#336699; text-decoration:none; font-weight: bold; }
#sidebar #text a:hover { font-size:11px; line-height:18px; color:#000000; text-decoration:none; font-weight: bold; }
#sidebar .postTitle { font-size:11px; font-weight: bold; line-height:14px; }
#sidebar .postDate { font-size:11px; font-weight: normal; font-style: italic; line-height:14px; }
#sidebar #categories a { background-image:url('images/bullet_arrow.gif'); background-repeat:no-repeat; background-position: 0px 1px; padding-left:10px; }

.staff { margin-bottom:15px; }
.staff .staffPhoto { float:left; margin:10px 5px 0px 14px; display:inline; }
.staffName { font-size:14px; line-height:18px; font-weight:bold; }
.staffTitle { font-size:12px; line-height:16px; font-style:italic; }
#staffGrid { font-size:11px; line-height:14px; }

/*---------MENU--------------*/

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 30px;
top: 0;
list-style-type: none;
background: white;
border:1px solid #60748b;

visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
/*box-shadow: 3px 3px 8px #818181;*/ /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


.flexdropdownmenu li{
position: relative;
background:url('images/menu_hover_bg.gif') repeat-x left top;
}

.flexdropdownmenu li a{
display: block;
width: 190px; /*width of menu (not including side paddings)*/
color: black;
background: #b0cbe9;
text-decoration: none;
padding: 4px 5px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#475769;
border-bottom:1px solid #7388a0;
background:url('images/arw.gif') no-repeat 5px center;
padding-left:20px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 190px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
text-decoration:underline;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}




/*a.menu{
font-family:Arial;
font-size:13px;
text-decoration:none;
}
#header a.menu:hover{
text-decoration:none;
color:#4c96e0;
}
#header a.menu:active{
text-decoration:none;
color:#4c96e0;
}*/

#headerInfo ul.menu {
list-style:none;
 margin:0; 
 padding:0;
}
#headerInfo ul.menu a {
display:block;
color:#000;
text-decoration:none;
}
#headerInfo ul.menu li {
position:relative;
float:left;
margin-right:2px;
color:#FFFFFF;
z-index:100;
}
#headerInfo ul.menu ul {
position:absolute;
top:20px;
left:-30px;
display:none;
list-style:none;
}
#headerInfo ul.menu ul li {
position:relative;
border:1px solid #aaa;
border-top:none;
width:180px;
margin:0;
display:block;
}
#headerInfo ul.menu ul li a {
display: block;
padding: 5px 0 5px 10px;
text-decoration: none;
color:#333333;
text-align:left;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
/*background:url('images/menuH_bg.png') repeat left top;*/
background-color:#ededed;
}
#headerInfo ul.menu ul li a:hover {
background-color:#d8e6f3;
color:#000;
}
#headerInfo ul.menu ul ul {
left:10px;
top:-1px;
}
#headerInfo ul.menu .menulink {
font:normal 13px Arial, Helvetica, sans-serif;
color:#ffffff;
display:inline;
text-decoration:none;
padding:0 10px;
}
/*******************************for images****/
#image-container{width:auto; float:left; padding-top:30px; padding-left:10px; }
.image-box{width:240px; float:left; padding:5px; }
.image-box-image{width:230px; float:left; }
.image-box-text{width:230px; float:left; text-align:center; padding-top:5px;  }