/* VLG - Boating */

#content {display: inline;} /* IE6 Float Fixes */
* html #content {margin-top: -3px;} /* IE6 Margin Fix */
*:first-child+html #content {margin-top: -3px;} /* IE7 Margin Fix */

#about, #header, #share, #slug {position: relative;}

#content, #share {float: right;}

#nav, #about {float: left;}

#gallery a, #nav a {color: #00238B;}

#about span
{
	background: transparent url(../img/boat_c.gif) no-repeat scroll top right;
	z-index: 10;
}

#about
{
	width: 360px;
	height: 278px;
	left: 27px;
}


#content
{
	width: 647px;
	margin-right: 13px;
}

#gallery .caps {text-transform: uppercase;}

#gallery h2 {font-size: 1.5em;}

#gallery * {text-align: center;}

#gallery
{
	position: absolute;
	width: 182px;
	z-index: 20;
	left: 26px;
	bottom: -85px;
	font: .8em 'Helvetica', 'Arial', sans-serif;
	color: #00238B;
}

.guillotine {clear: both;}

#header span {background: transparent url(../img/boat_h.jpg) no-repeat scroll top left;}

#header
{
	font-size: 2em;
	width: 100%;
	height: 159px;
}

#page
{
	width: 764px;
	margin: 0 auto;
	padding-bottom: 344px;
	background: #FFF url(../img/boat_b.jpg) no-repeat scroll bottom right;
}

#nav img
{
	vertical-align: top;
	margin: 0 3px;
	float: left;
}

#nav li
{
	margin-bottom: 8px;
	height: 42px;
	background: transparent url(../img/boat_l.gif) no-repeat scroll bottom left; 
	font-size: .7em;
}

#nav
{
	width: 100px;
	position: absolute;
}

#share span.i {background: transparent url(../img/boat_s.jpg) no-repeat scroll top right;}

#share
{
	width: 273px;
	height: 278px;
}

#slug span {background: transparent url(../img/boat_sl.jpg) no-repeat scroll bottom left;}

#slug
{
	width: 100%;
	height: 191px;
}

span.i
{
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
}

body
{
	background: #FFF;
	color: #000;
}

/* http://meyerweb.com/eric/tools/css/reset/ (Optimized by Jake) */
html, body, div, span, h1, h2, p, a, img, ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: 'Helvetica', 'Arial', sans-serif;
	text-align: left;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;}

ul {list-style: none;}

:focus {outline: 0;}