
body{ background: #081421 url(images/bubbles.gif) scroll center top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center; }

div#container{ background: url(images/header.gif) scroll center 3px no-repeat;
	width: 975px;
	margin: 0 auto;
	text-align: left; }
ul.sublist{
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
ul.sublist li{
	float: left;
	width: 130px;
	margin-bottom: 10px;
}
ul.sublist li ul li{
	margin-bottom: 3px;
	float: none;
}
fieldset#search{ border: 0;
	text-align: right;
	margin: 0;
	padding: 0;
	position: relative; }


ul#comfortNav{ color: #fff;
	list-style: none;
	margin-top: 20px; }

ul#comfortNav li{ display: inline;
	margin: 0 0 0 1em; }

ul#comfortNav li a{ color: #fff;
	text-decoration: none; }


fieldset#search form{ padding: 0;
	margin: 0;
	font-size: 1.2em; }

fieldset#search form input{ padding: 2px;
	font-family: inherit;
	padding: 2px 3px;
	margin: 0; }

fieldset#search form button{ background: #0f243b;
	color: #fff;
	font-family: inherit;
	padding: 2px 3px;
	border: 1px #000 solid;
	margin: 0 0 0 5px; }

h2{ clear: both;
	height: 36px;
	margin: 0; }


ul#nav{ padding: 0.5em 0 0.5em 1.5em;
	margin: 0;
	list-style: none;
	font-size: 1.9em;
	line-height: 1.5em;
	clear: both; }

ul#nav li{ margin: 0;
	padding: 0.5em 0;
	display: inline;
	background: #fff; }
	
ul#nav li#first{ background: transparent; }

ul#nav li a{ padding: 0.5em 1em;
	text-decoration: none;
	color: #444; }

img#homeSplash{ width: 975px;
	height: 315px;
	display: block;
	line-height: 0;
	margin: 0;
	padding: 0; }
	
img#tubSplash{ width: 975px;
	height: 235px;
	display: block;
	line-height: 0;
	margin: 0;
	padding: 0; }
	
div#tubs{ background: url(images/white_tile.gif) scroll center top repeat-y;
	padding: 1px 0 -42px 0;
	margin: 0; }
	
div#blurbs{ background: #fff url(images/white_tile.gif) scroll center top repeat-y;
	padding: 5px 0 0px 0;
	margin: 0; }

div.blurb{ width: 25%;
	display: inline;
	float: left;
	margin: 3.5em 0 0 3.2em;
	position: relative;
	top: -42px; }

div.blurb h4{ color: #9a832b;
	font-weight: bold;
	font-size: 1.6em;
	margin-top: 0; }

div.blurb p{ font-size: 1.1em;
	line-height: 1.6em; }

p#footer{ clear: both;
	background: url(images/footer.gif) scroll left top no-repeat;
	padding-top: 40px;
	text-align: center;
	color: #688fbc;
	line-height: 1.6em;
	width: 975px;
	margin: 0 auto; }

p.clear{ clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0; }
	

div#leftBit{ width: 120px;
	margin: 0 50px 25px 25px;
	float: left;
	display: inline;
	position: relative;
	top: -40px; }

ul#secondaryNav{ padding: 0;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.6em; }
ul#secondaryNav li{ list-style: none;
	font-weight: bold;
	margin: 0 0 0.9em;
	padding: 0; }
	
ul#secondaryNav li a{ text-decoration: none;
	color: #222; }
	
	
ul#secondaryNav ul li.selected{ margin-left: 0;
	background: transparent url(images/crumb.gif) scroll left 0.9ex no-repeat;
	padding-left: 0.85em; }
ul#secondaryNav ul li.selected a{ font-weight: bold; }	

ul#secondaryNav ul{ padding: 0;
	margin: 0;
	display: none; }
ul#secondaryNav ul li{ list-style: none;
	margin: 0 0 0 10px;
	font-weight: normal; }
ul#secondaryNav ul li a{ text-decoration: underline; }

ul#secondaryNav li.selected ul{ display: block; }



div#mainBit{ margin: 0;
	float: left;
	width: 511px;
	display: inline;
	position: relative;
	top: -40px;
 }
	
div#content{ margin: 0 25px 0;
	position: relative;
	top: -40px; }
	
ul#breadcrumbs{ margin: 0;
	padding: 0;
	font-size: 1.15em; }
ul#breadcrumbs li{ display: inline;
	margin: 0 0 0 0.4em;
	padding: 0 0 0 1em;
	list-style: none;
	background: transparent url(images/crumb.gif) scroll left 0.8ex no-repeat; }

ul#breadcrumbs li#first{ list-style: none;
	background: transparent;
	margin-left: 0;
	padding-left: 0; }	
	
ul#breadcrumbs li a{ color: #08215b; }
	
ul#thumbs{ list-style: none;
	margin: 0;
	padding: 0;
	width: 128px;
	float: left; }	

ul#thumbs li{ margin: 0 12px 12px 0;
	padding: 0;
	display: block;
	float: left; }

ul#thumbs li a{ width: 50px;
	height: 50px;
	display: block; }
	
ul#thumbs li a:link{ border: 1px #333 solid; }
ul#thumbs li a:visited{ border: 1px #333 solid; }
ul#thumbs li a:hover{ border: 1px #03c solid; }
ul#thumbs li a:active{ border: 1px #09f solid; }
	
ul#thumbs li img{ width: 50px;
	height: 50px;
	border: 0; }
	
ul#thumbs li a:active{ border: 1px #09f solid; }
ul#thumbs li a:active img{ border: 0; }
	
img#bigThumb{ width: 380px;
	height: 240px;
	border: 0; }
	
a#bigThumbLink{ border: 0; }

ul#navigate{ padding: 0;
	margin: 2em 0 0;
	font-size: 1.25em; }
ul#navigate li{ display: inline;
	float: left;
	list-style: none;
	width: 32%;
	padding: 0;
	margin: 0; }
ul#navigate li#prev{ text-align: left; }
ul#navigate li#current{ text-align: center; }
ul#navigate li#next{ text-align: right; }

ul#navigate li a{ color: #333; }
	
	
div#rightBit{ float: left;
	margin-left: 75px;
	display: inline;
	width: 170px; }
	
h4{ font-weight: bold;
	font-size: 1.15em;
	line-height: 1.5em;
	margin: 2em 0 0; }
	
dl.specs{ font-size: 1.15em;
	line-height: 1.5em;
	margin: 0; }
dl.specs dt{ float: left; }
dl.specs dd{ margin-left: 75px; }

dl#contact dt{ font-weight: bold; }

ul.specs{ padding: 0;
	margin: 0;
	font-size: 1.15em;
	line-height: 1.5em; }
	
ul.specs li{ padding-left: 1.0em;
	margin-left: 0;
	list-style: none;
	background: transparent url(images/dash.gif) scroll 0.15em 0.3em no-repeat; }
	
ul.specs li a{ color: #333; }

dl#ops dt{ margin-top: 5px;
	clear: left; }
dl#ops dd{ margin-top: 5px;
	text-align: right;
	width: 65px; }


div#rotating {
	float: left;
	width: 393px;
}

div#peace {
	float: left;
	width: 582px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-family: "Franklin Gothic Book", Helvetica, Arial, sans-serif;
	font-size: 4.5em;
	font-weight: normal;
	line-height: 1.0em;
	margin: 0.25em 0 0; }
	
p{ font-size: 1.2em;
	line-height: 1.6em; }