@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
	vertical-align:baseline;
}

a img, :link img, :visited img {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}


ol, ul {
	list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}


a:focus {
	outline:none;
}

#haslayout {
	display:inline-block;
}

#haslayout {
	display:block;
}


body {
	font:76% Verdana, Geneva, Arial, Helvetica, Corbel, sans-serif;
	text-align:center;
}


.narrow1 {
	line-height:1.3em;
}

.narrow2 {
	line-height:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


a {
	text-decoration:none;
	font-weight:700;
	color:#000;
}

a:hover {
	text-decoration:underline;
}


h1 {
	font-size:2em;
	font-weight:400;
	margin-top:0;
	margin-bottom:0;
}

h2 {
	font-size:1.7em;
	margin:1.2em 0;
	font-weight:400;
}


h3 {
	font-size:1.4em;
	margin:1.2em 0;
	font-weight:400;
}

h4 {
	font-size:1.2em;
	margin:1.2em 0;
	font-weight:700;
}


h5 {
	font-size:1em;
	margin:1.2em 0;
	font-weight:700;
}

h6 {
	font-size:.8em;
	margin:1.2em 0;
	font-weight:700;
}


img {
	border:0;
}

ol, ul, li {
	font-size:1em;
	line-height:1.8em;
	margin-top:.2em;
	margin-bottom:.1em;
}


p {
	font-size:1em;
	line-height:1.8em;
	margin:1.2em 0;
	padding:0 .5em;
}

li>p {
	margin-top:.2em;
}


pre {
	font-family:monospace;
	font-size:1em;
}

strong, b {
	font-weight:700;
}

ul#mainNav {
	position:relative;
	background-color:#fff;
	padding:0 0 2em;
	margin:10px 2px 0 2px;
	text-align:center;
	overflow:hidden;
	zoom:1;
	border-bottom: 7px solid #033A9F ; 
	border-top: 7px solid #033A9F ; 
}


ul.broker#mainNav {
	margin-left:10em;
}

ul#mainNav li {
	float:left;
	list-style:none;
}

ul#mainNav li.broker {
	margin-left: 6em ;	/* first list item on main broker nav gets a left padding for centering */
}

#mainNav li.back {
	border-bottom:5px solid blue;
	width:9px;
	height:30px;
	z-index:8;
	position:absolute;
}


#mainNav li a {
	font:bold 14px 'lucina grande', arial, sans-serif;
	text-decoration:none;
	color:#000;
	outline:none;
	text-align:center;
	top:7px;
	text-transform:uppercase;
	letter-spacing:0;
	z-index:10;
	display:block;
	float:left;
	height:30px;
	position:relative;
	overflow:hidden;
	margin:auto 14px;
}


#mainNav li a:hover, #mainNav li a:active, #mainNav li a:visited {
	border:none;
}


@charset "utf-8";
	body {
	background:#033a9f;
	color:#0F0F0F;
	font:62.5%/1em Arial, Helvetica, sans-serif;
	margin:1em 0 0;
	padding:0;
}


p {
	font-size:1.2em;
	margin-bottom:1em;
}

h1 {
	font-size:3em;
}

h3 {
	font-size:2.5em;
}


#wrapper {
	background:#fff url(../i/sw_bg.jpg);
	width:80em;
	margin:1em auto;
	text-align:center;
}


#topcopy p span {
	font-weight:700;
}

#topPanel {
	width:770px;
	position:relative;
	margin:0 auto;
	padding:0;
}


#topPanel ul {
	display:inline;
}

#topPanel ul li {
	float:left;
	font-family:'lucinda grande', arial, sans-serif;
}


#topPanel #headerPanelpc, #topPanel #headerPanelpg, #topPanel #headerPanelcu {
	width:230px;
	height:180px;
	margin: auto 10px 0 ;
	padding:0;
	color:#fff;
	display:inline-block;
}


#topPanel #headerPanelpc {
	background:transparent url(http://seawitchsailingcharters.com/i/o-normal.jpg) no-repeat 0 0;
}


#topPanel #headerPanelpg {
	background:transparent url(http://seawitchsailingcharters.com/i/g-normal.jpg) no-repeat 0 0;
}


#topPanel #headerPanelcu {
	background:transparent url(http://seawitchsailingcharters.com/i/b-normal.jpg) no-repeat 0 0;
}


#topPanel #headerPanelpc a, #topPanel #headerPanelpg a, #topPanel #headerPanelcu a {
	height:180px;
	padding-top:1em;
	padding-left:60px;
	padding-right:50px;
	display:block;
	text-decoration:none;
	font:2.5em/1.2 'lucina grande', arial, sans-serif;
	font-weight:700;
}


#topPanel #headerPanelpc a:hover, #topPanel #headerPanelpg a:hover, #topPanel #headerPanelcu a:hover {
	padding-top:1em;
	padding-left:60px;
	padding-right:50px;
	background:transparent url(http://seawitchsailingcharters.com/i/h.jpg) no-repeat 0 0;
	height:180px;
	color:#fff;
	text-decoration:none;
}


#bodyPanel {
	width:75em;
	position:relative;
	margin:1.2em auto 0;
	padding:0;
}

#bodyPanel img {
	float:left;
	margin:.3em 2.5em 1em 1em;
}


#slides {
	width:240px;
	height:240px;
	overflow:hidden;
	position:relative;
	float:left;
	margin-right:18px;
	margin-bottom:10px;
	border:2px solid red;
}


#bodyPanel h2 {
	margin:0 16px;
}

h2 {
	background:#fff;
	display:block;
	margin:0 0 0 1em;
	font:3em/1 Georgia, "Times New Roman", Times, serif;
	font-weight:700;
	padding:0;
	color:red;
	text-align:left;
}


#bodyPanel p {
	margin:1em 0 1em 4em;
	color:#0F0F0F;
	font-size:1.4em;
	line-height:1.5;
}


#bodyPanel p.pad {
	margin-bottom:2em;
}

#bodyPanel p span {
	font-weight:700;
}

.em {
	font-weight:700;
	font-style:italic;
}


#bodyPanel div.dotline {
	clear:both;
	background:#fff url(../i/dot-line.gif) 0 0 repeat-x;
	padding:0;
	margin:1.5em 3em 0 2em;
	color:#000;
}


#bodyPanel p.capstext {
	background:none;
	font:1.8em/1.6em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#555;
	padding:.2em .8em 0;
	margin:0 .5em 1em;
}


ul#contact {
	clear:both;
	display:block;
	border:1px dashed #006;
	margin:.2em 1em 1em;
	padding-bottom:1em;
}


ul#contact, ul#contact li {
	padding:1em .01em .2em .2em;
	font-weight:700;
	margin:.5em 1em;
	text-align:center;
}


ul#contact li {
	display:inline;
	vertical-align:;
	font-size:1.3em;
}

ul#contact li img {
	vertical-align:middle;
	margin:0 .5em 0 0;
	float:none;
}


ul#contact li a span {
	text-decoration:none;
}

ul#contact li a:hover span {
	text-decoration:underline;
}


ul#contact li a, ul#contact li a:hover {
	text-decoration:none;
}

#footerPanel {
	clear:both;
	width:100%;
	background:#DCDCDC;
	color:#FC9;
	font-size:1em;
	margin:.1em auto;
	text-align:center;
}


#footerPanel ul {
	padding:.3em;
	margin:0 auto;
	text-align:center;
	font-style:normal;
}


#footerPanel ul, #footerPanel ul li {
	display:inline;
	color:#666;
	padding:0 1em;
	height:1.5em;
}


#footerPanel ul li a {
	font-weight:400;
}

table {
	border-collapse:collapse;
	margin:1em auto;
}


table, tr, td {
	padding:0 .2em .2em;
	margin:0;
}

table.rates {
	border:1px solid #666;
	text-align:left;
	vertical-align:top;
	padding:.3em .5em;
}


table.rates tr td {
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	vertical-align:top;
}


thead {
	text-align:center;
	font-weight:700;
	font-size:1.2em;
	border-bottom:1px solid #666;
}


table.rates tbody tr:hover td, table.rates tbody tr:focus td, table.rates tbody tr:hover th, table.rates tbody tr:focus th {
	background:url("../i/p/shimx.gif") repeat-x top left;
	color:#000;
}


table.rates tr.odd {
	background:url("../i/p/shim.gif") repeat-x top left;
}

#bodyPanel p.abnb {
	text-align:center;
	margin:1em auto;
	padding:1em;
	background-color:#FFFFEA;
	border:1px solid #006;
}


.ip {
	margin-top:1em;
}

label {
	display:block;
	margin:.2em auto .5em;
}

.skip {
	visibility:hidden;
}


.contact {
	font-weight:700;
	text-align:center;
}

div.footer {
	background:#E2F3FC url("../i/p/shim.gif") repeat-x left;
}


div.footer p {
	font-size:1em;
	text-align:center;
}

form {
	border:1px solid #006;
}


body#main div#services {
	float:right;
	width:25%;
	background-color:#E6E6E6;
	border:1px dotted #666;
	padding:12px;
	margin:18px 0 10px 10px;
}


body#main #services ul, body#main #services ul li {
	list-style:circle;
	list-style-position:inside;
}


body#main #services ul li span {
	font-weight:700;
	font-size:1.1em;
}

body#main #services p {
	margin:5px auto 2px 0;
	padding-left:0;
	font-weight:700;
	font-style:italic;
	text-decoration:underline;
}


body#main #coc {
	width:350px;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 10px;
	/*height:201px*/;
}

body#main body#main #coc a, body#main #coc a img {
	margin:0 auto .5em;
	text-align:center;
	float: right;
}


body#main object {
	visibility:hidden;
	position:absolute;
}

body#main #services {
	float:right;
	width:25%;
	background-color:#E6E6E6;
	border:1px dotted #666;
	padding:12px;
	margin:18px 0 10px 10px;
}


body#main p em {
	font-style:italic;
	font-weight:700;
}

body#main div#coc {
	margin: 10px 0 10px 10px;
	text-align:right;
	float:right;
}


body#main #coc a img {
	/* margin:0 1em; */
	vertical-align: right;
}

body#main #coc a span {
	font-weight:700;
}

/* magazine excerpt */
body#main .pullquoteNarrowR {
    float: right;
    text-align: right;
    width: 375px;
}

body#main .pullquoteNarrowR img {
	margin: 0 ;
	float: none ;
}

body#main .pullquoteNarrowR span {
	text-align: right ;
	display: block; 
	clear: right;
}

body#main .pullquoteNarrowR, .pullquoteNarrow {
    color: black;
	background-color: #fff;
	border: 3px solid #eee;
    float: left;
    font-family: Arial,Helvetica,Georgia;
    font-size: 18px;
    line-height: 20px;
    margin: 0 auto;
    padding: .2em;
    text-align: left;
    width: 370px;
}

.quote {
    float: left;
    margin-right: 0.4em;
}

.quoteCaption {
	font: 700 2em/1 Georgia,"Times New Roman",Times,serif;
	color: red;
}

a.pdf {
	padding-right: 25px ;
	background: url("../i/p/pdf.png") center right no-repeat ;
}

.cRust { color: #A0522D; } /* dk brownish-rust */
.cTeal { color: #3b90ad ; } /* nice teal */
.iColor { color: #FFF; background-color: inherit ; }
.cBl { color: Black; }
.cBlue { color: Blue; }
.cSilver { color: Silver; }
.cGray { color: Gray; }
.cDkBl { color: #00008B; }/* DarkBlue */

.small { font-size: .9em; line-height: .8em; }
.big { font-size: 1.5em; line-height: .8em; }
.italic { font-style: italic ; }
.strong { font-weight: bold ; }
.stronger { font-weight: bolder ; }

.fn {
	font-size: .6em;
	font-style: italic;
	line-height: 1em;
	color: #5C6C78;
	text-align: right;
}
/* end magazine excerpt */

body#main #bodyPanel img.quote, body#main #bodyPanel img.unquote {
	float:none;
	margin:0;
}


body#main #bodyPanel img.quote {
	display:inline-block;
}

body#about #copy {
	width:380px;
}

/*body#about #bodyPanel {
	width: 80em ;
}*/

body#about #bodyPanel h2 {
	margin-left:0;
}

body#about #bodyPanel p+h2 {
	margin-top:1.2em;
}


body#about #bodyPanel p {
	margin-left:0;
}

body#about #bodyPanel p+div.dotline {
	margin-top:2em;
}


body#about #bodyPanel div.dotline {
	clear:none;
}

body#crew #bodyPanel div.picsR,
body#about #bodyPanel div.picsR {
	width:350px;
	float:right;
	margin-left:1em;
}

body#crew #bodyPanel img {
	border: 3px solid #039 ;
	padding: 5px;
}

body#about ul.pics {
	overflow: auto;
	width: 100%
}

body#about #bodyPanel ul.pics li {
	width:345px;
	float:left;
	margin-right:1em;
	margin-left:1em;
}


body#about #bodyPanel ul.pics li  {
	border:3px solid #930;
	padding:5px;
	margin-bottom:2em;
	margin-left:;
}


body#about #bodyPanel ul.pics li h3 {
	font-size:1em;
	font-weight:700;
	text-align:right;
	margin:.5em .5em 0 0;
	padding-top:.5em;
	line-height:normal;
}


body#about div#bodyPanel ul.pics li img {
	margin:5px ; 
	float:none;
}


body#about #bodyPanel div.th_strip {
	float:left;
	margin:16px 20px 0 0;
	width:90px;
}


body#about #bodyPanel div.th_strip img {
	margin-bottom:16px;
	border:2px solid #7dd300;
	padding:4px;
}


body#about #inset {
	padding:.5em;
	background-color:#CCC;
	border:1px solid #000;
	font-style:italic;
	font-weight:700;
	clear:both;
}


body#rates div#tables {
	font-size:1.2em;
}

body#rates h2 {
	margin-left:.3em;
	width:auto;
}


body#rates td {
	padding:.5em;
}

body#rates table.rates {
	margin:1em auto;
	text-align:center;
	width:70%;
}


body#rates table.inset {
	border:none;
	width:90%;
	float:right;
}

body#rates .mainHdr {
	font-size:1.5em;
	font-weight:700;
	background-color:#EFE3B4;
}


body#rates .price {
	font-weight:700;
	text-align:right;
	margin-right:.3em;
	width:8em;
}


body#rates .rj {
	text-align:right;
	margin-right:.3em;
}

body#rates form {
	clear:both;
	padding-top:1em;
	width:80%;
	margin:.3em auto 1em;
	text-align:center;
}


body#rates form img {
	vertical-align:middle;
}

body#rates #bodyPanel tr td p {
	background-color:transparent;
	margin:0 .5em .5em;
	padding:.2em;
	font-size:1em;
	line-height:1em;
	border:none;
}


body#rates #bodyPanel div#cancel, body#rates #bodyPanel p {
	margin:1em auto 1em 1em;
	padding:.7em;
	border:1px solid #006;
}


body#rates #bodyPanel div#cancel {
	background-color:#E6E6E6;
}

body#rates #bodyPanel div#cancel p {
	background-color:transparent;
	font-size:1em;
	border:none;
	margin:0 auto;
}


body#rates #bodyPanel div#cancel p span {
	font-weight:700;
	font-size:1.1em;
}


body#rates #bodyPanel p {
	background-color:#D7EBFF;
}

body#rates ul#contact {
	border:none;
	padding:1em 0;
	margin:.2em 0 1em;
}


body#rates hr {
	width:100%;
	height:2px;
	margin:2em auto;
}

#gallery {
	text-align:center;
	margin:.2em auto;
}