@charset "UTF-8";
/* CSS Document */



/* Structural Elements */

html, body {
	margin: 0;
	padding: 0;
	height:100%;
	background-color:#333333;
	background-image:url(images/bg-head.png);
	background-repeat:repeat-x;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #000000;
	text-align:left;
}

#wrap {
	width:1024px;
	margin:0 auto;
}

#top {
	position:absolute;
	top:0px;
	height:100px;
}

#main {
	position:absolute;
	top:100px;
	clear:both;
	height:586px;
	width:1024px;
	margin:0 auto;
	background-image:url(images/marin-sailing-school-main2.jpg);
	background-repeat:no-repeat;
	background-color:#333333;
}

#maininternal {
	position:absolute;
	top:100px;
	clear:both;
	height:466px;
	width:1024px;
	margin:0 auto;
}

#footer {
	position:absolute;
	top:686px;
	clear:both;
	height:10px;
	padding:8px 20px 9px 20px;
	width:984px;
	background-image:url(images/bg-foot.png);
	background-repeat:repeat-x;
}

#footer2 {
	position:absolute;
	top:598px;
	clear:both;
	height:10px;
	padding:8px 20px 9px 20px;
	width:984px;
	background-image:url(images/bg-foot.png);
	background-repeat:repeat-x;
}

#footerbig {
	position:absolute;
	top:598px;
	clear:both;
	height:88px;
	padding:15px 15px 9px 15px;
	width:994px;
	background-image:url(images/bg-footbig.png);
	background-repeat:repeat-x;
}

#hpnavbar {
	position:relative;
	top:0;
	clear:both;
	height:32px;
	width:1024px;
	background-color:#000000;
	border: none;
	opacity:0.1;
	filter:alpha(opacity=10);
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=10)”;
	-khtml-opacity: 0.1;
	-moz-opacity: 0.1;	
}

#navbar {
	position:relative;
	top:0;
	clear:both;
	height:32px;
	width:1024px;
	background-color:#333333;
	background-image:url(images/bg-navbar.png);
	background-repeat:repeat-x;
	border:none;
}

.logo {
	position:absolute;
	top:31px;
	left:65px;
	width:210px;
}

.tagline {
	position:absolute;
	top:50px;
	left:425px;
	width:570px;
}	
	
.hptextbox {
	position:absolute;
	top:70px;
	left:425px;
	width:560px;
	border:none;
	color:none;
}

.cta {
	border:solid;
	border-color:#ffffff;
	border-width:1px;
	background-color:#6699cc;
	padding:10px 12px;
	position:absolute;
	top:193px;
	left:688px;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=70)”;
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.calloutstrip {
	padding:8px 15px;
	border:none;
	background-color:#ffffff;
	position:absolute;
	width:306px;
	right:0px;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=70)”;
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.strip1 {
	position:absolute;
	top:442px;
}

.strip2 {
	position:absolute;
	top:481px;
}

.strip3 {
	position:absolute;
	top:520px;
}

.calloutbox {
	position:absolute;
	padding:15px;
	right:0px;
	height:106px;
	top:303px;
	border:none;
	background-color:#ffffff;
	width:306px;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=70)”;
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

.invitebox {
	position:absolute;
	background-image:url(images/callout.jpg);
	background-repeat:no-repeat;
	width:227px;
	height:97px;
	left:729px;
	top:435px;
	padding:15px 10px 10px 10px;
	text-align:center;
	font-family:Georgia, Times, serif;
	font-size:18px;
	color:#FFFFFF;
	line-height:22px;
}

.cbphoto {
	border:solid;
	border-color:#333333;
	border-width:1px;
	padding-right:15px;
}

#image {
	position:absolute;
	top:32;
	left:0;
	background-color:#666666;
	border:none;
}

#thumbnails {
	height:62px;
	padding-bottom:15px;
}
	
.thumb {
	border:none;
	margin-right:15px;
	width:80px;
	height:57px;
}

#content {
	position:absolute;
	top:32px;
	right:0px;
	background-color:#dddddd;
	width:364px;
	height:406px;
	padding:30px;
}

#content ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}

#content li, #content li a {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	font-size:11px;
	line-height:16px;	
}

#content ul li.active {
	border:none;
}

#content ul li.active a {
	border:none;
}

#content div {
	color:#333333;
	font-size:12px;
	line-height:17px;
	margin-top:35px;
}



/* Links */

a {
	text-decoration:none;
	color:#006699;
}

a:visited {
	text-decoration:none;
	color:#006699;
}

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

.hpnav a {
	color:#ffffff;
}


.hpnav a:visited {
	color:#ffffff;
}


.hpnav a:hover {
	text-decoration:none;
	color:#003366;
}

.nav a {
	color:#ffffff;
}

.nav a:visited {
	color:#ffffff;
}

.nav a:hover {
	text-decoration:none;
	color:#ffcc66;
}

.ctatext a {
	color:#ffffff;
}

.ctatext a:hover {
	text-decoration:none;
	color:#003366;
}

.credit a {
	color:#cccccc;
}

.credit a:visited {
	color:#cccccc;
}

.credit a:hover {
	color:#eeeeee;
}

.calloutstrip a:hover {
	color:#aaaaaa;
	text-decoration:none;
}




/* Type */

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font:#000000;
	line-height:10px;
	font-weight:normal;
	margin-top:0px;
} /* for internal page headings */

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	font-weight:lighter;
	letter-spacing:0.02em;
} /* for top tagline */

h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font:#000000;
	font-weight:bold;
} /* for internal page subheadings */

.hpnav {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font:#ffffff;
	text-align:left;
	letter-spacing:1px;
	position:absolute;
	top:8px;
	z-index:1;
}

.hpnav1{
	position:absolute;
	width:75px;
	left:425px;
}

.hpnav2 {
	position:absolute;
	width:70px;
	left:535px;
}

.hpnav3 {
	position:absolute;
	width:180px;
	left:655px;
}

.hpnav4 {
	position:absolute;
	width:90px;
	left:890px;
}

.nav {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font:#ffffff;
	text-align:left;
	letter-spacing:1px;
	position:absolute;
	top:8px;
	z-index:1;
}

.nav1{
	position:absolute;
	width:60px;
	left:425px;
}

.nav2 {
	position:absolute;
	width:75px;
	left:498px;
}

.nav3 {
	position:absolute;
	width:70px;
	left:596px;
}

.nav4 {
	position:absolute;
	width:180px;
	left:695px;
}

.nav5 {
	position:absolute;
	width:85px;
	left:895px;
}
	
.ctatext {
	font-size:16px;
	color:#ffffff;
}

.striptext {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000000;
	font-weight:normal;
}

.plus {
	color:#0066cc;
	font-weight:bold;
	font-size:18px;
}

.copyright {
	font-size:9px;
	color:#999999;
	width:250px;
	text-align:left;
	position:absolute;
	left:15px;
}
	
.credit {
	font-size:9px;
	color:#999999;
	width:250px;
	text-align:right;
	position:absolute;
	right:15px;
}