/***********************************************************
*  Primary styles for whole Adventace site.                *
***********************************************************/

html, body, img, a img, h1, h2, h3, h4, h5, clear{
margin:0;
padding:0;
border:none;
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
} 

#container{
width:850px;
margin:20px auto 10px auto;
}

.clear{
clear:both;
height:0;
width:0;
}

/***********************************************************
*  Font styles                                             *
***********************************************************/

p{
font:400 13px/17px Verdana, Arial, Helvetica, sans-serif;
}

h2{
font:700 15px/22px Arial, sans-serif;
text-align:center;
margin-bottom:10px;
}

h3{
font:400 22px/24px "Times New Roman", Times, serif;
color:#3d75a0;
padding:2px 0 6px 5px;
margin:6px;
border-bottom:3px double #CCC;
}
h4{
font:200 18px/20px "Times New Roman", Times, serif;
color:#3d75a0;
padding:2px 0 0px 5px;
margin:6px;
}
h4 a{
color:#3d75a0;
text-decoration:none;
}
h4 a:hover{
text-decoration:underline
}
h5{
font:700 16px/19px Verdana, Arial, sans-serif;
color:#666;
text-align:center;
margin-top:10px; 
}

/***********************************************************
*  Header styles                                           *
***********************************************************/

#header{
}

#logo{
margin-bottom:7px;
}

#nav{
height:27px;
margin-bottom:7px;
background: #000033 url(../imagesNew/nav-bgNew.png) repeat-x 0 0;
}


/***********************************************************
*  Body styles                                             *
***********************************************************/

.lbox, .rbox{
width:420px;
margin-bottom:7px; 
border:1px solid #CCC;
}

.lbox{
float:left;
clear:left;
}

.rbox{
float:right;
clear:right;
}

#container .nobord{
border:0;
width:422px;
}

.grad-bg{
background:#FFF url(../imagesNew/grad-bgNew.png) repeat-x 0 0;
}

.grad-bg2{
background:#FFF url(../imagesNew/grad-bg2New.png) repeat 0 0;
}

#infobox{
margin:0 0 7px 6px;
padding:6px;
width:396px;
height:238px;
overflow:auto;
background-color:#FFF;
}
#infobox-video{
margin:0 0 7px 6px;
padding:6px;
width:396px;
height:149px;
overflow:auto;
background-color:#FFF;
}
html>/**/body #infobox{
height:227px !important;
} 

#infobox p{
font:400 11px/14px Verdana, Arial, sans-serif;
}

#infobox p a{
color:#333;
}

#boombox{
float:left; 
margin:6px 16px 6px 6px;
}

#boomboxtxt{
font-size:10px; 
line-height:15px; 
margin:25px 10px 0 0;
}

.vidz1{
cursor:pointer;
background:url(http://www.adventace.com/images/trans.gif) repeat 0 0; 
position:absolute; 
width:96px; 
height:96px;
}

/***********************************************************
*  Footer styles                                           *
***********************************************************/

#footer{
margin:10px 0 25px 0;
border-top:1px solid #CCC;
}

#footer p{
font:10px/16px Verdana, Arial, sans-serif;
text-align:center;
color:#666;
}

#footer p a{
color:#102739;
}

#footer p a:hover{
color:#000093;
}


/***********************************************************
*  Menu styles                                             *
***********************************************************/

.menu {
width:850px; 
position:relative; 
z-index:100; 
height:17px; 
padding-top:10px; 
margin-bottom:7px; 
background:#FFF url(../imagesNew/nav-bgNew.png) repeat-x 0 0;
}

.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu li {
float:left;
position:relative;
}

.menu a, .menu a:visited {
display:block; 
margin:0 15px 0 10px; 
padding:0 0 10px 0; 
font:700 11px/11px Arial, Helvetica, sans-serif; 
color:#dfdee6; 
text-decoration:none; 
text-transform:uppercase;
}

.menu li.home a, .menu li.home a:visited{
display:block; 
font-size:11px;
text-decoration:none;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:17px;
left:0; 
z-index:500; 
padding-top:0; 
margin:0 !important;
}

.menu ul ul a, .menu ul ul a:visited{
background:#FFF; 
font-weight:400 !important; 
color:#102739; 
height:auto;
padding:4px 5px; 
border-width:0; 
margin:0 !important;
text-transform:none !important;
}

.menu a:hover/*, .menu ul ul a:hover*/{
color:#FFF;
}
.menu :hover > a/*, .menu ul ul :hover > a*/{
color:#FFF;
}

/*.menu a:hover, */.menu ul ul a:hover{
color:#fff;
background:#102739 url(../imagesNew/teal-bgNew.png) repeat 0 0;
}
/*.menu :hover > a,*/ .menu ul ul :hover > a {
color:#fff;
background:#102739 url(../imagesNew/teal-bgNew.png) repeat 0 0;
}

.menu ul ul li{
border:1px solid #102739; 
text-align:left; 
border-width:0 2px 1px 1px !important;
float:left; 
clear:left; 
width:100%;
padding:0;
}
 
.menu ul li:hover ul, .menu ul a:hover ul{
visibility:visible;
}