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

body		{
		margin:			0px;
		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;
		}
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;
		}		

/*-----------------------------------------------------------------
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;
		}
/*-----------------------------------------------------------------
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 .links
		{
		float:			left;
		width:			705px;
		text-align:		right;
		}
#logo-header .links ul	
		{
		float:			right;
		list-style-type:	none;
		margin-bottom:		10px;
		margin-top:		10px;
		margin-left:		0px;
		padding-left:		0px;
		}				
#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 .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:		75px;
		padding-left:		0px;
		}				
#top-nav li	{
		float:			left;
		color:			#818084;
		padding-left:		0px;
		}						
#top-nav a	{
		font-size:		9pt;
		padding-left:		14px;
		padding-right:		14px;
		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/main-img-4.jpg);
		}
#main-img-new	{
		float:			left;
		clear:			both;
		width:			976px;
		height:			212px;
		background-image:	url(../images/main-img-6.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/main-img-2.jpg);
		}
#main-img-services	{
		float:			left;
		clear:			both;
		width:			976px;
		height:			212px;
		background-image:	url(../images/main-img-5.jpg);
		}
#main-img-finder	{
		float:			left;
		clear:			both;
		width:			976px;
		height:			212px;
		background-image:	url(../images/main-img-3.jpg);
		}
#main-img-contact	{
		float:			left;
		clear:			both;
		width:			976px;
		height:			212px;
		background-image:	url(../images/main-img-7.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-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;
		background-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;
		}		

/*-----------------------------------------------------------------
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: 100%;
}
/*-----------------------------------------------------------------
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;
		}				
		

/*-----------------------------------------------------------------
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; }
.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;
}