﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}






/* GENERIC */

body {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 13px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    color:gray;
    line-height:15px;
    background: url(../images/layout/body_bg_reflection.jpg);
    background-repeat:repeat-x;
    background-color:#8DC9CD;
    }

#container {
    text-align: center;
    width:100%;
    margin: 0;
    padding:0;
    background-position:right top;
    background-repeat:no-repeat;
    }

img {
    border:0;
    }
    
#heightSpacer {
    width:1px;
    height:490px;
    float:right;
    display:inline;
    }  

.divider{
    border-bottom:dashed 1px gray;
    margin:0px; 
    width:100%;
    padding:0px;
    height:1px;
    }


/* CONTENT */

#content {
    width:955px;
    padding:0px;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    }

#content .logo {
    width:206px;
    padding-top:20px;
    margin-bottom:20px;
    height:34px;
    float:left;
    text-align:left;
    }

#content .rightHolder {
    float:right;
    display:inline;
    margin-top:10px;
    text-align:right;
    }

#content .topNav {
    height:25px;
    width:561px;
    float:right;
    text-align:right;
    }
    
#content .titles 
{
    margin-top:10px;
    height:30px;
    float:right;
    clear:both;
    font-weight:normal;
    overflow:hidden;
    width:500px;
    } 
    
#content .titlesLeft {
    height:30px;
    width:57px;
    background:url(../images/layout/title_left.jpg);
    float:right;
    display:inline;
    } 
    
#content .titlesMain {
    padding-top:6px;
    padding-right:7px;
    padding-left:7px;
    height:26px;
    font-weight:normal;
    overflow:hidden;
    display:block;
    background:url(../images/layout/title_back.jpg);
    background-repeat:repeat-x;
    float:right;
    }
    
/* WIDE CONTENT */

#wideContent {
    text-align:left;
    overflow:hidden;
    background-color:White;
    padding-bottom:10px;
    }

#wideContentGallery {
    text-align:left;
    overflow:hidden;
    background-color:black;
    }

 #wideContent .col1 {
    background-color:white;
    padding:10px;
    }
 #wideContent .col2 {
    background-color:white;
    padding:10px;
    width:350px;
    float:left;
    display:inline;
    }

/* LEFT CONTENT */

#leftContent {
    float:left;
    text-align:left;
    display:inline;
    padding-top:20px;
    padding-left:20px;
    }
    
#leftContent .wide {
    clear:both;
    width:291px;
    float:left;
    background-color:White;
    padding:12px;
    text-align:left;
    display:inline;
    }
     
 #leftContent .nav {
    clear:both;
    width:128px;
    float:left;
    text-align:left;
    display:inline;
    margin-top:15px;
    }     

/* RANGE */

#range {
    text-align:left;
    overflow:hidden;
    }

#range .col1 {
    float:left;
    margin:0px 0px 0px 0px;
    background-color:white;
    width:250px;
    padding:10px;
    }

#range .col2 {
    float:left;
    margin:0px 0px 0px 70px;
    background-color:white;
    width:250px;
    padding:10px;
    }
    
#range .col3 {
    float:right;
    margin:0px 0px 0px 0px;
    background-color:white;
    width:250px;
    padding:10px;
    }

#range .cat {
    text-align:left;
    font-size:18px;
    font-weight:normal;
    color:Gray;
    }    
    
#range .row {
    padding:6px 0px 6px 0px;
    border-bottom:dashed 1px gray;
    overflow:hidden;
    }
    
#range .yachtName {
    float:left;
    padding-top:20px;
    height:25px;
    font-weight:bold;
    }
    
#range .yachtImg {
    float:right;
    }

.rangeYacht {
    overflow:hidden;
    width:480px;
    padding:10px;
    margin-bottom:10px;
    border:dashed 1px gray;
    display:block;
    }


/* MEDIA */

#media {
    text-align:left;
    overflow:hidden;
    }

#media .col1 {
    float:left;
    margin:0px 0px 0px 0px;
    background-color:white;
    width:510px;
    padding:10px;
    }

#media .col2 {
    float:left;
    background-color:white;
    width:410px;
    margin-top:25px;
    }
    
#media .col3 {
    float:right;
    margin:0px 0px 0px 0px;
    background-color:white;
    width:250px;
    padding:10px;
    }

#media .cat {
    text-align:left;
    font-size:18px;
    font-weight:normal;
    color:Gray;
    }    
    
#media .row {
    padding:6px 0px 6px 0px;
    border-bottom:dotted 1px gray;
    overflow:hidden;
    }
    
#media .yachtName {
    float:left;
    padding-top:20px;
    height:25px;
    font-weight:bold;
    }
    
#media .yachtImg {
    float:right;
    }

.mediaYacht {
    clear:both;
    width:480px;
    padding:10px;
    margin-bottom:10px;
    border:dashed 1px gray;
    display:block;
    }
    
/* DISTRIBUTORS */

#distributors {
    text-align:left;
    overflow:hidden;
    display:inline;
    float:left;
    }
    
#distributors .flag {
    text-align:left;
    overflow:hidden;
    clear:both;
    }
    
#distributors .t {
    text-align:left;
    overflow:hidden;
    clear:both;
    font-weight:bold;
    line-height:24px;
    }

#distributors .content {
    text-align:left;
    width:187px;
    height:140px;
    padding:10px;
    font-size:11px;
    border:dashed 1px gray;
    overflow:hidden;
    clear:both;
    }

#distributors .content a {
    color:#FE9E16;
    font-size:11px;
    text-decoration:none;
    }
    
#distributors .content a:hover {
    color:#3F7AA2;
    font-size:11px;
    }
    
/* FORMS */

#forms {
    text-align:left;
    overflow:hidden;
    }

#forms .col1 {
    float:left;
    margin:0px 0px 0px 0px;
    background-color:white;
    width:500px;
    }

#forms .col2 {
    float:right;
    background-color:white;
    width:378px;
    margin-top:135px;
    margin-right:10px;
    padding:0px;
    }
    
#forms .col3 {
    float:left;
    margin:0px 0px 0px 0px;
    background-color:white;
    width:270px;
    padding:10px;
    }

#forms .cat {
    text-align:left;
    font-size:18px;
    font-weight:normal;
    color:Gray;
    }    
    
#forms .row {
    padding:6px 0px 6px 0px;
    border-bottom:dashed 1px gray;
    overflow:hidden;
    }


/* RIGHT CONTENT */  
    
#rightContent {
    float:right;
    text-align:left;
    display:inline;
    margin-left:0px;
    padding-left:0px;
    }
    
.gallery {
    float:left;
    text-align:left;
    display:inline;
    }


/* FOOT NAV */

#content .footNav {
    float:right;
    text-align:right;
    }
