/* CSS Document */
body{
	background: #0056ad url(../assets/images/bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

#container{
	width: 780px;
	margin: 0 auto;
	background: #F9F2DD;
}


/* HTML */
h1,h2,h3{
	color: #990000;
	margin-bottom: 20px;
}
p,li,div{
	color: #003368;
}

h1{
	font-size: 15px;
}
h2{
	font-size: 14px;
}
h3{
	font-size: 13px;
}
p, li, div, a{
	font-size: 12px;
}
a{
	color: #2581d8;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img{
	border: none;
}
.c-img{
	margin-top: 40px;
}
.c-img ul{
	margin: 0px;
	padding: 0px;
}
.c-img li{
	list-style: none;
	width: 160px;
	float: left;
	padding-bottom: 20px;
	padding-right: 20px;}

/* HEAD */
#index #head{
	background: url(../images/h-bg.jpg) no-repeat;
	height: 185px;
}
#page #head{
	background: url(../images/h-bg2.jpg) no-repeat;
}

p#logo{
	float: left;
	width: 275px;
	margin-top: 45px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
ul#h-menu{
	float: left;
	margin-top: 55px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
ul#h-menu li{
	display: inline;
	list-style: none;
	border-right: 1px solid #000;
	font-size: 13px;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
}
ul#h-menu li.last{
	border-right: none;
}
ul#h-menu li a{
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	
}
ul#h-menu li a:hover, ul#h-menu li a.active{
	border-bottom: 3px solid #003E7F;
}

/* head2 */
#index #head2{
	background: #ffffff;
}
#page #head2{
	background: url(../images/h2-bg.gif) no-repeat;
}
#index #h2-left{
	float: left;
	width: 545px;
	height: 255px;
	padding-top: 50px;
	background: url(../images/h2l-bg.jpg) no-repeat;
	overflow: hidden;
}

#page #h2-left{
	background: none;
	float: none;
	height: 150px;
	padding-top: 50px;
}

.h2l-info{
	float: left;
	width: 190px;
	margin: 0 35px 45px 30px;
}
.h2l-info h2{
	font-size: 11px;
	color: #ffffff;
	margin: 0;
}
.h2l-info p{
	margin: 0;
	color: #ffffff;
	font-size: 11px;
}
.h2l-info a{
	font-size: 11px;
}
#h2-right{
	padding: 20px 0;
}
#h2-right p{
	margin: 0;
	text-align: center;
}


/* BODYBOX */
#bodybox{
	padding: 30px;
}

/* CONTENT */
#content{
	float: left;
	width: 490px;
}

#c-left, #c-center{
	float: left;
	width: 440px;
	margin-right: 25px;
}
#c-center{
	margin-right: 20px;
}

#list-chandlery{
	margin: 0;
	list-style: none;
	padding: 0;
}
#list-chandlery li{
	float: left;
	width: 150px;
	margin: 0 10px 30px 0;
}

#list-product-logo{
	margin: 0;
	list-style: none;
	padding: 0;
}
#list-product-logo li{
	float: left;
	width: 150px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 0;
}

#list-product{
	margin: 0;
	list-style: none;
	padding: 0;
}
#list-product li{
	float: left;
	width: 150px;
	margin: 0 10px 30px 0;
}
#list-product li, #list-product li a{
	font-size: 11px;
}
#list-product li img{
	float: left;
	margin: 0 8px 8px 0;
}
#list-product li p{
	margin: 0 0 0 58px;
}

#product-title img{
	vertical-align: middle;
	margin-right: 8px;
}

.ld-info{
	float: left;
	width: 210px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 0;
}
.ld-info img{
	float: left;
	margin: 0 10px 0 0;
}
.ld-info h3, .ld-info p{
	margin: 0 0 0 75px;
	color: #003368;
}

/* RIGHT */
#right{
	float: right;
	width: 210px;
}
.dateblock{
	float: left;
	width: 36px;
	margin: 0 8px 8px 0;
	border: 1px solid #d4cea8;
	text-align: center;
}
.month{
	display: block;
	background: #d4cea8;
	text-transform: uppercase;
	font-weight: bold;
}
.date{
	display: block;
	background: #ffffff url(../images/date-bg.jpg) no-repeat bottom right;
	padding: 2px;
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
}
.newsblock{
	margin-left: 44px;
}
.r-news{
	margin: 0 0 25px 0;
}
.r-news h3, .r-news h3 a{
	font-size: 11px;
	color: #003368;
	margin: 0;
}
.r-news p, .r-news p a{
	font-size: 11px;
	margin: 0;
}

/* FOOT */
#foot{
	background: #000e1b url(../images/f-bg.jpg) no-repeat;
	padding: 60px 30px 20px 30px;
	border-bottom: 10px solid #70001f;
}

#foot p, #foot a, #foot h3{
	color: #ffffff;
	font-size: 11px;
}
#foot h3{
	font-size: 14px;
}
#f-left{
	float: left;
	width: 48%;
}
ul#f-menu{
	margin: 0;
	padding: 0;
	width: 200px;
}
ul#f-menu li{
	float: left;
	width: 95px;
	list-style: none;
	margin: 3px 0;
	font-size: 12px;
}
ul#f-menu a{
	font-size: 12px;
}
#f-right{
	float: right;
	width: 45%;
	text-align: right;
}


/* FUNCTION */
#pnav{
	position: relative;
	margin-right: 15px;
}
.left{
	background: url(../images/i-left.gif) no-repeat 0 2px;
	padding-left: 18px;
}
.right{
	position: absolute;
	right: 0;
	background: url(../images/i-right.gif) no-repeat right 2px;
	padding-right: 18px;

}
.title{
	font-size: 15px;
	color: #990000;
}
.subtext{
	color: #003368;
}
p.more{
	margin: 5px 0 0 0;
}
p.more a{
	background: url(../images/i-more.gif) no-repeat 0 3px;
	padding-left: 11px;
}
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}
.clear {display: block;}

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

/* FOR TABLE */
table.tableyachts{
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
table.tableyachts td, table.tableyachts tr{
	padding: 3px;
	border: 1px solid #cccccc;
}
table.tableyachts th{
	background: #006ac3;
	color: #ffffff;
	padding: 6px;
}
table.tableyachts tr.even td{
	background: #e0e8ef;
}
table.tableyachts tr.odd td{
	background: #ffffff;
}
table.tableyachts tr td.cellrowsubhead{
	background: #ffffff;
}
table.tableyachts tr td.cellrowhead{
	background: #ffffff;
	font-weight: bold;
	height: 100%;
}
table.tableyachts tr td.cellrowhead h2{
	margin: 1px;
	padding: 0;
	font-family: Arial;
	font-size: 13px;
	text-align: left;
}