@charset "utf-8";

*{
	margin:0;
	padding:0;
}

body {
	background:url(images/dive-shop-bg.jpg) repeat-x top center;
	background-color: #0c7cde;
}

#holder {
	width:956px;
	height:auto;
	margin:auto;
}

#holder-info {
	width:948px;
	height:auto;
	float:left;
	background:url(images/dive-shop-holder.png) repeat-y;
	padding-left:8px;
}

#bg-bottom {
	width:100%;
	height:252px;
	clear:both;
	background:url(images/dive-shop-foot.jpg) top center;
}

#holder-foot {
	width:956px;
	height:226px;
	margin:auto;
	background:url(images/foot.png);
}

#footer-menu {
	width:956px;
	height:84px;
	float:left;
}

#bottom-menu {
	width:948px;
	height:142px;
	float:left;
	padding-left:8px;
}

#foot {
	width:100%;
	height:100px;
	background:#09223c;
	float:left;

}

#logo {
	width:233px;
	height:70px;
	float:left;
	margin-top:30px;
	margin-bottom:2px;
}

#menu-dive {
	width:956px;
	height:52px;
	float:left;
	background:url(images/menu-catalina-dive.png) left;
}

/* Home Page Styles */

#flash {
	width:940px;
	height:276px;
	float:left;
}

#title-dive-shop {
	width:940px;
	height:41px;
	float:left;
	background:url(images/title-dive-shop.jpg);
}

#info-dive-shop {
	width:940px;
	height:auto;
	float:left;
	background:url(images/info-dive-shop.jpg) repeat-y;
}

#info-left {
	width:487px;
	height:315px;
	float:left;
	padding-top:13px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:13px
}

#info-right {
	width:378px;
	height:305px;
	float:right;
	padding-left:17px;
	padding-right:17px;
	padding-top:13px;
	padding-bottom:13px
}


/* Snorkeling Page Styles */

#snorkeling-flash {
	width:940px;
	height:200px;
	float:left;
	background:url(images/snorkeling-tours.jpg);
}

#snorkeling-left {
	width:583px;
	height:auto;
	float:left;
	padding-top:13px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:13px
}

#snorkeling-right {
	width:281px;
	height:auto;
	float:left;
	padding-top:13px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:13px
}

#info-snorkeling {
	width:940px;
	height:auto;
	float:left;
	background:url(images/info-snorkeling.jpg) repeat-y;
}


/* Scuba Diving Page Styles */

#scuba-flash {
	width:940px;
	height:200px;
	float:left;
	background:url(images/scuba-diving-adventures.jpg);
}

#guided-tours-flash {
	width:940px;
	height:200px;
	float:left;
	background:url(images/guided-tours-header.jpg);
}

#certification-flash {
	width:940px;
	height:200px;
	float:left;
	background:url(images/certification-classes-header.jpg);
}

#info-scuba {
	width:940px;
	height:auto;
	float:left;
	background:url(images/info-guided-tours.jpg) repeat-y;
}

#info-certification {
	width:940px;
	height:auto;
	float:left;
	background:url(images/info-certification.jpg) repeat-y;
}

#tours-left {
	width:573px;
	height:1115px;
	float:left;
	padding-top:13px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:13px
}

#tours-right {
	width:311px;
	height:1115px;
	float:left;
	padding-top:13px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:13px
}

#certification-classes {
	width:900px;
	height:auto;
	float:left;
	padding-top:13px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:13px
}

#certification-photo {
	width:160px;
	height:120px;
	float:left; 
	padding-right:10px;
	padding-bottom:5px;
}

/* Getting to Catalina Page Styles */

#catalina-flash {
	width:940px;
	height:200px;
	float:left;
}

#catalina-left {
	width:487px;
	height:auto;
	float:left;
	padding-top:13px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:13px
}

#catalina-right {
	width:378px;
	height:auto;
	float:right;
	padding-left:17px;
	padding-right:17px;
	padding-top:13px;
	padding-bottom:13px
}

/* Scuba Diving Page Styles */

#contact-left {
	width:533px;
	height:auto;
	float:left;
	padding-top:13px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:13px
}

#contact-right {
	width:351px;
	height:610px;
	float:left;
	padding-top:13px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:13px
}

#info-contact {
	width:940px;
	height:auto;
	float:left;
	background:url(images/info-contact.jpg) repeat-y;
}

#contact-flash {
	width:940px;
	height:200px;
	float:left;
}


/* Reservation Page Styles */

#reservation-flash {
	width:940px;
	height:200px;
	float:left;
	background:url(images/snorkeling-tours.jpg);
}

#reservation-right {
	width:281px;
	height:730px;
	float:left;
	padding-top:13px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:13px
}



/* Hover Link Styles */

.foot a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #aad8dd;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.foot a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #aad8dd;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.foot  a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #aad8dd;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.foot a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}


.whitelink a:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}

.whitelink a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}
.whitelink  a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}
.whitelink a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FFF;
	text-decoration: underline;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}

.title a:link {
	color: #43667a;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.title a:visited {
	color: #43667a;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.title  a:active {
	color: #43667a;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.title a:hover {
	color: #036;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

.read a:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #3c5347;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	line-height: normal;
}

.read a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #3c5347;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	line-height: normal;
}
.read  a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #3c5347;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	line-height: normal;
}
.read a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #006;
	text-decoration: underline;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	line-height: normal;
}

.yellow a:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #f1e89e;
	text-decoration: none;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}

.yellow a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #f1e89e;
	text-decoration: none;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}
.yellow  a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #f1e89e;
	text-decoration: none;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}
.yellow a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #f1e89e;
	text-decoration: underline;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}

.map a:link {
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.map a:visited {
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.map  a:active {
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.map a:hover {
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}



/* Font Styles */

.tahoma12w {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
}

.tahoma12blue {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #2b495b;
	text-decoration: none;
}
.tahoma11g {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #3c5347;
	text-decoration: none;
}
.verdana11 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #aad8dd;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #43667a;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

hr {
	background:url(images/hr.jpg) repeat-x;

}
.tahoma12ye {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #f1e89e;
	text-decoration: none;
}

.bullet {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #090;
	text-decoration: none;
}
.regTable{
	height: 360px;
	width: 500px;
}
.textField{
	height: 18px;
	width: 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0A65B4;
	border: 1px solid #58758F;
}


/*
    ColorBox Core Style for Catalina Dive Shop Map
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}