body {
	margin:0;
	padding:0;
	background: #D3DCFD url("../images/background.gif");
	background-repeat:repeat-x;
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
}

p {
	font-size: 90%;
	color: #666666; /* color: #996633; */
	line-height:1.5em;
}

p.rule {
	background:url("../images/dotted-red-line.gif") no-repeat;
	margin-bottom:-15px;
}

p.italic {
	font-style:italic;
}

p.indent {
	text-indent: 2em;
}

a:link {
	color: #3E4BAC;
}

a:visited {
	color: #1F2178;
}

a:hover {
	color: #6D8AF9;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	
}

h1 {
	margin-top:0px;
	/* margin-bottom: -12px; */
	font-size: 160%;
	color: #1F2178;
	font-variant:small-caps;
}

h2 {
	font-size: 130%;
	color:#6E8BF9; /* color:#996633; Light brown */
}

h3 {
	margin-bottom: -10px;
	font-variant:small-caps;
	font-size: 110%;
	color: #1F2178;

}

h3.italic  {
	font-style:italic;
	margin-bottom: 0px;
	/* font-weight:normal; Adding this makes sidebar2 to drop to bottom in IE ??? */
}

#content ol, #content ul {
	font-size: 80%;
	color: #666666; /* color: #996633; */
	line-height:1.5em;
}

/*----- PAGE WRAPPER CLASSES SHADOWS ---------*/
#wrapper {
	z-index:0; 
	margin:0 auto; 
	padding:0;
	width:977px; /* 949px + 13px + 15px */
	background-repeat:repeat-y; 
	background-position:center top;
	background-image:url("../images/bg.gif");
}

#pagewrap {
	float:left; 
	width:949px;
	height:100%;
	background:url("../images/background-compass.gif") no-repeat left bottom;
}

/*----- Drop Shadows ---------*/
#ls {float:left;width:13px;height:100%;}
#rs {float:left;width:15px;height:100%;}

#header {
	display:block;
	margin:0 auto;
	padding:0;
	width:949px;
	height:232px;
	background: #FFFFFF url("../images/banner.jpg");
	background-repeat:no-repeat;
	background-position:top;
	

}

#contentwrap {
	/* float: left; */
}

#sidebar {
	float: left;
	width: 228px;
	height: 436px;
	background:url("../images/background-left-menu.jpg") top left no-repeat;
}

#sidebar .gutter {
	padding: 35px 10px;
}

/* Navigation */

#navigation ul {
	list-style-type: none;
	/* padding: 0; */
	padding-left: 35px;
	margin: 0;
	font-family:"Times New Roman", Times, serif;
	font-size:155%;
	font-weight:bold;
	font-variant:small-caps;
}

#navigation li {
	margin: 10px 0; /* Space between list items */
}

#navigation a:link, #navigation a:visited {
	text-decoration:none;
	color:#DBE1FB;
	margin-left: -30px;
	padding-left: 35px;
}

#navigation a:hover {
	background: url("../images/bullet-flag.gif") no-repeat;
	text-decoration:underline;
	background-position: left center; /* hor ver */
	margin-left: -30px;
	padding-left: 35px;
}

#navigation ul .selected {
	background-image: url("../images/bullet-flag.gif");
	background-repeat:no-repeat;
	background-position: left center;
	margin-left: -30px;
	padding-left: 35px;
	color: #ffffff; /* !important */
}

.club-nautique {
	text-align: center;
	font-weight:bold;
	padding-top:50px;
	line-height:1.8em;
}

.club-nautique a:link, .club-nautique a:visited {
	color: #BFCAF9;
	font-size:150%;
	font-family:"Times New Roman", Times, serif;
	text-decoration: none;
	font-variant:small-caps;
}

.club-nautique a:hover {
	text-decoration: underline;
}

.club-nautique img {
	padding-bottom: 5px;
}

#main-content {
	float: right;
	height:100%;
	width:721px;
}

#main-content p {
	font-size: 80%;
}

#content {
	float: left;
	/* width: 721px; */
	height:100%;
	width:65%;
	/* border:1px solid #000000; */
}

#content .gutter {
	padding: 15px 0px 20px 20px;
}

/* Column */

.col2 {
  float: left;
  width:215px;
  margin: 0px;
  padding: 0px;
  }

.col2 h3 {
	color: #3A6274;
	background-color: #E7EEF1;
	padding: 5px;
	text-transform:uppercase;
	font-size:100%;
}

/* .col2 h4 a:visited, .col2 h4 a:link {
	color: #648D9F;
	text-decoration:none;
}

.col2 h4 a:hover {
	text-decoration: underline;
}

.col2 h4 {
	color: #648D9F;
	font-size:100%;
	margin-bottom:-15px;
} */

.col2 h4 {
	color:#6E8BF9;
	font-variant:small-caps;
	margin-top:0px;
}

.col2 p {
   text-align: left;
   font-size:80%;
   }
 
.col2-container {
  /* border: 2px dashed #333; */
  background-color: #fff;
  }

.col2-spacer {
  clear: both;
  }

.col2 img {
	border: none;
}

#content-sidebar {
	float:right;
	width:35%;
}

#content-sidebar .gutter {
	padding: 5px 15px 0px 20px;
}

.testimonial {
	width:210px;
}

.testimonial p {
	color:#000;
}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

.box {
	background: #9BDCFD; /* 66CCFF */
}

.box h5  {
	background: #000080;
	color: #ffffff;
	text-align:center;
	padding:3px;
	font-family: "Times New Roman", Times, serif;
	text-transform:uppercase;
}

.box ul {
	font: 80% Arial, Helvetica, sans-serif;
	color: #000080;
	padding-bottom:20px;
	margin-left:15px;
	padding-left:0px;
	padding-right:5px;
	list-style-type:none;
}

.box ul li {
	margin-bottom:10px;
}

/* Header only */

h5.box  {
	background: #000080;
	color: #ffffff;
	text-align:center;
	padding:3px;
	font-family: "Times New Roman", Times, serif;
	text-transform:uppercase;
}



#subftr {
	clear:both; 
	display:block;
	width:977px;
	height: 62px;
	background-image: url("../images/background-footer-text.gif");
	background-repeat: no-repeat;
	background-position: center top;
	margin:0 auto; 
	padding: 0px;
	color: #BDCBFD;
	/* padding-top:40px;*/ 
}
#subftr p {color:#FFFFFF;font-weight:normal;font-size:10px;}
#subftr a {color: #FFFFFF; text-decoration:none; font-weight: normal; font-size: 10px; text-transform:uppercase;padding-right:10px;padding-left:10px;}
#subftr a:hover {color:#FFFFFF;text-decoration:underline;font-weight:normal; font-size:10px;}

#footer {
	clear:both;
	padding-top:4px;
	/* width: 90%; background-color: #666; border: 1px solid #333; padding: 0px; margin: 0px auto; */
}

/* Yacht Table */

.yacht-table {
	border:1px solid #000080;
	border-collapse:collapse;
}

.yacht-table th {
	background-color: #000080;
	color: #ffffff;
	text-align:left;
	text-transform:uppercase;
}

.yacht-table th, .yacht-table td {
	border:1px solid #000080;
	font:80% Arial, Helvetica, sans-serif;
}
	
.yacht-table td {
	color: #003366;
}

/* Feature */

dl.feature {
margin: 0;
padding: 0px 0px 0px 0px;
}

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

dl.feature dt {
margin:0 0 .5em 0;
font-weight: bold;
font-size: 80%;
color: #666666;
text-transform:uppercase;
}

dl.feature dt img {
float: left;
margin:0 15px 0 0; /* 40 */
padding:2px;
border:1px solid #ccc;

}
dl.feature dd {
margin-left:80px;
margin-bottom:50px; /* space between photos */
line-height:1.5em;
font:70% Arial, Helvetica, sans-serif;
color: #666666;
}

/* Yacht Gallery (Brokerage Division Page) */

#yacht-gallery {
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
}


#yacht-gallery li {
	float: left;
	margin-right:25px;
	padding-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #666666;
}

#yacht-gallery img {
	display: block;
	border:1px solid #ccc;
	padding:2px;
}

/* End of CSS */


