ul,ol {

	list-style:none;

	}



h1,h2,h3,h4,h5,h6,pre,code,td {

	font-size:1em;

	}



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td {

	margin:0px;

	padding:0px;

	}



a img,:link img,:visited img,fieldset {

	border:none;

	}



img, object {

	display:block;

	}



a,select {

	outline:none;

	}









/* global elements

 * ------------------------------------------------------------------------- */



/* ----- type selectors ----- */ 

body { 

	background:#0024b0 url("../images/main_bg.jpg") top left repeat-x;

	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	}



p, ul, ol, dl, pre, blockquote	{

	margin-bottom:10px;

	}



blockquote { 

	margin-left:10px;

	margin-right:10px;

	}



h2,h3 {

	margin:24px 0px 8px 0px;

	}



h1	{

	font-size:16px;

	color:#000;

	}



h2	{

	font-size:14px;

	color:#000;

	}

	

h3	{

	font-size:12px;

	color:#000;

	}



h1 span,h2 span,h3 span	{

	display:none;

	}



#nav-column a:link,#nav-column a:visited,#nav-column a:active {

	color:#fff;

	text-decoration:none;

	}



#nav-column a:hover {

	color:#fff;

	text-decoration:underline;

	font-weight:bold;

	}









/* id's for framework

 * ------------------------------------------------------------------------- */

	#wrap {

		width:780px;

		background:#0024b0 url("../images/content_middle_repeat.jpg") top left repeat-y;

		text-align:left;

		margin:0px auto;

		}

	

			/* header

			 * ------------------------------------------------------------------------- */

			#header {

				width:780px;

				height:141px;

				background:url("../images/header.jpg") top left no-repeat;

				}



			/* nav above header

			 * ------------------------------------------------------------------------- */

			#nav-above-header { 

				background:url("../images/nav-above-header.jpg") top left no-repeat; 

				width:780px; 

				height:17px; 

				margin:0px; 

				}



			#nav-above-header span { 

				display:none;

				}

			

			#nav-above-header li, #nav-above-header a {

				height:17px;

				display:block;

				}

			

			#nav-above-header li {

				float:left;

				list-style:none;

				display:inline;

				}

			

			#nav-above-header-01 { width:68px; margin-left:702px; }

			

			#nav-above-header-01 a:hover {background:transparent url("../images/nav-above-header.jpg") -702px -17px no-repeat;}



			/* horizontal nav

			 * ------------------------------------------------------------------------- */

			#nav { 

				background:url("../images/nav_horiz.jpg") top left no-repeat; 

				width:780px; 

				height:57px; 

				margin:0px; 

				}



			#nav span { 

				display:none;

				}

			

			#nav li, #nav a {

				height:28px;

				display:block;

				}

			

			#nav li {

				float:left;

				list-style:none;

				display:inline;

				margin-top:29px;

				}

			

			#nav-01 { width:151px; margin-left:44px; }

			#nav-02 { width:57px; margin-left:47px; }

			#nav-03 { width:126px; margin-left:37px; }

			#nav-04 { width:46px; margin-left:46px; }

			

			#nav-01 a:hover {background: transparent url("../images/nav_horiz.jpg") -44px -86px no-repeat;}

			#nav-02 a:hover {background: transparent url("../images/nav_horiz.jpg") -242px -86px no-repeat;}

			#nav-03 a:hover {background: transparent url("../images/nav_horiz.jpg") -336px -86px no-repeat;}

			#nav-04 a:hover {background: transparent url("../images/nav_horiz.jpg") -508px -86px no-repeat;}



			/* vertical nav

			 * ------------------------------------------------------------------------- */

			#vert-nav {

				position:relative;

				background:url("../images/nav_vert.jpg") top left no-repeat;

				width:218px; /* Width of buttons, not entite image (or half of entire image) */

				height:305px; /* Height of entire image */

				margin-bottom:10px;
				left:5px;
				}

			

			#vert-nav li span { 

				display:none;

				}

			

			#vert-nav li {

				float:left;

				list-style:none;

				padding-left:20px;

				}

			

			#vert-nav li, #vert-nav a {

				height:24px; /* Each button must have the same height, define it here */

				display:block;

				}

			

			#vert-nav-01 {

				margin-top:7px; /* margin-top to set where the nav should begin */

				width:95px;

				}

			#vert-nav-02 {

				width:145px;

				}

			#vert-nav-03 {

				width:135px;

				}

			#vert-nav-04 {

				width:155px;

				}

			#vert-nav-05 {

				width:185px;

				}

			#vert-nav-06 {

				width:178px;

				}

			#vert-nav-07 {

				width:150px;

				}



			#vert-nav-02, #vert-nav-03, #vert-nav-04, #vert-nav-05, #vert-nav-06, #vert-nav-07 { margin-top:4px; } /* margin-top if there is a spacing between each nav button */

			

			#vert-nav-01 a:hover { background: transparent url("../images/nav_vert.jpg") -240px  -7px no-repeat; }

			#vert-nav-02 a:hover { background: transparent url("../images/nav_vert.jpg") -240px  -35px no-repeat; }

			#vert-nav-03 a:hover { background: transparent url("../images/nav_vert.jpg") -240px  -63px no-repeat; }

			#vert-nav-04 a:hover { background: transparent url("../images/nav_vert.jpg") -240px  -91px no-repeat; }

			#vert-nav-05 a:hover { background: transparent url("../images/nav_vert.jpg") -240px -119px no-repeat; }

			#vert-nav-06 a:hover { background: transparent url("../images/nav_vert.jpg") -240px -147px no-repeat; }

			#vert-nav-07 a:hover { background: transparent url("../images/nav_vert.jpg") -240px -175px no-repeat; }

			





			

					/* content columns

					* ------------------------------------------------------------------------- */

					#nav-column {

						width:220px;

						float:left;

						background:url("../images/nav_bg.jpg") top left no-repeat;

						}

						

						#calendar {

							width:219px;

							height:155px;

							padding:36px 0px 0px 0px;

							background:url("../images/calendar.jpg") top left no-repeat;

							}

							#calendar ul {

								margin:4px 0px 0px 30px;

								}

								#calendar ul li,img {

									display:inline;

									}

								#calendar ul li {

										height:21px;

										margin:0px 0px 0px 14px;

										line-height:22px;

										}

										#calendar ul li.first {

											margin-left:0px;

											}

					

					#main-column {
						width:560px;

						float:left;

						}

						

						#main-column p,h1,h2,h3 {

							padding:6px 32px 0px 20px;

							}

						#main-column ul,dl {

							margin:6px 0px 10px 36px;

							}

							#main-column ul li {

								margin-bottom:4px;

								}

							#main-column dl {

								width:400px;

								}

							#main-column dl dt {

								float:left;

								display:inline;

								width:280px;

								}

							#main-column dl dt dd {

								float:left;

								display:inline;

								width:120px;

								text-align:right;

								margin-bottom:4px;

								}

								

								dl.multi-price-list dt {

									width:220px;

									font-weight:bold;

									}

								dl.multi-price-list dd {

									width:180px;

									}

									dl.multi-price-list dd.second-price {

										width:400px;

										clear:both;

										}

						#timetrade-home {

							margin-top:20px;

							width:380px;

							float:right;

							}

							#timetrade-home p {

								margin:0px;

								}

						#timetrade-button {

							width:204px;

							height:83px;

							margin:0px auto;

							padding:15px 0px 0px 15px;

							background:url("../images/timetrade-button.jpg") no-repeat;

							display:block;

							}

							#timetrade-button a {

								display:block;

								width:189px;

								height:67px;

								}

								#timetrade-button a:hover {

									background:url("../images/timetrade-button.jpg") -15px -113px;

									}

									#timetrade-button a span {

										display:none;

										}



						#main-column ul.sub-list {

							margin:2px 0px 10px 26px;

							}

						

						#main-column a:link,a:visited,a:active {

							color:#fff;

							text-decoration:none;

							font-weight:normal;

							}

						

						#main-column a:hover {

							color:#ededed;

							text-decoration:underline;

							font-weight:normal;

							}

						

						

						

			

			

					/* column nav

					* ------------------------------------------------------------------------- */

					#nav-column ul.nav {

						width:213px;

						background:#0023b1;

						margin:0px 0px 0px 5px;

						}

					

					#nav-column ul.nav li {

						padding:6px 0px 6px 8px;

						}

						

						div.nav-top {

							width:213px;

							height:43px;

							background:url("../images/nav_list_top.jpg") top left no-repeat;

							margin:1px 0px 0px 5px;

							}

						

						div.nav-bottom {

							width:213px;

							height:43px;

							background:url("../images/nav_list_bottom.jpg") top left no-repeat;

							margin:0px 0px 0px 5px;

							}

					

					#nav-column p {

						padding:10px 8px 0px 13px;

						}

						

							

							

			

			/* footer

			 * ------------------------------------------------------------------------- */

			#footer { 

				width:780px;

				height:262px;

				float:left;

				text-align:center;

				background:#0024b0 url("../images/footer.jpg") top left no-repeat;

				}

						

			#footer a:link, #footer a:visited, #footer a:active {

				color:#fff;

				text-decoration:none;

				font-weight:normal;

				}

			

			#footer a:hover {

				color:#fff;

				text-decoration:underline;

				font-weight:normal;

				}

			

			#footer ul {

				padding:270px 0px 20px 0px;

				}



			#footer p {

				padding:0px 0px 10px 0px;

				color:#fff;

				}

			

			#footer li {

				padding:0 5px 0 7px;

				display:inline;

				border-left:1px solid #fff;

				}

			

				#footer li.first {

					border:none;

					}

				

				#bobo {

					background-color:#0024b0;

					}











/* subheaders

 * ------------------------------------------------------------------------- */

 #subhead-home {

 	background:url("../images/home/head_home.jpg") top left no-repeat;

	width:560px;

	height:71px;

	}



 #subhead-forms {

 	background:url("../images/sub/head_forms.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-boat {

 	background:url("../images/sub/head_boat.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}

 #subhead-faq {

 	background:url("../images/sub/head_faq.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-gallery {

 	background:url("../images/sub/head_gallery.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-instruction {

 	background:url("../images/sub/head_instruction.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-maps {

 	background:url("../images/sub/head_maps.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-list {

 	background:url("../images/sub/head_price.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-reservations {

 	background:url("../images/sub/head_reservations.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-reservations {

 	background:url("../images/sub/head_reservations.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-shore {

 	background:url("../images/sub/head_shore.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-sitemap {

 	background:url("../images/sub/head_sitemap.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-snorkel {

 	background:url("../images/sub/head_snorkel.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}



 #subhead-thanks {

 	background:url("../images/sub/head_thanks.jpg") top left no-repeat;

	width:560px;

	height:78px;

	}









/* form stuff

 * ------------------------------------------------------------------------- */

form {

	width:225px;

	padding:40px 0px 0px 180px;

	}

	

form p {

	font-size:10px;

	margin:0px 0px 2px 0px;

	padding:0px;

	}



form br {

	line-height:0px;

	}  



input, textarea, select {

	background:url("../images/sub/main-input-bg.jpg") no-repeat;

	border:none;

	color:#000;

	width:220px; /* 5 pixles smaller than form width !important */

	height:22px;

	vertical-align:middle;

	margin-bottom:4px;

	padding-top:3px;

	padding-left:8px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	overflow:auto;

	}

	

select { 

	width:225px; /* same width as form !important */

	height:20px;

	padding:0px;

	border:none;

	padding:2px 10px 2px 4px;

	}



#main-column form textarea { 

	height:128px;

	width:220px;

	

	background:url("../images/sub/main-textarea-bg.jpg") no-repeat;

	}

	

input.submit {

	background:url("../images/sub/main-submit-bg.jpg");

	width:60px;

	height:22px;

	cursor:pointer;

	padding:0px;

	margin:8px 0px 0px 160px;

	}

	input.submit:hover {

		background-position:0px -22px;

		cursor:pointer;

		}





#nav_form {

	padding:10px 0px 0px 0px;

	margin:0px;

	width:780px;

	}



#nav_form select {

	width:120px;

	float:right;

	margin-right:6px;

	}



#nav_form input.go {

	width:30px;

	padding:0px;

	float:right;

	margin-right:20px;

	}



#res_form ul li input {

	margin-bottom:4px;

	}



#res_form textarea {

	margin:8px 0px 0px 0px;

	}









#quick-contact {

	width:170px;

	padding:0px;

	padding:10px 0px 0px 24px;

	}

	#quick-contact input,textarea {

		width:170px;

		}

	#quick-contact input {

		background:url("../images/sub/quick-input-bg.jpg") no-repeat;

		}

	#quick-contact textarea {

		height:92px;

		background:url("../images/sub/quick-textarea-bg.jpg") no-repeat;

		}

	#quick-contact input.submit {

		background:url("../images/sub/main-submit-bg.jpg");

		width:60px;

		height:22px;

		cursor:pointer;

		padding:0px;

		margin:2px 0px 0px 113px;

		}

	#quick-contact input.submit:hover {

		background-position:0px -22px;

		cursor:pointer;

		}





/* map list

 * ------------------------------------------------------------------------- */

#main-column ul.map-list {

	width:520px;

	}

#main-column ul.map-list li.map {

	width:230px;

	padding:0px;

	margin:0px;

	}

		/* map images

		 * ------------------------------------------------------------------------- */	

		#la-jolla-cove {

			height:200px;

			width:200px;

			}

			#la-jolla-cove a {

				display:block;

				height:200px;

				width:200px;

				background:url("http://www.getwetsandiego.com/images/sub/maps/la-jolla-cove.gif") 0px 0px no-repeat;

				}

				#la-jolla-cove a span {

					display:none;

					}

				#la-jolla-cove a:hover, #la-jolla-cove a:active { 

					background-position:0px -200px;

					}

		

		#la-jolla-shores {

			height:200px;

			width:200px;

			}

			#la-jolla-shores a {

				display:block;

				height:200px;

				width:200px;

				background:url("http://www.getwetsandiego.com/images/sub/maps/la-jolla-shores.gif") 0px 0px no-repeat;

				}

				#la-jolla-shores a span {

					display:none;

					}

				#la-jolla-shores a:hover, #la-jolla-shores a:active { 

					background-position:0px -200px;

					}

	

		#bonita-cove {

			height:200px;

			width:200px;

			}

			#bonita-cove a {

				display:block;

				height:200px;

				width:200px;

				background:url("http://www.getwetsandiego.com/images/sub/maps/bonita-cove.gif") 0px 0px no-repeat;

				}

				#bonita-cove a span {

					display:none;

					}

				#bonita-cove a:hover, #bonita-cove a:active { 

					background-position:0px -200px;

					}

	

		#marine-room {

			height:200px;

			width:200px;

			}

			#marine-room a {

				display:block;

				height:200px;

				width:200px;

				background:url("http://www.getwetsandiego.com/images/sub/maps/marine-room.gif") 0px 0px no-repeat;

				}

				#marine-room a span {

					display:none;

					}

				#marine-room a:hover, #marine-room a:active { 

					background-position:0px -200px;

					}



		#dive-connections {

			height:200px;

			width:200px;

			}

			#dive-connections a {

				display:block;

				height:200px;

				width:200px;

				background:url("http://www.getwetsandiego.com/images/sub/maps/dive-connections.gif") 0px 0px no-repeat;

				}

				#dive-connections a span {

					display:none;

					}

				#dive-connections a:hover, #dive-connections a:active { 

					background-position:0px -200px;

					}









/* classes

 * ------------------------------------------------------------------------- */

div.clear { 

	clear:both;

	height:.01em;

	overflow:hidden;

	}



img.img-left { 

	float:left;

	margin:0px 10px 7px 0px;

	}



img.img-left2 { 

	float:left;

	margin:0px 0px 10px 10px;

	}

	

img.img-right { 

	float:right;

	margin:3px 0px 10px 10px;

	}



img.img-right2 { 

	float:right;

	margin:0px 10px 0px 0px;

	}



img.img-right3 { 

	float:right;

	margin:0px 30px 0px 0px;

	}



.img-container-right {

	width:280px;

	float:right;

	margin-left:10px;

	margin-right:14px;

	}



.img-container-right2 {

	width:220px;

	float:right;

	margin-left:10px;

	margin-right:14px;

	}



p.to-top {

	text-align:right;

	clear:both;

	padding:20px 0px 50px 0px;

	}



input.checkbox {

	width:12px;

	height:12px;

	padding:0px;

	margin:4px 2px 0px 0px;

	}



.note-white {

	color:#fff;

	font-weight:bold;

	}



.red-skill-rating {

	color:#ff0000;

	font-weight:bold;

	}



.small-text {

	text-size:9px;

	}

span.small-text-10px {

	font-weight:normal;

	display:inline;

	font-size:10px;

	}



.dive-list {

	list-style:none;

	}



dl.sitemap dt {

	width:400px;

	display:block;

	font-size:13px;

	}

dl.sitemap dd {

	padding-left:12px;

	width:388px;

	display:block;

	text-align:left;

	}



ul.float-list-left {

	width:220px;

	float:left;

	}

ul.float-list-right {

	width:220px;

	float:right;

	}



.after-float {

	clear:both;

	}









/* image list items

 * ------------------------------------------------------------------------- */

#pdf-forms { 

	margin-left:5px;

	padding-top:16px;

	}

	#pdf-forms li { 

		background:transparent url("../images/sub/pdf-icon.gif") 0px 0px no-repeat;

		padding-left:23px; 

		height:24px;

		}