html {
      background: url(../images/background.jpg) fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

body {
	  text-align: center;
      font-family: Arial, Helvetica;
      margin: 0 auto;
	  text-align: left;
}

img {
	border: none;
}

.content {
	text-align: left;
	width: 1300px;
	margin: 0 auto;
 }

.headercont {
	 margin-top: 10px;
	 overflow: auto;
}

.sanc {
	margin: 0 auto;
	margin-left: 66px;
	margin-bottom: 5px;
}

#sddm {	margin: 0;
	padding: 0;
	position: relative;
	z-index: 30;
}

#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;
}

#sddm li a {
    display: block;
    margin: 0 0 1px 0;
    margin-left: 3px;
	margin-bottom: 5px;
	padding: 4px 9px;
	padding-left: 12px;
	width: 99px;
	background: #000066;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover {	
    background: #000066;
    color: #F7AA16
    }

#sddm div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #F5F5F5;
	border: 1px solid #5970B2;
}

#sddm div a {
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: 105px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #F5F5F5;
	color: #2875DE;
	font: 11px arial;
}

#sddm div a:hover {
	background: #F7AA16;
	color: #FFF;
}

#resnav {
    background: #35b200 !important;
}

html#home a#homenav,
html#reservations a#resnav,
html#information a#infonav,
html#log a#lognav,
html#marinelife a#marinenav,
html#galleries a#galnav,
html#Photo Blog a#sightnav,
html#about a#aboutnav {
	color: #F7AA16;
}

body#watching a#watchnav,
body#charters a#charternav,
body#burials a#burialnav,
body#school a#schoolnav,
body#birding a#birdingnav,
body#prep a#prepnav,
body#plan a#plannav,
body#partnerships a#partnav,
body#species a#specnav,
body#humpbacks a#humpnav,
body#orcas a#orcanav,
body#bluewhales a#bluenav,
body#graywhales a#graynav,
body#dolphins a#dolphnav,
body#otters a#otternav,
body#birds a#birdnav,
body#molamolas a#molanav,
body#leatherbacks a#leathernav,
body#morephotos a#gallerynav,
body#hump2 a#hump2nav,
body#photos a#photonav,
body#orca2 a#orca2nav,
body#blue2 a#blue2nav,
body#dolph2 a#dolph2nav,
body#otter2 a#otter2nav,
body#recent a#recentnav,
body#ownership a#ownernav,
body#contact a#contactnav,
body#vessel a#vessnav,
body#captains a#capnav,
body#morelife a#morenav,
body#biologists a#bionav,
body#conservation a#connav,
body#history a#hisnav,
body#directions a#dirnav {
	color: #F5F5F5;
	background: #F7AA16;
}

.sf-menu span {
    border-bottom:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    padding:9px 13px;
    display:block;
    position:relative;
}

.subbox {
	margin: 0 auto;
	margin-top: 15px;
	width: 190px;
	float: right;
	padding: 10px;
	margin-left: 10px;
	border-style: solid;
	border-width: 1px;
	background-color: #149595;
}

.main2 {
	margin-top: 3px;
	padding-top: 3px;
	width: 994px;
	text-align: left;
	background-color: #6DEBFF;
	font-size: 14px;
	padding-bottom: 3px;
	color: #151B8D;
}

.main {
	position: relative;
	margin-top: 3px;
	width: 954px;
	padding: 20px;
	padding-top: 3px;
	text-align: left;
	background-color: #6DEBFF;
	font-size: 14px;
	color: #151B8D;
}

.welcome {
	padding-bottom: 20px;
	/*
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #000066;
	*/
	width: 948px;
	color: #6DEBFF;
	clear: both;
	margin: 0 auto;
}

.homepage-callout {
	float: left;
	padding: 14px 0 0 26px;
}

.newsletter {
	padding: 20px;
	padding-top: 20px;
	width: 948px;
	color: #000066;
	clear: both;
	margin: 0 auto;
}

.difference {
	 margin: 0 auto;
	 /*
	 -webkit-border-bottom-left-radius: 10px;
	 -webkit-border-bottom-right-radius: 10px;
	 -moz-border-radius-bottomleft: 10px;
	 -moz-border-radius-bottomright: 10px;
	 border-bottom-left-radius: 10px;
	 border-bottom-right-radius: 10px;
	 background-color: #000066;
	 */
	 width: 630px;
	 color: #6DEBFF;
	 margin-left: 23px;
	 position: relative;
}

.dubcont {
	/*
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	*/
	width: 295px;
	float: right;
	color: #000066;
	margin-left: 3px;
	margin-right: 3px;

	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;

}

.living {
	padding-top: 10px;
	/*
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	*/
	width: 948px;
	margin-left: 23px;
	margin-top: 23px;
	color: #000066;
	
	border-radius: 10px;
	-webkit-border-radius: 10p;
	-moz-border-radius: 10px;
}

.questions {
	padding: 3px 25px 0;
	margin: 30px 3px 0;
	width: 255px;
	float: right;
	color: #000066;
}

.texta {
	color: #000066;
	padding-top: 17px;
	width: 410px;
}

.texta2 {
	color: #000066;
	padding-top: 17px;
	width: 550px;
}

.chc {
	color: #000066;
	padding-top: 17px;
	width: 550px;
}

.largehcont1 {
	clear: both;
	width: 980px;
}

.textb {
	color: #000066;
	padding-top: 10px;
	width: 300px;
}

.photoc {
	width: 400px;
	margin-top: 50px;
	color: #000066;
}

.humpb {
	width: 955px;
	margin-top: 10px;
	color: #000066;
}
         
.humpsubb1 {
	width: 400px;
	position: relative;
	top: 130px;
	left: 100px;
	padding-bottom: 20px;
}

.humpsubb2 {
	width: 547px;
	float: right;
	position: relative;
	top: -140;
	padding-bottom: 20px;
}

.humpc {
	width: 955px;
	margin-top: 10px;
	color: #000066;
}

.humpd {
	width: 955px;
	margin-top: 10px;
	color: #000066;
}
         
.humpd {
	width: 807px;
	margin: 0 auto;
	position: relative;
	top: -60px;
	padding-bottom: 20px;
}

.humpf {
	width: 727px;
	margin: 0 auto;
	position: relative;
	top: -10px;
	padding-bottom: 20px;
}

.hump {
	width: 350px;
	height: 200px;
	float: right;
	margin-top: 10px;
	color: #000066;
}

.humpsubc1 {
	width: 350px;
	position: relative;
	top: -100px;
	left: -100px;
	float: right;
}

.humpsubc2 {
	width: 598px;
	float: left;
	position: relative;
	top: -110;
}

.bluec {
	 width: 400px;
	 margin-top: 50px;
	 color: #000066;
 }

.blueb {
	 margin-left: 20px;
	 padding-bottom: 20px;
	 padding-top: 20px;
	 width: 470px;
	 float: right;
	 color: #000066;
 }

.bluee {
	 width: 470px;
	 color: #000066;
 }

.cbb {
	 text-align: right;
	 width: 470;
 }

.cbd {
	 text-align: right;
	 width: 955;
 }

.cbe {
	 text-align: right;
	 width: 470;
 }

.collisions {
	 width: 460px;
	 float: right;
	 color: #000066;
 }

.blued {
	 margin: 0 auto;
	 margin-top: 20px;
	 padding-bottom: 20px;
	 width: 955px;
	 color: #000066;
 }
         
.twitter {
	 width: 255px;
	 color: #000066;
	 margin-left: 3px;
	 margin-right: 3px;
 }

.banner li {
	position: relative;
}

.banner {
	/*
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	*/
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	width: 994px;
	padding: 3px;
	padding-top: 5px;
	background-color: #000066;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin: 0 auto;
}
      
.facebook {
	display: inline;
}

.tripadv {
	position:relative;
	top:-25px;
	left:740px;
	z-index:2;
}

.yelp {
	position:relative;
	top:5px;
	left:698px;
	z-index:1;
}

.banner1 {
	position: absolute;
	z-index: -1;
}

.footer {
	clear: both;
	text-align: center;
	position: relative;
	font-size: 12px;
	color: #F5F5F5;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 15px;
}

.gallery_photo_01 {
	width: 300px;
	position: relative;
	top: -15px;
	left: 1px;
	padding-bottom: 20px;
}

.image_cap_01 {
	width: 300px;
	position: relative;
	top: 223px;
	left: 1px;
	padding-bottom: 20px;
}

.gallery_photo_02 {
	width: 300px;
	position: relative;
	top: -271px;
	left: 326px;
	padding-bottom: 20px;
}

.image_cap_02 {
	width: 300px;
	position: relative;
	top: -31px;
	left: 326px;
	padding-bottom: 20px;
}

.gallery_photo_03 {
	width: 300px;
	position: relative;
	top: -527px;
	left: 651px;
	padding-bottom: 20px;
}

.image_cap_03 {
	width: 300px;
	position: relative;
	top: -286px;
	left: 651px;
	padding-bottom: 20px;
}

.gallery_photo_04 {
	width: 300px;
	position: relative;
	top: -548px;
	left: 1px;
	padding-bottom: 20px;
}

.image_cap_04 {
	width: 300px;
	position: relative;
	top: -307px;
	left: 1px;
	padding-bottom: 20px;
	}
	
.gallery_photo_05 {
	width: 300px;
	position: relative;
	top: -804px;
	left: 326px;
	padding-bottom: 20px;
	}

.image_cap_05 {
	width: 300px;
	position: relative;
	top: -564px;
	left: 326px;
	padding-bottom: 20px;
}
	
.gallery_photo_06 {
	width: 300px;
	position: relative;
	top: -1061px;
	left: 651px;
	padding-bottom: 20px;
}

.image_cap_06 {
	width: 300px;
	position: relative;
	top: -821px;
	left: 651px;
	padding-bottom: 20px;
}

.gallery_photo_07 {
	width: 300px;
	position: relative;
	top: -1078px;
	left: 1px;
	padding-bottom: 20px;
}

.image_cap_07 {
	width: 300px;
	position: relative;
	top: -837px;
	left: 1px;
	padding-bottom: 20px;
}

.gallery_photo_08 {
	width: 300px;
	position: relative;
	top: -1334px;
	left: 326px;
	padding-bottom: 20px;
}

.image_cap_08 {
	width: 300px;
	position: relative;
	top: -1094px;
	left: 326px;
	padding-bottom: 20px;
}

.gallery_photo_09 {
	width: 300px;
	position: relative;
	top: -1591px;
	left: 651px;
	padding-bottom: 20px;
}

.image_cap_09 {
	width: 300px;
	position: relative;
	top: -1351px;
	left: 651px;
	padding-bottom: 20px;
}

.orca_text_a {
	width: 800px;
	position: relative;
	top: 680px;
	left: 80px;
	padding-bottom: 20px;
}

.orca_image_01 {
	width: 800px;
	position: relative;
	top: -100px;
	left: 78px;
	padding-bottom: 20px;
}

.orca_eco_location {
	width: 801px;
	position: relative;
	top: 0px;
	left: 60px;
	padding-bottom: 20px;
}

.seeing_with_sound {
	width: 500px;
	position: relative;
	top: 40px;
	left: 30px;
	padding-bottom: 0px;
}

.seeing_with_sound_text  {
	width: 800px;
	position: relative;
	top: 0px;
	left: 80px;
	padding-bottom: 20px;
}

a:visited {
	color: #ff33ff;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

a:active {
	color: #777777;
}

.link_color {
     color: #4aed05; text-decoration: underline;
}

.youtube_front_page {
	width: 600px;
	position: relative;
	top: 0px;
	left: 25px;
}

.difference_2 {
	padding: 20px;
	padding-top: 10px;
	margin: 0 auto;
	margin-top: 3px;
	/*
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	*/
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	width: 610px;
	background-color: #000066;
	color: #6DEBFF;
	margin-left: 23px;
	position: relative;
	top: 20px;
	left: 0px;
}

.fb-like {
	width: 100px;
	position: relative;
	top: -100px;
	left: 800px;
}

.captain_mike {
	width: 319px;
	height: 350px;
	position: relative;
	top: -170px;
	left: 575px;
	padding-bottom: 20px;
}

.captain_mike_text {
	width: 435px;
	position: relative;
	top: 70px;
	left: 50px;
	padding-bottom: 20px;
}

.captain_mike_text_photo_cap {
	width: 319px;
	position: relative;
	top: -185px;
	left: 575px;
	padding-bottom: 20px;
}

/********************************************
*       Santa Cruz App Dev
********************************************/

.google-maps {
	float: right;
	margin-left: 15px;
}

.social-network-icons {
	padding-right: 23px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}

.left-blue-corner {
	float: left;
	background-image: url('/images/rounded-corners/blue-rounded-o.png');
	background-position: top left;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.right-blue-corner {
	float: right;
	background-image: url('/images/rounded-corners/blue-rounded-o.png');
	background-position: top right;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.top-border-container {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height:10px;
}

.top-main-border {
	float: left;
	height: 10px;
	width: 98%;
	background-color: #000066;
}

.top-blue-border {
	float: left;
	background-color: #000066;
	width: 928px;
	height: 10px;
}

.bottom-left-blue-corner {
	float: left;
	background-image: url('/images/rounded-corners/blue-rounded-o.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.bottom-right-blue-corner {
	float: right;
	background-image: url('/images/rounded-corners/blue-rounded-o.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.top-turquoise-border {
	float: left;
}

.top-left-turquoise-corner {
	float: left;
	background-image: url('/images/rounded-corners/turquoise-rounded.png');
	background-position: top left;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.top-right-turquoise-corner {
	float: right;
	background-image: url('/images/rounded-corners/turquoise-rounded.png');
	background-position: top right;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.bottom-left-turquoise-corner {
	float: left;
	background-image: url('/images/rounded-corners/turquoise-rounded.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.bottom-right-turquoise-corner {
	float: right;
	background-image: url('/images/rounded-corners/turquoise-rounded.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.bottom-turquoise-border {
	height: 10px;
	width: 928px;
	float: left;
	background-color: #149595;
}

.bottom-blue-border {
	float: left;
	height: 10px;
	width: 610px;
	background-color: #000066;
}

#welcome-content {
	background-color: #000066;
	margin-top: -6px\9;
}

#welcome-content p,
#welcome-content .item {
	padding: 0 20px 20px 20px;
}

.difference-border {
	width: 630px;
	height: 10px;
	margin-left: 23px;
}

.top-difference-border {
	height: 10px;
	float: left;
	background-color: #000066;
	width: 610px;
}

.difference-content {
	background-color: #000066;
	padding:20px;
	padding-bottom: 30px;
}

.living-content {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 10px;
	background-color: #149595;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.center {
	text-align: center;
}
.centered {
	margin-left: auto;
	margin-right: auto;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


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