/*
	CSS Style Definitions for Ship Models R Us
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ margin:0; padding:0; font: 11px Verdana, Arial, Helvetica, sans-serif; text-align:center; color: #246496; line-height: 16px; }
#page-container{ width:770px; margin: 0 auto; text-align: left; }
	#header{ height:154px; float:left; width: 770px; background: url("images/header.jpg") no-repeat; }
		#header p{ margin: 132px 12px 0 12px; }
		* html #header p{ margin: 132px 6px 0 6px; }
	#content{ width: 770px; float:left; background: url("images/bg-left.png") repeat-y; }
		#left-side{ width: 204px; float:left; }
		#right-side{ width: 566px; float:right; }
			#leftFloater{ width: 364px; float:left; }
			#rightFloater{ width: 202px; float:right; }
	#footer{ width: 770px; float:left; border-top: 1px solid #696969; text-align:center; }

/* site wide elements */
.inside{ padding:12px; }
a{ color: #246496; text-decoration: none; }

ul#nav{ margin:0; padding:0; border-bottom: 1px solid #6B9FC8; width: 203px; list-style: none }
ul#nav li{ margin:0; padding:6px 0 6px 16px; border-top: 1px solid #6B9FC8; border-bottom: 1px solid #28597D; }
ul#nav li a{ color: #fff; text-decoration: none; font-weight:bold; }

ul.dotted{ margin: 0; padding:0; list-style:disc; }
ul.dotted li{ margin: 0 0 0 12px; padding:0 0 6px 0; }

#footer ul{ margin:6px auto 0 auto; padding:0; list-style: none; width: 740px; }
#footer ul li{ border-right: 1px solid #246496; padding: 0 12px 0 0; float:left; }
#footer ul li.last{ border-right: none; }
#footer ul li a{ margin: 0 0 0 12px; }

h1{ font-size: 11px; font-weight:bold; margin: 0 0 12px 0; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }