*{border:0;margin:0;padding:0;}

body {
  margin: 0px;
  padding: 0px;
  width:100%;
  background-color:#000;
  background-image: url(graphics/backgrounds/scuba.jpg);
  background-repeat:no-repeat;
  font-family: Arial, Helvetica, sans-serif;
    
 
}
#wrapper {
  	width:995px;
	height: 100%;
	min-height:700px;
	margin-left: auto;
  	margin-right: auto;
	text-align: left;
	padding-bottom:120px;
	overflow:hidden;
}

#pop {
  	width:360px;
	height: 260px;
	 margin-left: auto;
  	margin-right: auto;
	text-align: left;
	background-color:#FFF;
	padding:20px;
	
}



#header{
	width:auto;
	height:auto;
	padding-top:0px;
	
	
}




div.box {
 	width:100%;
	_width:98%;
	position: relative;
	top: 0px;
 	left: 0;
	padding-top:0px;
	
}

div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
	 padding:10px;
}
div.box_background {
     background-color: white;
     height: 100%;
    filter:alpha(opacity=0); /* IE's opacity*/
     left: 0px;
     opacity: 0.0;
	 -moz-opacity: 0.0;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}


#main {
	width:580px;
	position: relative;
	top: 0px;
 	left: 0;
	padding-top:0px;
	
}




#content {
  padding:15px;
  margin-left:40px;
  margin-top:15px;
  width: 925px;
  height:200px;

}

#postit {
 padding-right:20px;
 float:left;
 width:286px;
 height:200px;
 background:url(graphics/main/postit.jpg) no-repeat;
}

#sidecopy {
 margin-left:15px;
 float:left;
 width:220px;

}



#title {
 margin:40px 0px 0px 120px;
 width: 135px;

}



/*		sub_pages	*/




#sidebar {
  position:absolute;
  float:left;
  right:55px;
  top: 0px;
  width: 220px;
  height: auto;
  margin: 0px  0px  0px  0px;
}

#postits{
	
	width: 220px;
	padding:5px;
	background:#FFFFFF;
	float: left;
	
	
}

#postits2{
	margin-top:10px;
	width: 220px;
	padding:5px;
	background:#FFFFFF;
	float: left;
	
}

#postits3{
	margin-top:10px;
	width: 220px;
	padding:5px;
	margin-left:10px;
	background:#FFFFFF;
	float: left;
	
}

#bqtunes{
	width:302px;
	height:165px;
	margin:10px 0 0 0px;
	background:url('graphics/sub/technology/bqtunes.jpg') no-repeat;
	padding:0;
		
}

#iphone{
	width:114;
	height:87;
	margin:75px 0 0 0;
	float:right;
		
}




#content_sub{
	margin-top:-10px;
	width:830px;
	min-height:700px;
    height:auto;	
	padding-left:5px;
	background:#FFF;
	display:block;
	overflow:visible;
	position:relative;
}

#content_video{
	margin-top:-10px;
	width:830px;
	min-height:700px;
    height:auto;
	height:650px;	
	padding-left:5px;
	background:#FFF;
	display:block;
	overflow:visible;
	position:relative;
}





#line{
	width:605px;
	height: 5px;
	margin: -15px 0 0 0;
	
}

#main_sub{
 position: relative;
 margin-left:50px;
 margin-top: 20px;
}

#sub_title{
	margin-top: 0px;
	margin-left: 0px;
	height:75px;
	position:relative;
	
}

ul{
	margin: 0;
	line-height:1.3em;
	list-style:none;
	display: inline;
 	#display: block;
 	_display: block;
	
	}
	

 a:link {color: #005581; font-size:11px; font-weight: bold; text-decoration:none ; }
 a:visited {color: #005581;font-size:11px; font-weight: bold; text-decoration:none ; }
 a:hover {color: #689d00; font-size:11px; font-weight: bold; text-decoration:none ; }


.style6  {
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	letter-spacing:0em;
	color:#0064A5;
	}

.style5  {
	font-size:11px;
	font-weight:normal;
	letter-spacing:0em;
	color:#0064A5;
	}

.style4  {
	font-size:16px;
	font-weight:normal;
	letter-spacing:0em;
	color:#333333;
	}
	
.style3  {
	font-size:16px;
	font-weight:normal;
	letter-spacing:0em;
	color:#0064A5;
	}

.style2  {
	font-size:16px;
	font-weight:normal;
	letter-spacing:0em;
	color:#333333;
	}
	
.style1  {
	font-size:22px;
	font-weight:normal;
	letter-spacing:0em;
	color:#007Dc3;
	}
	
	
	p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
	color:#333;
	display: block;

}

#navigation{
	width:995px;
	height:67px;
	margin-top:-4px;
	background:url('graphics/main/nav.png') no-repeat;
	padding:0;
	behavior: url("iepngfix.htc");
	
		
}



#menu {
width: 995px;
margin-left:150px;
padding-top:11px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
float: left;
margin-left:25px;

}

#menu a,  #menu img {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
margin: 0;
}
#menu img
{
}


#menu a {
color: #CDDAF0; font-size:11px; font-weight: bold; text-decoration:none ;
text-decoration: none;
display:block;
}

#menu a:hover {
       text-decoration:underline;
}


#menu li {
position: relative;
z-index:10000;
border:0px solid #0079c1;
}

#menu ul ul {
position: absolute;
z-index: 500;
top:auto;
display:none;
width:200px;
}


#menu ul li
{
}
#menu ul li ul
{
	background-color:#0079c1;

}
#menu ul li ul li
{
	padding-left:10px;
	padding-bottom:10px;
	padding-top:5px;

}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



#maincontent{
	margin-top: 10px;
	margin-left:45px;
	width: 700px;
	text-align: left;
}
#maincontent th{
	padding: 10px 8px;	
	
}
#maincontent td{
	padding: 6px 8px; 
	
	
}

#videocontent{
	margin-top: 10px;
	margin-left:5px;
	width: 700px;
	text-align: left;
}
#videocontent th{
	padding: 10px 8px;	
	
}
#videocontent td{
	padding: 6px 8px;
	
	
}




#samples{
	margin: 0px;
	width: 700px;
	text-align: left;
}
#samples th{
	padding: 10px;
	text-align: left;
	
}
#samples td{
	margin: 0px;
	padding: 10px;
	
	
	
	
}

#books{
	margin-left: 15px;
	width: 160px;
	height:235px;
	padding:0px;

	background: url(graphics/sub/samples/grey_box.gif) no-repeat;
}

#books td{
	margin: 0px;
	
	
	
	
}


#ask{
	margin: 0px;
	width: 150px;
	text-align: left;
}
#ask th{
	padding: 0px 8px;	
}
#ask td{
	padding: 0px 10px;
	margin-left:10px;
}



.comp_list {
margin: 0px;
padding: 0px;
width: 575px;
}
.comp_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#e6e6e6;
margin:1px;
}
.comp_body {
padding: 5px 0px 0px 0px;
background-color:#f2f2f2;
width: 540px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
