/*

Stylesheet for Client Name
Handwritten by Richard Wilmot (AztecMedia.eu)
www.kemptons.com

*/


												/* ------------------------ Defaults ------------------------ */

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
body {
	background: url('../images/body-bg.jpg') no-repeat top center;
	font-family: Trebuchet, Verdana, Tahoma, Arial,  sans-serif;
	font-size: 0.7em;
	background-color:#001E50;
	}
	
body.imgresize {
	background: url('../images/resize-bg.jpg') no-repeat top center;
	font-family: Trebuchet, Verdana, Tahoma, Arial,  sans-serif;
	font-size: 0.7em;
	background-color:#001E50;
	}

#container-bg {
	background: url('../images/main-container-bg.png') top center repeat-y;
	margin: auto;
	width: auto;
	}
	
#footer-bg {
	background: url('../images/main-footer-bg.png') no-repeat top center;
	margin: auto;
	width: auto;
	}

#container {
	background: url('../images/content-bg.jpg') no-repeat bottom center;
	margin: auto;
	width: 960px;
	background-color:#FFFFFF
	}
	
body.imgresize #container {
	background: url('') no-repeat bottom center;
	margin: auto;
	width: 960px;
	background-color:#FFFFFF
	}
	
	
	
p {
	line-height: 1.78em;
	margin-bottom: 12px;
	color:#5d7192
}

p a {
	line-height: 1.78em;
	margin-bottom: 20px;
	font-weight:bold;
	text-decoration:none;
	color:#b7241c
}

p a:hover {
	text-decoration:underline;
}

p.line {
	background: url('../images/paragraph-line.gif') repeat top left;
}

h2 {
	font-size: 120%;
	font-style:italic;
	font-weight:bolder;
	color:#3e5273;
	margin-bottom: 10px
}

h3 {
	font-size: 10px;
	font-style:italic;
	font-weight:bolder;
	color:#FFF;
	margin-bottom: 20px
}

h4 {
	font-size: 10px;
	font-style:italic;
	font-weight:bolder;
	color:#FFF;
}
	
.cleared {
	clear: both;
	}

hr {
	display: none;
	}
	
abbr {
	border-bottom: 1px dotted #000;
	cursor: help;
	}






												/* ------------------------ Branding ------------------------ */

#branding {
	background: url('../images/branding-bg.gif') no-repeat top left;
	height: 96px;
	width: 960px;
	border-top:#596D90 solid 5px;
	position:relative
	}

#branding h1 a {
	display: block;
	float:left;
	text-indent: -25000px;
	height: 96px;
	width: 240px;
	}

#flash-branding {
	width: 470px;
	height: 96px;
	padding-right: 30px;
	float:left;
}

#translate {
	background: url('../images/translate-bg.gif') no-repeat top left;
	/*float: left;*/
	height: 28px;
	overflow: hidden;
	width: 140px;
	padding-left: 5px;
	padding-top: 2px;
	position:absolute;
	right:165px;
	top:0
	}
	
#translate .goog-te-gadget-simple {
    font-size: 9pt;
    padding-bottom: 0;
    padding-top: 0;
}
	
#search-box {
	background: url('../images/search-bg.gif') no-repeat top left;
	/*float: left;*/
	height: 30px;
	overflow: hidden;
	width: 140px;
	padding-left: 5px;
	position:absolute;
	right:20px;
	top:0
	}

#search-box legend {
	display: none;
	}
	
#search-box #keyword {
	background: url('../images/search-box.gif') no-repeat top left;
	border: none;
	float: left;
	font-size: 100%;
	height: 20px;
	width: 95px;
	padding: 6px 0px 0px 5px;
	color:#999999
	}
	
#search-box #search {
	background: url('../images/search-button.gif') no-repeat top left;
	border: none;
	float: left;
	height: 25px;
	width: 35px;
	}





											/* ------------------------ Nav ------------------------ */

#nav {
	clear: both; 
	height: 40px; 
	padding-left: 20px;
	text-indent: -25000px;
	width: 940px;
	background-color:#eff4f9
	}
	

#nav li { 
	float: left;
	}

#nav a {
	display: block;
	height: 40px;
	}
	
#nav a:hover, #nav #selected {
	background-position: 0 -40px;
	}



#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	width:58px;
}

#nav-p-boats a {
	background: url('../images/nav-p-boats.gif') no-repeat top left;
	width:116px;
}

#nav-l-boats a {
	background: url('../images/nav-l-boats.gif') no-repeat top left;
	width:86px;
}

#nav-why a {
	background: url('../images/nav-why.gif') no-repeat top left;
	width:97px;
}

#nav-parts a {
	background: url('../images/nav-parts.gif') no-repeat top left;
	width:101px;
}

#nav-repairs a {
	background: url('../images/nav-repairs.gif') no-repeat top left;
	width:85px;
}


#nav-used a {
	background: url('../images/nav-used.gif') no-repeat top left;
	width:93px;
}

#nav-news a {
	background: url('../images/nav-news.gif') no-repeat top left;
	width:57px;
}

#nav-downloads a {
	background: url('../images/nav-downloads.gif') no-repeat top left;
	width:92px;
}

#nav-links a {
	background: url('../images/nav-links.gif') no-repeat top left;
	width:59px;
}

#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	width:76px;
}





												/* ------------------------ Sub Nav ------------------------ */


.slidemenu{
	width: 235px; /*width of menu*/
}

.slidemenu div.silverheader a {	
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
}


a.subnav1,
.subnav1 {
	background: url('../images/sub-nav-pro-ribs.png') no-repeat top left;
	display: block;
	height: 25px;
	width: 235px;
	text-indent: -2500px
}


a.subnav2,
.subnav2 {
	background: url('../images/sub-nav-leisure-ribs.png') no-repeat top left;
	display: block;
	height: 25px;
	width: 235px;
	text-indent: -2500px
}

.slidemenu div.selected a.subnav1 {
	background: url('../images/sub-nav-pro-ribs-on.png') no-repeat top left;
}

.slidemenu div.submenu a { /*DIV that contains each sub menu*/
	/*background: url('../images/sub-nav-sub-buttons.gif') no-repeat top left;*/
	display:block;
	height: 18px;
	width: 195px;
	padding: 7px 0px 0px 40px;
	font-family: Trebuchet, Verdana, Tahoma, Arial;
	font-size: 90%;
	font-weight:bold;
	text-decoration:none;
	color:#3f5375
}



.slidemenu div.submenu a.pro { /*DIV that contains each sub menu*/
	background: url('../images/sub-nav-sub-buttons-pro.gif') no-repeat top left;
}

.slidemenu div.submenu a:hover.pro { /*DIV that contains each sub menu*/
	background-position: 0pc -25px;
	color:#FFF
}



.slidemenu div.submenu a.leisure { /*DIV that contains each sub menu*/
	background: url('../images/sub-nav-sub-buttons-leisure.gif') no-repeat top left;
}

.slidemenu div.submenu a:hover.leisure { /*DIV that contains each sub menu*/
	background-position: 0pc -25px;
	color:#FFF
}



.slidemenu div.submenu div.sub-bottom a { /*DIV that contains each sub menu*/
	background: url('../images/sub-nav-sub-button-bottom.png') no-repeat top left;
}

.lb .slidemenu div.submenu div.sub-bottom a { /*DIV that contains each sub menu*/
	background: url('../images/sub-nav-sub-button-bottom2.png') no-repeat top left;
}

.slidemenu div.submenu div.sub-bottom a:hover { /*DIV that contains each sub menu*/
	background: url('../images/sub-nav-sub-button-bottom-on.png') no-repeat top left;
	color:#FFF
}

.lb .slidemenu div.submenu div.sub-bottom a:hover { /*DIV that contains each sub menu*/
	background: url('../images/sub-nav-sub-button-bottom-on2.png') no-repeat top left;
	color:#FFF
}



.slidemenu div.submenu a.pro-selected { 
	background: url('../images/sub-nav-sub-buttons-pro.gif') no-repeat top left;
	background-position: 0pc -25px;
	color:#FFF
}

.slidemenu div.submenu a.leisure-selected { 
	background: url('../images/sub-nav-sub-buttons-leisure.gif') no-repeat top left;
	background-position: 0pc -25px;
	color:#FFF
}

.slidemenu div.submenu div.sub-bottom a.pro-selected { 
	background: url('../images/sub-nav-sub-button-bottom-on.png') no-repeat top left;
	color:#FFF
}

.slidemenu div.submenu div.sub-bottom a.leisure-selected { 
	background: url('../images/sub-nav-sub-button-bottom-on2.png') no-repeat top left;
	color:#FFF
}






												/* ------------------------ Flash ------------------------ */

#flash {
	width: 920px;
	padding: 0px 20px 0px 20px;
	height: 220px;
	}
	
	
	
	
												/* ------------------------ Column 1 ------------------------ */

#column-1 {
	float:left;
	padding:20px 0px 0px 20px;
	width: 235px;
	}
	
#why #column-1, #repairs #column-1, #used #column-1,  #news #column-1, #downloads #column-1, #rib-links #column-1, #contact #column-1, #options #column-1, #specifications #column-1, #faq #column-1, #search #column-1 {
	background: url('../images/text-content-bg.png') no-repeat top left;
	background-position: 20px 20px;
	float:left;
	padding:50px 60px 0px 60px;
	width: 585px;
	min-height: 300px
	
}
	
/* #news #column-1, #downloads #column-1, #rib-links #column-1, #contact #column-1, #options #column-1, #specifications #column-1 {
	float:left;
	padding:20px 20px 0px 20px;
	width: 665px;
	}*/
	
#parts #column-1 {
	float:left;
	padding:20px 20px 0px 20px;
	width: 920px;
	}
	
	
												/* ------------------------ Column 2 ------------------------ */

#column-2 {
	float:left;
	padding:20px 20px 0px 20px;
	width: 410px;
}


												/* ------------------------ Column 3 ------------------------ */


#column-3 {
	background: url('../images/column-3-bg.png') no-repeat top left;
	background-position: 0px 20px;
	float:left;
	padding:25px 40px 20px 20px;
	width: 195px;
	font-size: 90%;
	line-height: 1.6em;
	color:#3f5375;
	margin-bottom: 15px;
	min-height:200px
}


#column-3 p.column-3-header {
	margin-bottom: 0px;
}

#column-3 p.column-3-header {
	color:#b7241c;
	font-weight:bold;
}

#column-3 p.column-3-header a {
	text-decoration:none
}

#column-3 p.column-3-header a:hover {
	text-decoration:underline
}

#column-3 img.column-3-button {
	float:right
}

#column-3 img.column-3-boat {
	border:#596d90 solid 2px;
	float:left;
	width: 191px;
	margin-top: 10px
}



	
												/* ------------------------ Boats ------------------------ */

#pro-boat-box {
	background: url('../images/button-view-pro-boats-large.png') no-repeat top left;
	float:left;
	height:240px; 
	width: 203px;
	}
	
#boat-text-box {
	float:left;
	padding: 50px 10px 0px 33px;
	height:180px; 
	width: 160px;
	color:#FFFFFF
	}
	
#leisure-boat-box {
	background: url('../images/button-view-leisure-boats-large.png') no-repeat top left;
	float:left;
	height:240px; 
	width: 203px;
	}



												/* ------------------------ Boat Nav ------------------------ */

#boat-nav {
	clear: both; 
	height:auto; 
	width: 195px;
	}
	

#boat-nav li { 
	background: url('../images/button-boat-link.png') no-repeat top left;
	float: left;
	}

#boat-nav a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display: block;
	width: 185px;
	height: 19px;
	margin-bottom: 10px;
	color:#FFFFFF;
	text-decoration:none;
	padding: 3px 0px 0px 10px

	}
	
#boat-nav a:hover {
	text-decoration:underline
	}
	
	
#boat-nav .spacer {
	float:left;
	width: 195px;
	height: 20px;
	padding-top:10px
	}
	

	
	
	
	

												/* ------------------------ Used Boats ------------------------ */

.used-boats {
	float:left;
	width: 585px;
	margin-top:15px;
	}
	
.used-boats-title {
	background: url('../images/table-top-bar.png') no-repeat top left;
	float:left;
	height:18px;
	width: 565px;
	font-size: 10px;
	font-style:italic;
	font-weight:bolder;
	color:#FFF;
	padding: 7px 0px 0px 20px;
	}
	
.used-boats-content {
	background: url('../images/table-bg.png') no-repeat bottom left;
	float:left;
	height:auto;
	width: 565px;
	padding: 20px 0px 15px 20px;
	}

.used-boats-img {
	float:left;
	height:auto; 
	width: 150px;
	border:#596d90 solid 2px;
	}
	
.used-boats-text {
	float:left;
	height: auto; 
	width: 375px;
	padding: 0px 0px 0px 35px;
	}
	
.used-boats-info {
	background: url('../images/used-boats-info.gif') no-repeat bottom left;
	float:left;
	height:18px;
	width: 565px;
	font-size: 10px;
	font-style:italic;
	color:#b7241c;
	padding: 7px 0px 0px 20px;
	font-weight:bold;
	}
	
.used-boats-info-item {
	float:left;
	padding-right: 15px;
	font-weight:normal;
	color:#fff;
	}	

	

	
	
	
												/* ------------------------ News & Options (+ colour options) ------------------------ */

.news-options {
	float:left;
	width: 585px;
	margin-top:15px;
	}
	
.news-options p {
	line-height: 1.78em;
	margin-bottom: 12px;
	color:#5d7192
}
	
.news-options-title {
	background: url('../images/table-top-bar.png') no-repeat top left;
	float:left;
	height:18px;
	width: 565px;
	font-size: 10px;
	font-style:italic;
	font-weight:bolder;
	color:#FFF;
	padding: 7px 0px 0px 20px;
	}
	
.news-options-content {
	background: url('../images/table-bg.png') no-repeat bottom left;
	float:left;
	height:auto;
	width: 565px;
	padding: 20px 0px 15px 20px;
	}

.news-options-img {
	float:left;
	height:auto; 
	width: 150px;
	border:#596d90 solid 2px;
	}
	
.news-options-text {
	float:left;
	height: auto; 
	width: 375px;
	padding: 0px 0px 0px 20px;
	}
	

#search .news-options-text {
	float:left;
	height: auto; 
	width: 545px;
	padding: 0px 0px 0px 0px;
	}
	
#search .relevance {
	float:left;
	height: auto; 
	width: 545px;
	}
	
	
	

#colour-options-container {
	float:left;
	width: 585px;
	}

.colour-options {
	float:left;
	width: 150px;
	height: 140px;
	margin-right: 20px
	}
	
.colour-options-title {
	background: url('../images/colour-top.png') no-repeat top left;
	float:left;
	height:18px;
	width: 130px;
	font-size: 10px;
	font-style:italic;
	font-weight:bolder;
	color:#FFF;
	padding: 7px 0px 0px 20px;
	}
	
.colour-options-content {
	background: url('../images/colour-bottom.png') no-repeat bottom left;
	float:left;
	height:auto;
	width: 130px;
	padding: 20px 0px 20px 20px;
	}

.colour-options-img {
	float:left;
	height:50px; 
	width: 110px;
	}

	




												/* ------------------------ Downloads + Links ------------------------ */

#downloads table, #rib-links table {
	background: url('../images/table-bg.png') no-repeat bottom left;
	}
	
#specifications table {
	background: url('../images/table-bg.png') no-repeat bottom left;
	}

#downloads td {
	width: 90px;
	text-align:center;
	vertical-align:middle;
	padding: 2px 0px 5px 0px;
	}

img.software-links {
	float:left;
	padding-right: 10px;
}

	
#rib-links td {
	width: 160px;
	text-align:center;
	vertical-align:middle;
	padding: 2px 0px 5px 0px;
	}
	
#specifications td {
	width: 42px;
	text-align:center;
	vertical-align:middle;
	padding: 5px 0px 5px 0px;
	}
	
#downloads tr, #rib-links tr {
	height:25px;
	}

#specifications tr {
	height:auto;
	}
	
#downloads td.wide {
	width: 225px;
	}
	
#rib-links td.wide {
	width: 265px;
	}
	
#specifications td.wide {
	width: 145px;
	text-align:left;
	padding: 5px 10px 5px 10px
	}
	
#downloads tr.table-header, #rib-links tr.table-header, #specifications tr.table-header {
	height: 25px;
	font-size: 10px;
	font-style:italic;
	font-weight:bolder;
	color:#FFF;
	vertical-align:middle;
	}




#downloads .downloads-column-1-header, #rib-links .link-column-1-header, #specifications .specifications-column-1-header {
	background: url('../images/table-top-bar.png') no-repeat top left;
}

#downloads .downloads-column-2-header, #rib-links .link-column-2-header, #specifications .specifications-column-2-header {
	background: url('../images/table-top-bar.png') no-repeat top center;
}

#downloads .downloads-column-3-header, #rib-links .link-column-3-header, #specifications .specifications-column-3-header {
		background: url('../images/table-top-bar.png') no-repeat top right;
}





#specifications .specifications-column-1-bottom {
	background: url('../images/table-bottom-bar.png') no-repeat top left;
}

#specifications .specifications-column-2-bottom {
	background: url('../images/table-bottom-bar.png') no-repeat top center;
}

#specifications .specifications-column-3-bottom {
	background: url('../images/table-bottom-bar.png') no-repeat top right;
}





												/* ------------------------ Gallery ------------------------ */

	
#boat .gallery-bg, #why .gallery-bg,  #used .gallery-bg {
	float:left;
	background: url('../images/gallery-bg.png') no-repeat top left;
	height: 120px;
	width: 120px;
	padding: 0px 15px 15px 0px
}

#boat .gallery-pic-holder, #why .gallery-pic-holder, #used .gallery-pic-holder {
	height: 83px;
	width: 105px;
	padding: 5px;
	overflow:hidden
}



											/* ------------------------ Drop Test ------------------------ */

	
#drop-pic-box {
	background: url('../images/droptest.jpg') no-repeat top left;
	float:left;
	width: 186px;
	height: 280px;
	padding: 10px 10px 10px 210px;
	background-color:#c3d9f3;
	border:#596d90 solid 2px;
	margin-top: 10px;
}

#drop-pic-box img {
	float:left;
	padding: 0px 10px 0px 0px
}

											/* ------------------------ Back Botton ------------------------ */

	
#back-button {
	float:left;
	width: 195px;
	height: 33px;
	padding: 10px 0px 20px 0px
}

#back-button a {
	background: url('../images/button-back.png') no-repeat top right;
	float:right;
	display:block;
	width: 87px;
	height: 33px;
	text-indent: -2500px
}

#back-button a:hover {
	background-position: 0px -33px
}




											/* ------------------------ IMG controsl ------------------------ */

	
img.float-left {
	float:left;
	margin: 0px 20px 10px 0px;
	border:#596d90 solid 2px;
}

img.float-right {
	float:right;
	margin: 0px 0px 10px 20px;
	border:#596d90 solid 2px;
}

img.float-centre {
	float:inherit;
	margin: 0px 0px 10px 0px;
	border:#596d90 solid 2px;
}




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

#footer {
	background: url('../images/footer-bg.png') no-repeat top left;
	margin:auto;
	font-size: 90%;
	height:67px;
	width: 960px;
	color:#8493aa;
	padding-top:50px;
	}
			
#footer a {
	color: #8493aa;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	color:#FFF
	}
	
#links {
	float: left;
	width:945px;
	padding: 25px 0px 0px 15px
	}

#links p {
	margin-bottom: 0px
	}
	
#azteclink {
	color:#8493aa;
	float: left;
	text-align: left;
	width:945px;
	padding: 0px 0px 0px 15px
	}

#azteclink a {
	color:#8493aa;
	text-decoration: none;
	}
	
#azteclink a:hover {
	text-decoration: underline;
	color:#FFF
	}
	
#british-marine a {
	display:block;
	width:130px;
	height:50px;
	float:right;
	margin-right:20px;
	text-indent: -2500px
	}
	
	
	
												/* ------------------------ Contact Form ------------------------ */
	
#form legend {
		display: none;

	}
	
#form label {
	font-family: Trebuchet, Verdana, Tahoma, Arial;
	color: #5d7192;
	font-weight:bold;
	font-size: 90%;
	}
	
#form input {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 90%;
	border: none;
	}
	
.form-input {
	background: url('../images/contact-box-bg.gif') no-repeat top left;
	width: 265px;
	height: 25px;
	padding: 6px 0px 0px 5px;
}

	
#form textarea {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 90%;
	border: none;
	}


.form-input-large {
	background: url('../images/contact-big-box-bg.gif') no-repeat top left;
	width: 255px;
	height: 140px;
	padding: 5px 10px 5px 5px;
}



#form select {
	padding: 0px 0px 0px 0px;
	border:none;
	color:#666

}


/*#form textarea {
	height: 80px;
	}*/

	
#form #submit {
	background: url('') no-repeat top left;
	height: 22px;
	width: 77px;
	}
	
#form #submit a:hover {
	vertical-align: middle;
	}
	
#contact td {
	width: 50%;
	font-family: Trebuchet, Verdana, Tahoma, Arial;
	color: #5d7192;
	font-size: 90%;
	vertical-align:top;
	line-height: 1.6em;
	padding: 3px 0px 1px 0px
}	



													/* ------------ Bullet Controls ------------ */

ul.bullet {
	padding-bottom: 10px;
}

.bullet li {
	text-align: left;
	list-style: none;
	background: url('../images/bullet.gif') no-repeat 0px 0px;
	background-position: 20px 4px;
	padding: 0px 0px 0px 30px;
	line-height: 1.6em;
	color:#5d7192
}



												/* ------------------------ Toolbox ------------------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */