/*
Author: BoatWizard Web Solutions
Author URI: http://www.boatwizardwebsolutions.com/
*/

/* Start with the reset! */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/* Reset End */ 

/* Start Mike Lucas Yachting Layout */ 
html {
	margin:0;	
}
body {
	background-image:url(images/sadler-starlight-bg.png);
	background-repeat: repeat;
	background-color: #ffffff;
	font-family:Tahoma, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color:#292929;
}
#container{
	background-image:url(images/yacht-brokerage-bg.png);
	background-repeat: repeat-x;
	width:100%;
}
#header{
	height:140px;
	width:958px;
}
#main-navigation { width:960px; height:28px;padding-top:2px;}
#main-navigation #Nav { width:960px; height:28px; margin:0; padding:0; background:url(images/boats-sprite.png) 0 0 no-repeat; }
#main-navigation #Nav li { display:inline; }
#main-navigation #Nav li a { float:left; outline:none; height:0; padding:28px 0px 0px 0px; overflow:hidden; }
#main-navigation #Nav li a { background-image:url(images/boats-sprite.png); background-repeat:no-repeat; }

#main-navigation #Nav li#nav00 a { width:80px; background-position: 0 0; }
#main-navigation #Nav li#nav01 a { width:130px; background-position: -80px 0; }
#main-navigation #Nav li#nav02 a { width:161px; background-position: -210px 0; }
#main-navigation #Nav li#nav03 a { width:249px; background-position: -371px 0; }
#main-navigation #Nav li#nav04 a { width:75px; background-position: -620px 0; }
#main-navigation #Nav li#nav05 a { width:82px; background-position: -695px 0; }
#main-navigation #Nav li#nav06 a { width:81px; background-position: -777px 0; }
#main-navigation #Nav li#nav07 a { width:102px; background-position: -858px 0; }

#main-navigation #Nav li#nav00 a:hover { background-position: 0 -31px; }
#main-navigation #Nav li#nav01 a:hover { background-position: -80px -31px; }
#main-navigation #Nav li#nav02 a:hover { background-position: -210px -31px; }
#main-navigation #Nav li#nav03 a:hover { background-position: -371px -31px; }
#main-navigation #Nav li#nav04 a:hover { background-position: -620px -31px; }
#main-navigation #Nav li#nav05 a:hover { background-position: -695px -31px; }
#main-navigation #Nav li#nav06 a:hover { background-position: -777px -31px; }
#main-navigation #Nav li#nav07 a:hover { background-position: -858px -31px; }

#main-navigation #Nav li#nav00 a:active { background-position: 0 -62px; }
#main-navigation #Nav li#nav01 a:active { background-position: -80px -62px; }
#main-navigation #Nav li#nav02 a:active { background-position: -210px -62px; }
#main-navigation #Nav li#nav03 a:active { background-position: -371px -62px; }
#main-navigation #Nav li#nav04 a:active { background-position: -620px -62px; }
#main-navigation #Nav li#nav05 a:active { background-position: -695px -62px; }
#main-navigation #Nav li#nav06 a:active { background-position: -777px -62px; }
#main-navigation #Nav li#nav07 a:active { background-position: -858px -62px; }

body#home #Nav li#nav00 a { background-position: 0 -93px; }
body#used #Nav li#nav01 a { background-position: -80px -93px; }
body#refits #Nav li#nav02 a { background-position: -210px -93px; }
body#sadler #Nav li#nav03 a { background-position: -371px -93px; }
body#news #Nav li#nav04 a { background-position: -620px -93px; }
body#forum #Nav li#nav05 a { background-position: -695px -93px; }
body#about #Nav li#nav06 a { background-position: -777px -93px; }
body#contact #Nav li#nav07 a { background-position: -858px -93px; }

#content{
	width:958px;
	background-image:url('images/content-bg.png');
	background-repeat:repeat-y;
	overflow:hidden;
}

#main-content{
	margin-left:4px;
	width:677px;
	float:right;
	overflow:hidden;
	position:relative;
	z-index:0;
}
#image-box {
    width:667px;
    height:312px;
    padding:4px;
    background-color:#ffffff;
    border:1px #c6c6c6 solid;
    margin:12px 0px 12px 0px;
    text-align:left;
}
#image-box-sub {
    width:667px;
    height:240px;
    padding:4px;
    background-color:#ffffff;
    border:1px #c6c6c6 solid;
    margin:12px 0px 12px 0px;
    text-align:left;
}
#content-box {
    width:645px;
    padding:15px;
    background-color:#ffffff;
    border:1px #c6c6c6 solid;
    margin: 12px 0px 0px 0px;
    background-position:center top;
    text-align:left;
    clear:both;
    overflow:hidden;
}
#content-box img{
 margin: 10px;
}
#gallery img{
	margin:0;
}
#boat-details-box{
	border-left:1px solid #000000;
	float:right;
	margin-top:5px;
	padding-left:12px;
	margin-bottom:7px;
	width:200px;
}
#model-text{
	width:400px;
	float:left;
}
.image-caption{
	float:left;
	margin-right:15px;
	text-align:center;
	margin-bottom:12px;
}
.image-caption img{
	margin-bottom:5px;
}
.image-float-left{
	float:left;
	margin-right:20px;
}
#boat-details-box img{
	margin-bottom:5px;
	border:1px solid #000000;
}
#sidebar{
	width:265px;
	float:left;
	margin:12px 0px 12px 0px;
	background-color:#ffffff;
    border:1px #c6c6c6 solid;
    text-align:left;
}
.sidebar-content{
	text-align:left;
	padding:11px;
}
.sidebar-links{
	display:block;
	width:233px;
	padding-left:10px;
	background-color:#20559e;
	height:25px;
	line-height:25px;
	color:#ffffff;
	text-decoration:none;
	margin-bottom:7px;
}
.sidebar-links:hover{
	background-color:#487bc2;
}
.for-sale-button{
	background-image:url('images/boats-for-sale-off.png');
	display:block;
	width:243px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:11px;
}
.for-sale-button:hover{
	background-image:url('images/boats-for-sale-on.png');
	display:block;
	width:243px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:11px;
}
.list-boat-button{
	background-image:url('images/list-your-boat-off.png');
	display:block;
	width:243px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:11px;
}
.list-boat-button:hover{
	background-image:url('images/list-your-boat-on.png');
	display:block;
	width:243px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:11px;
}
.refit-repair-button{
	background-image:url('images/refit-repair-off.png');
	display:block;
	width:243px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:11px;
}
.refit-repair-button:hover{
	background-image:url('images/refit-repair-on.png');
	display:block;
	width:243px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:11px;
}
.equipment-button{
	background-image:url('images/equipment-off.png');
	display:block;
	width:243px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:11px;
}
.equipment-button:hover{
	background-image:url('images/equipment-on.png');
	display:block;
	width:243px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:11px;
}
.rss-image{
	margin-right:10px;
	float:left;
}
.rss-text{
	font-weight:bold;
	line-height:25px;
}
.rss-text a,.rss-text a:active,.rss-text a:visited{
	text-decoration:none;
}
.rss-text a:hover{
	text-decoration:underline;
}
.post a, .post a:active, .post a:visited{
	color:#b70303;
	text-decoration:none;
}
.post a:hover{
	text-decoration:underline;
}
.news-title a,.news-title a:active,.news-title a:visited{
	text-decoration:none;
	color:#060002;
	font-weight:bold;
}
.news-title a:hover{
	text-decoration:underline;
}
.contact-details{
	width:250px;
	float:left;
	margin-bottom:12px;
}
#footer{
	width:100%;
	background-image:url('images/footer-bg.png');
	background-repeat:repeat-x;
	height:166px;
}
#footer-content{
	width:958px;
	padding-top:33px;
}
#footer-logo{
	float:right;
}
.footer-box{
	margin-right:70px;
	float:left;
	text-align:left;
	color:#ffffff;
}
.footer-box a,.footer-box a:active,.footer-box a:visited{
	color:#ffffff;
	text-decoration:none;
}
.footer-box a:hover{
	color:#ffffff;
	text-decoration:underline;
}

/* End Layout */ 


/* Start Font Styles */ 

p {
	line-height: 16px;
	margin:0px 0px 15px 0px;
}
a{
	color:#060002;
}
h1{
	font-weight:bold;
	font-size:16px;
	margin: 0 0 10px 0;
	font-family:Georgia;
	text-transform:uppercase;
	color:#012c66;
	line-height:18px;
}
h2, h3 {
	font-size:14px;
	font-weight:normal;
	margin: 0 0 10px 0;
	font-family:Georgia;
	text-transform:uppercase;
	color:#012c66;
}
h2.sidebar-title{
	display:block;
	width:254px;
	height:30px;
	line-height:30px;
	font-family:Georgia;
	font-size:14px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:left;
	background-color:#012960;
	padding-left:11px;
	margin-bottom:0px;
}
h4, h5, h6 {
	font-family:Tahoma;
	font-size:18px;
	margin: 0 0 10px 0;
	font-weight:normal;
	text-transform:uppercase;
}
.tagline{
	font-weight:bold;
	font-size:12px;
	font-family:Georgia;
	color:#012c66;
}
ol, ul {
	list-style:disc inside;
}
hr{
	margin:0;
	padding:0;
	background-color:#ffffff;
	border:0px;
	height:1px;
}
#sidebar p{
	margin-bottom:0px;
}
/* End Font Styles */ 

/*Dropmenu elements--------------------------------------------------------------*/

.dropmenudiv {
	position: absolute;
	top: -20px;
	float: left;
	display: block;
	visibility: hidden;
	border:1px #011531 solid;	
	color: #ffffff;
	z-index: 10000;
	text-decoration: none;
	padding: 0px;
	font-family: Tahoma;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	letter-spacing:1px;
	margin-left:2px;
}
.dropmenudiv ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.dropmenudiv li {
	display: inline;
	margin: 0;
	padding: 0;
	background-color:#011531;
}
.dropmenudiv a:visited {
	margin: 0;
	padding: 0;
	display: block;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	width:220px;
}
.dropmenudiv a:link {
	margin: 0;
	padding: 0;
	display: block;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	width:220px;
}
.dropmenudiv a span {
	float: none;
	display: block;
	line-height: 30px;
	background-color:#011531;
	background-repeat:repeat-y;
	padding: 0px;
	color: #ffffff;
	padding-left:20px;
}
.dropmenudiv a:hover {
	float: none;
	display: block;
	line-height: 30px;
	background-color:#183761;
	background-repeat:repeat-y;
	color: #ffffff;
}
.dropmenudiv a:hover span {
	float: none;
	display: block;
	line-height: 30px;
	background-color:#183761;
	background-repeat:repeat-y;
	color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
	list-style:none;
}
/*end dropmenu elements----------------------------------------------------------------*/