/*-----------------------------------------------------------------
Global
------------------------------------------------------------------*/

body {
	margin:			0px;
	width: 300px;
	background-image:	url(../images/body-bg.jpg);
	background-repeat:	repeat-x;
	background-color:	#f9f9f9;
	font-family:		Arial, Arial, Helvetica, sans-serif;
	font-size:		8pt;
	color:			#333333;
}

img {
	margin:			0px;
}

a {
	text-decoration:	none;
}

p {
	line-height:		18px;
	font-size: 14pt;
}

img {
	border:			0px;
	margin:			0px;
}

.italic {
	font-style: 		italic;
}

input, textarea, select {
	font-size:		8pt;
	color:			#333333;
	cursor:			text;
}

/*-----------------------------------------------------------------
Headers
------------------------------------------------------------------*/

h1 {
	font-size:		10pt;
	color:			#57bee1;
	margin:			0px;
}

/*-----------------------------------------------------------------
Links
------------------------------------------------------------------*/

#content-area a {
	color:			#0099FF;
	text-decoration: none;
}

#content-area a:hover {
	text-decoration: underline;
}

/*-----------------------------------------------------------------
Surrounding Container
------------------------------------------------------------------*/

#divContainer {
	width:			1000px;
	margin:			0 auto;
}

#divWrapper {
	width:			998px;
	margin:			0px;
	min-height:		500px;
}

#main-container {
	float:			left;
	width:			998px;
	min-height:		500px;
	padding:		0px 7px 0px 7px;
	background-image:	url(../images/content-bg.png);
	background-repeat:	repeat-y;
}

.clear {
    clear: both;
}

/*-----------------------------------------------------------------
Logo Header
------------------------------------------------------------------*/

#logo-header {
	float:			left;
	clear:			both;
	width:			976px;
	height:			92px;
	background-image:	url('../images/header-bg.gif');
	margin-top: 0px;
}

#logo-header .logo {
	float:			left;
	width:			260px;
}

#logo-header .right_logos {
	float: right;
	width: 165px;
	position: relative;
	top: 12px;
}

#logo-header .links {
	float:			right;
	width:			135px;
	text-align:		right;
}

#logo-header .links ul {
	float: right;
	list-style-type: none;
	margin-bottom: 10px;
	margin-top:	10px;
	margin-left: 0px;
	padding: 0 0 10px 0;
	width: 135px;
}

#logo-header .links li {
	float:			left;
	color:			#818084;
	padding-left:		0px;
}

#logo-header .links a {
	font-size:		8pt;
	padding-left:		3px;
	padding-right:		3px;
	display:		block;
	color:			#818084;
}

#logo-header .links a:hover {
	color:			#333333;
}

#logo-header .email {
	float:			right;
	clear:			both;
	text-align:		right;
}

#logo-header .sharethis {
	float:			right;
	clear:			both;
}

#logo-header .email a {
	font-size:		13pt;
	color:			#6e94be;
}

#logo-header .email a:hover {
	font-size:		13pt;
	color:			#333333;
}

/*-----------------------------------------------------------------
Top Navigation
------------------------------------------------------------------*/

#top-nav {
	float:			left;
	clear:			both;
	width:			976px;
	height:			45px;
	background-image:	url(../images/top-nav-bg.gif);
	font-weight:    bold;
}

#top-nav ul {
	list-style-type: none;
	margin-top: 15px;
	margin-left: 33px;
	padding-left: 0px;
}

#top-nav li {
	float:			left;
	color:			#818084;
	padding-left:		0px;
}

#top-nav a {
	font-size:		9pt;
	padding-left:		10px;
	padding-right:		10px;
	display:		block;
	color:			#333333;
}

#top-nav a:hover {
	color:			#ffffff;
}

/*-----------------------------------------------------------------
Main Image
------------------------------------------------------------------*/

#main-img-home {
	float:			left;
	clear:			both;
	width:			976px;
	height:			212px;
	background-image:	url(../images/rodman_spirit_31.jpg);
}

#main-img-new {
	float:			left;
	clear:			both;
	width:			976px;
	height:			212px;
	background-image:	url(../images/spirit2.jpg);
}

#main-img-news {
	float:			left;
	clear:			both;
	width:			976px;
	height:			212px;
	background-image:	url(../images/main-img-home.jpg);
}

#main-img-boats {
	float:			left;
	clear:			both;
	width:			976px;
	height:			212px;
	background-image:	url(../images/spirit3.jpg);
}

#main-img-services {
	float:			left;
	clear:			both;
	width:			976px;
	height:			212px;
	background-image:	url(../images/sea_otter.jpg);
}

#main-img-finder {
	float:			left;
	clear:			both;
	width:			976px;
	height:			212px;
	background-image:	url(../images/gsa_atlanta_24.jpg);
}

#main-img-contact {
	float:			left;
	clear:			both;
	width:			976px;
	height:			212px;
	background-image:	url(../images/main-img-7.jpg);
}

#main-img-pre-owned {
	float:			left;
	clear:			both;
	width:			976px;
	height:			212px;
	background-image:	url(../images/relaxing_on_boat.jpg);
}

#main-img-antares {
	float:			left;
	clear:			both;
	width:			976px;
	height:			212px;
	background-image:	url(../images/antares-42.jpg);
}

/*-----------------------------------------------------------------
Content Area
------------------------------------------------------------------*/

#content-area {
	float:			left;
	clear:			both;
	width:			976px;
	background-image:	url(../images/content-area-bg.gif);
}

#content-margin {
	float:			left;
	padding:		9px;
	width:          957px;
}

#column-left {
	float:			left;
	width:			219px;
	min-height:		370px;
	margin-right:	9px;
	padding:		6px;
	background-color:	#ffffff;
	border:			2px solid #c1d6dd;
}

#column-left-contactus {
	width:			675px;
	float:			left;
	min-height:		370px;
	margin-right:	9px;
	padding:		6px;
	background-color:	#ffffff;
	border:			2px solid #c1d6dd;
}

#column-left-large {
	float:			left;
	width:			690px;
	min-height:		370px;
	margin-right:	9px;
	padding:		6px;
	background-color:	#ffffff;
	border:			2px solid #c1d6dd;
}

#column-mid {
	float:			left;
	width:			450px;
	min-height:		370px;
	margin-right:	9px;
	padding:		6px;
	background-color:	#ffffff;
	border:			2px solid #c1d6dd;
}

#column-right {
	float:			left;
	width:			233px;
	min-height:		382px;
	backgrounced-color:	#f9f9f9;
	border:			2px solid #c1d6dd;
}

#column-mid-large {
	float:			left;
	width:			690px;
	min-height:		364px;
	padding:		9px;
	background-color:	#ffffff;
	border:			2px solid #c1d6dd;
}

#full_width {
	float:			left;
	width:			936px;
	min-height:		364px;
	padding:		9px;
	background-color:	#ffffff;
	border:			2px solid #c1d6dd;
}

/*-----------------------------------------------------------------
Content
------------------------------------------------------------------*/

#column-left ul {
	float:			left;
	list-style-type:	none;
	margin-top:		10px;
	margin-left:		10px;
	padding-left:		0px;
	margin-top:		10px;
}

#column-left li {
	font-size:		14pt;
	padding-left:		40px;
	height:			45px;
	color:			#6d94bd;
	font-style:		italic;
	background-image:	url('../images/icon.gif');
	background-position:	left top;
	background-repeat:	no-repeat;
	width: 170px;
}

#column-left .five-locations {
	float:			left;
	font-size:		12pt;
	color:			#57bee1;
	font-style:		italic;
}

#newsletter-form {
	float:			left;
	width:          220px;
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		0px;
	padding-bottom:		10px;
}

#newsletter-form h2 {
	font-size:		10pt;
	color:			#6d94bd;
	margin:			0px;
	padding-bottom:		10px;
}

#newsletter-form input {
	float:			left;
	clear:			left;
	width:			205px;
	margin-left:		0px;
	margin-bottom:		3px;
	padding-top:		4px;
	padding-bottom:		4px;
}

#newsletter-form .button {
	float:			left;
	clear:			left;
	width:			60px;
	margin-top:		3px;
	padding-left:	102px;
}

a.button {
	background: transparent url('../images/but-register.gif') no-repeat scroll top right;
	color: #ffffff;
	display: block;
	float: left;
	font: normal 14px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

#column-left li a {
	font-size:		14pt;
	color:			#6d94bd;
	font-style:		italic;
}

#column-left li a:hover {
	font-size:		14pt;
	color:			#6d94bd;
	font-style:		italic;
	text-decoration: underline;
}

.titlebold {
	font-weight:bold;
	font-size: large;
}

/*-----------------------------------------------------------------
Bottom Shadow
------------------------------------------------------------------*/
#topborder {
	margin-top:     15px;
	margin-left:    -1px;
	float:			left;
	clear:			both;
	width:			1050px;
	min-height:		7px;
	background-image:	url(../images/toprounded.png);
	background-repeat:	no-repeat;
	padding-top: 0px;
	padding-right: -2px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#bottom-shadow {
	float:			left;
	clear:			both;
	width:			1000px;
	padding:        0px 7px 0px 7px;
	min-height:		18px;
	background-image:	url(../images/bottom-rounded.png);
	background-repeat:	no-repeat;
}

#bottom-corner {
	float:			left;
	width:			6px;
	height:			6px;
	background-image:	url(../images/bottom-corner.jpg);
	background-repeat:	no-repeat;
	background-position:	top left;
}

/*-----------------------------------------------------------------
Footer Links
------------------------------------------------------------------*/

#footer-links-1 {
	float:			left;
	clear:			both;
	width:			120px;
	padding-top:		10px;
}

#footer-links-1 ul {
	list-style-type:	none;
	margin-top:		0px;
	margin-left:		10px;
	padding-left:		0px;
}

#footer-links-1 li {
	padding-left:		0px;
	height:			20px;
}

#footer-links-1 a {
	display:		block;
	color:			#818181;
}

#footer-links-1 a:hover {
	text-decoration:	underline;
}

#footer-links-2 {
	float:			left;
	width:			120px;
	padding-top:	10px;
}

#footer-links-2 ul {
	list-style-type:none;
	margin-top:		0px;
	margin-left:	10px;
	padding-left:	0px;
}

#footer-links-2 li {
	padding-left:		0px;
	height:			20px;
}

#footer-links-2 a {
	display:		block;
	color:			#57bee1;
}

#footer-links-2 a:hover {
	text-decoration:	underline;
}

#footer-links-3 {
	float:			left;
	width:			150px;
}

#footer-links-3 ul {
	list-style-type:	none;
	margin-top:		0px;
	margin-left:		10px;
	padding-left:		0px;
}

#footer-links-3 li {
	padding-left:		0px;
	height:			20px;
}

#footer-links-3 a {
	display:		block;
	color:			#57bee1;
}

#footer-links-3 a:hover {
	text-decoration:	underline;
}

#footer-right {
	background:url("http://www.spinboxmedia.co.uk/images/spinbox_webdesign_logo.gif") no-repeat scroll 132px 6px transparent;
	color:#CCCCCC;
	float:right;
	font-size:11px;
	padding:10px 10px 5px 0;
	width:175px;
}

#copyright {
	float: left;
	text-align: right;
	width: 545px;
	padding-top: 10px;
	color: #818181;
	line-height: 20px;
}

#copyright a {
	color:			#818181;
}

#copyright a:hover {
	text-decoration:	underline;
}

#footer-logos {
	float: left;
	width: 145px;
	padding-top: 10px;
}

#footer1 {
	float:			left;
	width:			145px;
	padding-top:	10px;
}

#footer2 {
	float:			left;
	width:			145px;
	padding-top:		0px;
}

#footer3 {
	float:			left;
	width:			51px;
	padding-top:		10px;
}

.f_right {
    float: right;
    padding: 0 10px 0 0;
}

.f_right_logo {
    padding: 0 0 20px 0;
    height: 35px;
}

.f_right_logo img {
    float: right;
}

.sbx {
    background: url(http://www.spinboxmedia.co.uk/images/spinbox_webdesign_logo.gif) no-repeat 110px 0;
    padding: 4px 0;
    width: 145px;
}

.sbx a {
    color: #333;
    text-decoration: none;
}

.sbx a:hover {
    text-decoration: underline;
}

/*-----------------------------------------------------------------
Map
------------------------------------------------------------------*/

dd#monitorDef {
	top: 65px;
	left: 114px;
}

dd#monitorDef a {
	position: absolute;
	width: 73px;
	height: 69px;
	text-decoration: none;
}

dd#monitorDef a span {
	display: none;
}

dd#monitorDef a:hover {
	position: absolute;
	background: transparent url(../images/uk-boats-map.jpg) -109px -317px no-repeat;
	top: -10px;
	left: -5px;
}

dd#monitorDef a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

#loctect {
	float: left;
	width: 400px;
}

#locmap {
	float: left;
	width: 235px;
	padding-left: 20px;
}

/*-----------------------------------------------------------------
Forms
------------------------------------------------------------------*/


form {
	padding:0px;
	margin:0px 0px 0px 0px;
}

input.txtfield1 {
	background-color: #ffffff;
	font-size:100%;
	color: #333333;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #eeeeee;
	border-right:solid 1px #999999;
	border-top: solid 1px #eeeeee;
	padding:2px 6px 2px 6px;
	width:140px
}

input.txtfield2 {
	background-color: #ffffff;
	font-size:100%;
	color: #333333;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #eeeeee;
	border-right:solid 1px #999999;
	border-top: solid 1px #eeeeee;
	padding:2px 6px 2px 6px;
	width:150px
}

input.txtfield3 {
	background-color: #ffffff;
	font-size:100%;
	color: #333333;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #eeeeee;
	border-right:solid 1px #999999;
	border-top: solid 1px #eeeeee;
	padding:2px 6px 2px 6px;
	width:220px
}

textarea.txtarea1 {
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #eeeeee;
	border-right:solid 1px #999999;
	border-top: solid 1px #eeeeee;
	padding:2px 6px 2px 6px;
	margin:10px 0px 0px 0px;
	width:150px
}

textarea.txtarea2 {
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #eeeeee;
	border-right:solid 1px #999999;
	border-top: solid 1px #eeeeee;
	padding:2px 6px 2px 6px;
	margin:10px 0px 0px 0px;
	width:220px
}

input.button {
	background-color: #ffffff;
	color: #000000;
	font-size:100%;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #eeeeee;
	border-right:solid 1px #999999;
	border-top: solid 1px #eeeeee;
	cursor:pointer;
}

input.submitbutton {
	background-color: #ffffff;
	color: #000000;
	font-size:100%;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #eeeeee;
	border-right:solid 1px #999999;
	border-top: solid 1px #eeeeee;
	cursor:pointer;
}

.style6 {
	color: #006699;
	font-family: Arial, verdana, helvetica, sans-serif;
	text-align: left;
	font-size: 14pt;
}

.style7 {
	color: #003366;
	font-family: Arial, verdana, helvetica, sans-serif;
}

#forsale {
	float:left;
	display:block;
	width: 415px;
	height:44px;
	text-align:center;
	padding: 11px 0 0 0px;
	margin: 10px 0 10px 18px;
	font-size: 1.9em;
	font-weight:bold;
	color: #fff;
	background: url(../images/boats_for_sale.gif) top left no-repeat;
}

#forsale a {
	color:#fff;
}

.anylinkcss {
	margin: 15px 0px 0px 0px;
	position:absolute;
	visibility: hidden;
	border:1px solid black;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	line-height: 22px;
	z-index: 5000;
	background-color: #dcf0f7;
	width: 190px;
	text-align:left;
	text-transform: uppercase;
}

.anylinkcss a {
	width: 170px;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #999999;
	padding: 1px 0;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	text-indent: 5px;
}

.anylinkcss a:hover { /*hover background color*/
	background-color: #62bedd;
	color: white;
}

.anylinkcss2 {
	margin: 5px 0px 0px 0px;
	position:absolute;
	visibility: hidden;
	border:1px solid black;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	line-height: 22px;
	z-index: 5000;
	background-color: #a6c1d9;
	width: 200px;
	text-align:left;
}

.anylinkcss2 a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #999999;
	padding: 1px 0;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	text-indent: 5px;
}

.anylinkcss2 a:hover { /*hover background color*/
	background-color: #0f75bc;
	color: white;
}

.anylinkcss3 {
	margin: 5px 0px 0px 0px;
	position:absolute;
	visibility: hidden;
	border:1px solid black;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	line-height: 22px;
	z-index: 5000;
	background-color: #a6c1d9;
	width: 200px;
	text-align:left;
}

.anylinkcss3 a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #999999;
	padding: 1px 0;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	text-indent: 5px;
}

.anylinkcss4 a:hover { /*hover background color*/
	background-color: #0f75bc;
	color: white;
}

.anylinkcss4 {
	margin: 5px 0px 0px 100px;
	position:absolute;
	visibility: hidden;
	border:1px solid black;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	line-height: 22px;
	z-index: 5000;
	background-color: #a6c1d9;
	width: 200px;
	text-align:left;
}

.anylinkcss4 a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #999999;
	padding: 1px 0;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	text-indent: 5px;
}

.anylinkcss3 a:hover { /*hover background color*/
	background-color: #0f75bc;
	color: white;
}

.anylinkcss5 {
	margin: 5px 0px 0px 0px;
	position:absolute;
	visibility: hidden;
	border:1px solid black;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	line-height: 22px;
	z-index: 5000;
	background-color: #a6c1d9;
	width: 200px;
	text-align:left;
}

.anylinkcss5 a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #999999;
	padding: 1px 0;
	FONT-FAMILY: arial;
	font-weight: none;
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	text-indent: 5px;
}

.anylinkcss5 a:hover { /*hover background color*/
	background-color: #0f75bc;
	color: white;
}
#divContainer #divWrapper #main-container #content-area #content-margin #column-mid .titlebold .RedBold .RedBold {
	color: #F00;
}