/*ADVENTURE SCUBA - NORTH MIAMI BEACH
*WEB-DESIGN BY:SMEDELSTEIN.COM 10/08/2012
*ALL RIGHTS RESERVED */

* {
	 margin:0;
     padding:0;}

body{
	 font:12px/1.4 Georgia,serif; 
	 background:url(images/clean.jpg);background-color:#0061F2;
	 margin-bottom: 1px;}
	
a{
	 outline: none;}
	
.fix:after{
	 visibility:hidden;
	 display:block;
	 font-size:0;
	 content:" ";
	 clear:both;
   	 height:0;}
		
.fix{
	 display:inline-block;
	 clear:both;}
	
*html.fix{
	 height:1%;}/*start commented backslash hack\*/ 
	
.fix{
	 display:block;}/*close commented backslah hack */

article, aside, figure, footer, header, nav, section {
	 display: block;}
	 
#page-wrap{	
	 width:990px;
	 height:auto;
	 margin:0px auto;
	 background-color:#fff;
	 border:2px solid #000000;}
	   
#header{
	 width:990px;
	 height:200px;
	 background-color:#0066FF;
	 margin:0 auto;background-image:url(images/header_bg.png)}
	  
#header h1{
	 font-family:Comic Sans MS,Georgia;
	 font-size:46px;
	 text-transform:uppercase;
	 color:red;
	 text-align:center;
	 padding-top:15px;
	 letter-spacing: 2px;}
	
#header h2{
	 font-family:Comic Sans MS,Georgia;
	 font-size:20px;
	 text-transform:uppercase;
	 color:red;
	 text-align:center;
	 margin-top:5px;
	 letter-spacing: 2px;}
/*	
#header p{
	 font-size:18px;
	 font-weight:bold;
	 text-transform:uppercase;
	 font-family:Arial, Helvetica, sans-serif;
	 text-align:center;}	 
*/	
	
#slideshow{
	 width:700px;
	 height:200px;
	 margin:0 auto;
	 position:relative;
	 z-index: 1;}
       
#social-wrapper{
	 width:125px;
	 height:24px;
	 position:relative;
	 top:-70px;
	 left:10px;} 
	
.social{
	 width:100px;
	 height:24px;position:absolute;
	 top:0px;
	 left:20px;}
	
.social a{
	 display:block;
	 width:24px;
	 height:24px;
	 overflow:hidden;
	 float:left;
	 margin:0 5px 0 0}
	 
.facebook{
	 background:url(images/social_icons.png) -48px 0 no-repeat}
	 
.twitter{
	 background:url(images/social_icons.png) -72px 0 no-repeat}
	 
.linkedin{
	 background:url(images/social_icons.png) -24px 0 no-repeat}
	 	 
.youtube{
	 background:url(images/social_icons.png) -96px 0 no-repeat}	 
	 
#navigation{
	 margin-top:5px;
	 height:26px;
	 width:990px;
	 background-color:#000000;
	 background-image:url(images/nav_bg.png);}
	
#navigation ul{ 
	 float:left;
     width:960px;
     font-size:15px;
     font-family:arial;
     font-weight:bold;
     margin-top:-2px;
     margin-left:0px;z-index: 2;}          


#navigation ul li{
	 float:left; 
	 line-height:28px;
	 list-style:none; 
     position:relative; 
     padding-left:20px;}
                        
#navigation li a{
	 text-decoration:none;
     padding:3px 30px;
     color:white;}
		
#navigation li a:hover{
	 color:red;}
                               		
#navigation li ul{
	 display:none; 
	 left:0px; 
	 position:absolute; 
	 top:30px; }

#navigation li:hover ul	{
	 display:block; 
	 width:100px;
     margin-left:30px;
     padding-left:0px;}
				
#navigation li li{
	 margin-left:0px;}
					
#navigation li li a{ 
     background:#000000 url(images/news.jpg);
     float:left;
     width:191px;
     border:1px solid #0066FF;}
                    
#navigation li li a:hover{
	 text-decoration:none;}

#main-content{
	 float:left;
	 width:715px;
	 padding:0 0px 0 0;
	 height:auto;
	 min-height:1100px;}
	      
#main-content p{
	 text-align:left;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:17px;font-weight:bold;
	 padding:5px 25px 0px 30px;
	 line-height:25px;
	 margin-top:10px;
	 color:black;}	   
	  
#main-content h4{
	 background: #3075fe;
	 background-image:url(images/nav_bg.png);
	 color:#fff;
	 font-size:20px;
	 font-weight:normal;
	 text-align:center;
	 margin:0px 30px 0px 30px;}
	  
#main-content h1{ 
	 font-family:Comic Sans MS;
	 color:red;
	 font-size:25px;
	 font-weight:normal;
	 text-align:center;}
	  	  
#main-content h2{ 
	 font-family:Arial, Helvetica, sans-serif;
	 color:red;
	 font-size:20px;
	 font-weight:bold;
	 text-align:center;}
	  	  
#main-content a:link{
	 color:#3075fe;
	 text-decoration:underline;}
	  
#main-content a:visited{
	 color:#3075fe;}
	  
#main-content a:hover{
	 color:red;}	  
	  
/*	  
#main-content h3{ font-family:Arial, Helvetica, sans-serif;
	 color:red;
	 font-size:18px;
	 font-weight:bold;
	 text-align:left;
	 padding-left:30px;}
*/	

hr{
	 width:80%;
	 margin:0px 0px 0px 50px;}	  
	   
#aside{
	 float:right;
	 width:270px;
	 padding:0px 0 0 0;
	 height:auto;
	 min-height:1000px;}
	      
.featured-widgets ul{
	 list-style:none;
	 width:715px;
	 height:auto;
	 min-height:400px;
	 position:relative;padding:0px 0px 0px 0px;}
/*
.featured-widgets ul{
	 position:relative;padding:0px 0px 0px 0px;}

.featured-widgets li{
	 position: relative;}
*/
.featured-widgets h3{
	 background: #3075fe;
	 background-image:url(images/nav_bg.png);
	 color:#fff;
	 font-size:20px;
	 font-family:Georgia;
	 font-weight:normal;
	 text-align:center;
	 margin:0px 30px 0px 30px;}
	  
.featured-widgets li{
	 font-family:Comic Sans MS;
	 color:red;
	 font-size:40px;
	 font-weight:normal;
	 text-align:center;
	 margin:0px 0px 0px 30px;
	 position: relative;}	  
	  

.featured-widgets li img{
	 position:absolute;
	 left:200px;}
/*
.featured-widgets li .button{
	 position:absolute;
	 top:340px;
	 left:300px;}	   
*/	  
.flag{
	 background-image:url(images/diveflag.png);
	 background-repeat:no-repeat;
	 background-position:15% 50%;}

.widget{
	 background:url(widgetshadow.png)top right no-repeat;
	 padding:30px;
	 margin:0px 0px 0px 0px;}

.widget h4{
	 color:#3075FE;text-align:center;
	 font-size:16px;
	 text-transform: uppercase;
	 margin:0 0 12px 0;
	 letter-spacing: 5px;}
	  
.widget .date{
	 background:#3075FE;
	 background-image:url(images/nav_bg.png);	  
	 color:#fff;
	 padding:3px;
	 text-align:center;
	 width:235px;
	 margin:0 0 12px -15px;
	 letter-spacing: 3px;
	 font-size:12px;
     text-transform: uppercase;}

.widget h5{
	 font-weight:normal;color:red;
	 font-size:16px;
	 margin:0 0 6px 0;}

.widget p{
	 color:black;font-size:14px;}
	  
.widget a:link{
	 color:red;}
	
.widget a:visited{
	 color:red;}	
	
.widget a:hover{
	 color:#0066FF;}  

.widget img{
	 padding-bottom:5px;}
	 
#logobox{
	width:250px;
	height:200px;
	margin:15px 0px 0px 0px;}
	
#logobox img{
	padding:10px 0px 0px 30px;}

.contactbox{
    background-image:url(images/contactbox.jpg);
    background-repeat:no-repeat;
    margin:50px 0px 0px 50px;
    width:600px;
    height:600px;
    padding:20px;} /*Shadowbox frame around contact form*/
	    
#footer{
	width:990px;
	height:60px;
	margin:0 auto;
	background-image:url(images/footer_bg.png);}
	
#footer h3{
	text-align:center;
	font-size:16px;
	color:#fff;
	padding:5px 0px 0px 0px;}
	
#footer p{
	text-align: center;font-size:14px;color:#fff}

#footer a:link{
	color:#fff;
	text-decoration:none;}
	
#footer a:visited{
	color:#fff;}
	
#footer a:hover{
	color:red;}

.alignright{
	float:right;}
	
.alignleft{
	float:left;
	padding:0px 8px 0px 0px;}

.c1{
	margin:10px 0px 0px 250px;}	
	   
.c2{
	float:left;}/*No padding for flag.gif's*/
	
.c3{
	font-family:Georgia;
	padding-top:15px;}	
	
.center{
	margin-left:40px;}/*centers Tiburon boat picture on schedule page*/

.rental ul{
	padding-left:150px;
	list-style:none;height:auto;}	  
	
.rental li{
	list-style:url(images/bullet.gif);
	font-family:Comic Sans MS;
	color:red;font-size:18px;
	font-weight:normal;
	text-align:left;margin:0px 30px 0px 30px;
    position:relative;}	  	
      
.rental h2{
	font-size:16px; 
	color:red;
	text-align:center;}	  
		  
.rental img{
	margin-left:50px;}

.table{
	margin-left:150px;}
	 
.title{
	color:red;}/*red title in instruction course pages*/

.indented{
	margin-left:75px;}/*Center contact form text */