/* CSS Document */

body {
	width: 100%;
	color: #5d5d5d;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	font: 62.5% verdana, araial, helvetica, sans-serif;
}

a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a img { border: none; }

h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	font: normal .1em;
}

h4 {
	color: #666;
	font: bold 1.35em;
	margin: 3px 0 0 3px;
	padding: 0;
}

ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#main-body {
	width: 883px;
	background: transparent url(images/bgtile-y.png) top left repeat-y;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#header {
	width: 883px;
	height: 191px;
	/* background: transparent url(images/bigwave07.png) top left no-repeat; */
	background: transparent url(images/bigwave07v3.png) top left no-repeat;
	margin: 0;
	padding: 0;
}

#psuedo-container {
	width: 883px;
	min-height: 86px;
	height: auto !important;
	height: 86px;
	background: transparent url(images/topcap.png) top left no-repeat;
}

/* START NAVIGATION */
.navigation {
	height: 24px;
	padding: 0;
	margin: 0;
}

.navigation li {
	float: left;
	margin: 0;
	padding: 0;
}

.navigation li a { 
	display: block; 
	height: 24px; 
	text-indent: -9999px; 
	margin: 0;
	padding: 0;
}

.navigation li.nav-home a:link, .navigation li.nav-home a:visited {
	width: 94px;
	background: transparent url(images/nav-home.png) top left no-repeat;
}

.navigation li.nav-live a:link, .navigation li.nav-live a:visited {
	width: 54px;
	background: transparent url(images/nav-live.png) top left no-repeat;
}

.navigation li.nav-updates a:link, .navigation li.nav-updates a:visited {
	width: 88px;
	background: transparent url(images/nav-updates.png) top left no-repeat;
}

.navigation li.nav-results a:link, .navigation li.nav-results a:visited {
	width: 86px;
	background: transparent url(images/nav-results.png) top left no-repeat;
}

.navigation li.nav-profiles a:link, .navigation li.nav-profiles a:visited {
	width: 96px;
	background: transparent url(images/nav-profiles.png) top left no-repeat;
}

.navigation li.nav-photos a:link, .navigation li.nav-photos a:visited {
	width: 79px;
	background: transparent url(images/nav-photos.png) top left no-repeat;
}

.navigation li.nav-videos a:link, .navigation li.nav-videos a:visited {
	width: 77px;
	background: transparent url(images/nav-videos.png) top left no-repeat;
}

.navigation li.nav-product a:link, .navigation li.nav-product a:visited {
	width: 93px;
	background: transparent url(images/nav-product.png) top left no-repeat;
}

.navigation li.nav-history a:link, .navigation li.nav-history a:visited {
	width: 90px;
	background: transparent url(images/nav-history.png) top left no-repeat;
}

.navigation li.nav-press a:link, .navigation li.nav-press a:visited {
	width: 97px;
	background: transparent url(images/nav-press.png) top left no-repeat;
}

.navigation li.nav-home a:hover, .navigation li.nav-home a.on { background: transparent url(images/nav-home.png) bottom left no-repeat; }
.navigation li.nav-live a:hover, .navigation li.nav-live a.on { background: transparent url(images/nav-live.png) bottom left no-repeat; }
.navigation li.nav-updates a:hover, .navigation li.nav-updates a.on { background: transparent url(images/nav-updates.png) bottom left no-repeat; }
.navigation li.nav-results a:hover, .navigation li.nav-results a.on { background: transparent url(images/nav-results.png) bottom left no-repeat; }
.navigation li.nav-profiles a:hover, .navigation li.nav-profiles a.on { background: transparent url(images/nav-profiles.png) bottom left no-repeat; }
.navigation li.nav-photos a:hover, .navigation li.nav-photos a.on { background: transparent url(images/nav-photos.png) bottom left no-repeat; }
.navigation li.nav-videos a:hover, .navigation li.nav-videos a.on { background: transparent url(images/nav-videos.png) bottom left no-repeat; }
.navigation li.nav-history a:hover, .navigation li.nav-history a.on { background: transparent url(images/nav-history.png) bottom left no-repeat; }
.navigation li.nav-press a:hover, .navigation li.nav-press a.on { background: transparent url(images/nav-press.png) bottom left no-repeat; }

/* END NAVIGATION */

#column-layout {
	width: 825px;
	margin: 20px 0 0 30px;
	padding: 0;
}

#left-column {
	float: left;
	width: 172px;
	margin: 0 18px 0 0;
	padding: 0;
}

#left-column .waveheight {
	width: 172px;
	height: 69px;
	background: #bababa;
	color: #000;
	font-family: arial, geneva, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#left-column .waveheight img {
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
}

#left-column .waveheight p {
	padding: 0 0 5px 0;
	margin: 0 0 0 5px;
}

#left-column .summary {
	width: 172px;
	height: 234px;
	background: transparent url(images/summarybg.png) top left no-repeat;
	margin: 10px 0 0 0;
	padding: 0;
}

#left-column .summary table {
	padding: 0;
	margin: 12px 0 0 10px;
	border: none;
	border-collapse: collapse;
	color: #000;
	font: 1.15em arial, geneva, helvetica, sans-serif;
}

#left-column .summary table th {
	display: block;
	text-indent: -9999px;
	font-size: .1em;
	}

#left-column .summary table td {
	width: 80px;
	padding: 0 0 15px 0;
	margin: 0;
	vertical-align: top;
}

#left-column .summary table td.stat { width: 70px; font-weight: bold; }

#left-column h2, #left-column h2.live {
	text-indent: -9999px;
	display: block;
	font: normal .1em;
	padding: 0;
	margin: 0;
}

#left-column h2 {
	width: 172px;
	height: 288px;
	margin: 10px 0;
	background: transparent url(images/text-bigwave.png) top left no-repeat;
}

#left-column h2.live, #left-column h2.updates, #left-column h2.results, #left-column h2.profiles, #left-column h2.photos, #left-column h2.videos, #left-column h2.history, #left-column h2.press {
	width: 172px;
	height: 43px;
}

#left-column h2.live { background: transparent url(images/h2live.png) top left no-repeat; }
#left-column h2.updates { background: transparent url(images/h2updates.png) top left no-repeat; }
#left-column h2.results { background: transparent url(images/h2results.png) top left no-repeat; }
#left-column h2.profiles { background: transparent url(images/h2profiles.png) top left no-repeat; }
#left-column h2.photos { background: transparent url(images/h2photos.png) top left no-repeat; }
#left-column h2.videos { background: transparent url(images/h2videos.png) top left no-repeat; }
#left-column h2.history { background: transparent url(images/h2history.png) top left no-repeat; }
#left-column h2.press { background: transparent url(images/h2press.png) top left no-repeat; }

#left-column ul.sub-links { margin: 5px 0 0 10px; padding: 0 0 25px 0; }
#left-column ul.no-padding { padding: 0; }
#left-column ul.sub-links li { margin: 0 0 7px 0; padding: 0; font: bold 1.15em arial, geneva, helvetica, sans-serif; }
#left-column ul.sub-links a { font-weight: bold; /*color: #5d5d5d;*/ }
#left-column ul.sub-links a.on { font-weight: bold; color: #000; }
#left-column  p { margin: 5px 0 0 10px; padding: 0 0 50px 0; font: 1.15em arial, geneva, helvetica, sans-serif; }

#middle-column {
	float: left;
	width: 385px;
	margin: 5px 18px 0 0;
	padding: 0;
}

#middle-column-wide  {
	float: left;
	width: 618px;
	margin: 5px 0 0 0;
	padding: 0;
}

#middle-column h3.main {
	display: block;
	color: #000;
	font-size: 1.95em;
	margin: 10px 0;
	padding: 0;
}

#middle-column h3, #right-column h3, #middle-column-wide h3 {
	display: block;
	color: #000;
	font-size: 1.85em;
	line-height: 1.05em;
	margin: 10px 0;
	padding: 0;
}

#middle-column p {
	font-size: 1.15em;
	padding: 0;
	margin: 15px 0;
	line-height: 1.45em;
}

#middle-column p.videos { color: #000; padding: 0 0 30px 0; margin: 0 0 5px 0; }
#middle-column p.videos a { font-weight: bold; }
#middle-column p.notice { font-size: 1.25em; margin: 0; padding: 0; }
#middle-column p.notice a { font-weight: bold; }

#middle-column-wide div { margin: 0; padding: 0 0 15px 0; }
#middle-column-wide div img { float: right; margin: 0 0 0 10px; }

#middle-column-wide div p {
	font-size: 1.15em;
	padding: 0;
	margin: 15px 0;
	line-height: 1.55em;
}

#middle-column-wide div p a { font-weight: bold; }

#middle-column .viewing {
	padding: 0 0 0 .7em;
	margin: 0;	
}

#middle-column .viewing a {
	margin: 0;
	height: 11px;
	width: 60px;
	padding: 0 0 0 .8em;
	color: #0166ff;
	background: transparent url(images/dot.gif) no-repeat center left;
	text-decoration: none;
}

#middle-column .viewing a:hover {
	color: #cc3333;
	text-decoration: underline;
}

#middle-column .sendform {
	width: 360px;
	padding: 0;
	margin: 30px 0 0 7px;
	background: #f5f4f9;	
}

#middle-column .sendform p {
	padding: 0 0 10px 0;
	margin: 0 0 0 10px;
	color: #000;
	width: 90%
}

#middle-column .sendform h3 {
	display: block;
	font: bold 1.45em arial, geneva, helvetica, sans-serif;
	color: #666;
	background: #ccc;
	padding: 5px 0 5px 10px;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#middle-column .sendform form {
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	background: #f5f4f9;
	color: #000;
	font-size: 1.15em;
}

#middle-column .sendform form fieldset { display: block; margin: 0; padding: 10px 0 10px 10px; border: none; }
#middle-column .sendform form div.twocol {
  display: block;
	width: 325px;
  margin: 0;
  padding: 10px 0 0 0;
}

#middle-column .sendform form .split {
  display: block;
	width: 160px;
  float: left;
}

#middle-column .sendform form .half, #middle-column .sendform form .long { 
	width: 130px; 
	border-top: 2px solid #7e7e81; 
	border-right: none;
	border-bottom: none; 
	border-left: 2px solid #7e7e81; 
}

#middle-column .sendform form .long { width: 245px; }

#middle-column-wide ul.image-gallery {
	width:  100%;
	padding: 0;
	margin: 0;
	font-size: 1.15em;
	line-height: 1.35em;
}

#middle-column-wide ul.image-gallery li {
	float: left;
	display: block;
	width: 190px;
	height: 270px;
	padding: 0;
	margin: 0 14px 0 0;
	color: #000;
}

#middle-column-wide ul.image-gallery li a img { display: block; padding: 0 0 5px 0; }

#right-column {
	float: left;
	width: 211px;
	margin: 5px 0 0 0;
	padding: 0;
}

#right-column p {
	font-size: 1.15em;
	padding: 0;
	margin: 0 5px 20px 7px;
	line-height: 1.25em;
}

#right-column p.spacer {
	margin: 5px 5px 20px 7px;
}

#right-column p img {
	float: right;
	padding: 0;
	margin: 0;
}

#right-column p.close, #middle-column .close, #left-column .close {
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #898989;
}

#right-column .factsheet p {
	font-size: 1.15em;
	padding: 0;
	margin: 10px 0 5px 0;
	line-height: 1.35em;
	width: 211px;
}

#right-column h4 {
	display: block;
	color: #000;
	font-size: 1.55em;
	margin: 10px 0;
	padding: 0;
}

#right-column h4.sidephotos, #right-column h4.sideupdates, #right-column h4.sidewebcam {
	display: block;
	text-indent: -9999px;
	width: 211px;
	height: 25px;
	font-size: .1em;
	margin: 0;
	padding: 0;	
}

#right-column h4.sidephotos { background: transparent url(images/h4photos.png) top left no-repeat; }
#right-column h4.sideupdates { background: transparent url(images/h4mupdates.png) top left no-repeat; }
#right-column h4.sidewebcam { background: transparent url(images/h4mwebcam.png) top left no-repeat; }

#right-column h4.sidephotos a, #right-column h4.sideupdates a, #right-column h4.sidewebcam a {
	display: block;
	width: 211px;
	height: 25px;
	margin: 0;
	padding: 0;
	border: none;
}

#right-column .side-bg {
	width: 211px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	background: transparent url(images/h2sidebg.png) top right no-repeat; 
	margin: 0;
	padding: 0;
	border:0px solid #FF0000;
}

#right-column .side-bg span {
	display: block;
	font-size: 1.15em;
	padding: 10px 0 0 0;
	margin: 0 6px 20px 7px;
	line-height: 1.25em;
}

#right-column .side-bg img {
	float: right;
	padding: 0;
	margin: 0 6px 0 5px;
}

#right-column div { margin: 0 0 20px 0; padding: 0 0 25px 0; }
#right-column div.close {	border-bottom: 1px dotted #898989; }
#right-column div img { float: left; margin: 0 10px 0 0; }

#right-column div p {
	font-size: 1.15em;
	padding: 0;
	margin: 15px 0;
	line-height: 1.55em;
}

#right-column div p a { font-weight: bold; }

#right-column div.flashad {
	padding: 0;
	margin: 5px 0 0 7px;
	border: 0px solid #898989;
}

#right-column div.flashad-mini {
	padding: 0;
	margin: 17px 0 0 0;
	border: 0px solid #898989;
}

#right-column div.flashad-mini img {
	display: block;
	margin: 0 0 50px 0;
	border: 0px solid #898989;
}

#footer {
	width: 883px;
	/* height: 108px; */
	/* background: transparent url(images/footer.png) top left no-repeat; */
	height: 144px;
	background: transparent url(images/footerv3.png) top left no-repeat;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

/* clearfix */

.clearfix:after {  
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	height: 0;  
	}  

.clearfix { display: inline-block; }  
html[xmlns] .clearfix { display: block; }  
* html .clearfix { height: 1%; }  

