* {
	margin:0;
	padding:0;
	}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	text-align:center;
	background:#f5f5f5 url(../pix/contentBG.png) top left repeat-x;
	line-height:1.4em;
	color:#666;
	}

/* for Opera */
html>body {
	font-size:small;
	}

img {
	border:0;
	}

h1, h2, h3 {
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

h1 {
	font-size:300%;
	color:#000;
	line-height:1em;
	}

h2 {
	font-size:275%;
	color:#333;
	margin:0 0 .75em 0;
	line-height:1em;
	}

h3 {
	font-size:130%;
	color:#333;
	margin:.5em 0;
	line-height:1.5em;
	}

ul {
	padding:1em 0;
	list-style:none;
	}

ul li {
	padding-left: 20px;
	background:url(../pix/bullet.gif) left .75em no-repeat;
	}

p {
	padding-top:1em;
	padding-bottom:1em;
	}

small {
	color:#999999;
	font-weight:normal;
	text-transform:none;
	letter-spacing:normal;
	}

blockquote {
	font-style:italic;
	}

a:link,
a:active,
a:visited {
	text-decoration:none;
	color:#d63333;
	}

.pad {
	padding:20px;
	}

.largePad {
	padding:60px;
	}

#pageBg {
	background-color:#fff;
	width:100%;
	}

.pageContainer {
	width:901px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	border:5px solid #fff;
	border-bottom:none;
	border-top:none;
	}	
	
.left {
	width:625px;
	float:left;
	}

.right {
	width:270px;
	float:right;
	}	

#header {
	background:#191919 url(../pix/header_bg.gif) bottom center no-repeat;
	border-bottom:5px solid #fff;
	font-family:"Myriad Pro", Geneva, Arial, sans-serif;
	}

#header .pageContainer {
	border:none;
	background:none;
	height:102px;
	/* next two are needed to keep nav on top of other content on page */
	position:relative;
	z-index:1;
	}

#header .left {
	float:left;
	width:158px;
	}

#header .right {
	float:right;
	width:auto;
	position:absolute;
	bottom:0;
	right:0;
	}

#sideBar {
	font-size:90%;
	}

.homeBox {
	width:260px;
	float:left;
	margin-right:40px;
	}

 .callout {
 	float:right; 
	width:200px; 
	font-size:90%; 
	position:relative; right:-25px;
	padding:20px;
	background:#e1e1e1;
	margin:0 0 30px 30px;
 	}

.thumb,
.listings dd.image img,
.staff dd.image img,
.content img,
.map {
	border:3px double #ccc;
	padding:1px;
	margin:0;
	}

.content h1 img,
.content h2 img,
.content h3 img,
.content h4 img {
	border:0;
	padding:0;
}

#pageHeader {
	height:294px;
	overflow:hidden;
	width:100%;
	background:#fff;
	border-bottom:5px solid #fff;
	}

#pageHeader .left {
	float:left;
	text-align:center;
	width:153px;
	}

#pageHeader .left img {
	margin:0 auto;
	}
	
#pageHeader .right {
	width:746px;
	float:right;
	}

.content {
	background:#fff url(../pix/contentGrad.gif) top left repeat-x;
	}

.contactLeft {
	width:25%;
	float:left;
	}

.contactRight {
	width:70%;
	float:right;
	}

#news {
	 background:url(../pix/news_bg.png) top center no-repeat;
	 }

.newsLeft {
	float:left;
	width:475px;
	}
	
.newsRight {
	float:right;
	width:300px;
	margin-right:42px;
	}

.newsLeft h2 {
	padding:1em 0;
	}

.dateTab {
	background:url(../pix/dateTab.png) top right no-repeat;
	height:43px;
	width:65px;
	color:#fff;
	display:inline-block;
	position:relative;
	left:-20px;
	padding:0 10px;
	font-family:"Myriad Pro", Geneva, Arial, sans-serif;
	float:left;
	margin-right:-20px;
	display:none; /* REMOVE TO HAVE DATE TABS SHOW, be sure to uncomment left margin on item class below */
	}

.dateTab .year {
	font-size:40px;
	position:absolute;
	top:15px;
	left:5px;
	}

.dateTab .month {
	position:absolute;
	top:6px;
	left:48px;
	}

.dateTab .day {
	position:absolute;
	top:18px;
	left:48px;
	}

.item {
	margin-left:20px;
	/* margin-left:80px; UNCOMMENT THIS LINE IF USING DATE TABS */
	margin-bottom:3em;
	}

h3.title a {
	color:#333333;
	font-size:120%;
	}

.dateline {
	font-size:120%;
	text-transform:uppercase;
	letter-spacing:.2em;
	display:block;
	margin:1em 0;
	}

table {
	width:100%;
	padding:0;
	border:0;
	}

table th {
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
	padding-top:2em;
	font-size:110%;
	color:#000;
	letter-spacing:.15em;
	}

table td {
	vertical-align:top;
	border-bottom:1px dotted #e5e5e5;
	padding:.25em 0;
	}

table td.price {
	text-align:right;
	}

dl.listings,
dl.staff {
	background:#fff;
	padding:25px;
	}

.listings dt,
.staff dt {
	font-size:150%;
	color:#333333;
	clear:both;
	padding:.5em 0;
	}

.staff dt .jobTitle {
	font-size:80%;
	font-style:italic;
	color:#999;
	display:block;
	margin-top:.25em;
	}

.listings dd.description,
.staff dd.links {
	margin-bottom:3em;
	}

.listings dd.image img {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	}

.listings dd.price {
	color:#990000;
	font-size:130%;
	}

.staff dt,
.staff dd.bio,
.staff dd.links {
	margin-left:350px;
	}

.staff dd.bio {
	margin-bottom:1em;
	}

.staff dd.image img {
	float:left;
	margin-top:-25px;
	}

.history dt {
	font-weight:bold;
	border-top:1px solid #663300;
	padding-top:1em;
	}

.history dd {
	margin-bottom:1em;
	}

span.price {
	color:#990000;
	font-size:70%;
	}

.cookieCrumbs {
	margin-bottom:3em;
	color:#999999;
	font-size:90%;
	}

a.button {
	background:#dedede;
	padding:.2em 2em;
	color:#666666;
	text-transform:uppercase;
	font-size:85%;
	border:2px solid #ccc;
	}

a.button:hover {
	background:#ccc;
	}

#dhtmltooltip {
	position: absolute;
	border: 2px solid #efefef;
	border-bottom-color:#d1d1d1;
	border-right-color:#d1d1d1;
	background:#fff;
	font-size:90%;
	line-height:normal;
	padding: .5em;
	visibility: hidden;
	z-index: 100;
	max-width:200px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}

.buildingName {
	font-weight:bold;
	}

.launchedGalleryThumb {
	width:150px; 
	height:200px; 
	float:left; 
	text-align:center; 
	margin-left:33px; 
	position:relative;
	}

.launchedGalleryThumb-alt {
	width:150px; 
	height:200px; 
	float:left; 
	text-align:center; 
	margin-left:0; 
	clear:both; 
	position:relative;
	}

.detailGeneral {
	width:455px; 
	text-align:center; 
	float:right; 
	margin:0 0 30px 30px;
	}

#general,
#photosFinished,
#photosConstruction,
#video,
#specs,
#brokerage {
	padding:25px 0;
	clear:both;
	}

.specs {
	float:left;
	width:30%;
	margin-right:3%;
	}

.banner {
	position:relative;
	float:right;
	}

.banner .flag {
	position:absolute;
	float:right;
	top:4px;
	left:4px;
	}

.caption {
	clear:both;
	font-size:90%;
	font-style:italic;
	color:#999999;
	display:block;
	text-align:right
	}

ul.files {
	text-align:left;
	background:#efefef;
	margin-bottom:1em;
	}

ul.files li {
	margin:0 1em;
	}

.pdf, .xls, .doc, .default {
	padding-left:20px;
	padding-top:.3em;
	padding-bottom:.3em;
	background-position:left .3em;
	background-repeat:no-repeat;
	}

.pdf {
	background-image:url(../pix/icon_PDF.gif);
	}

.xls {
	background-image:url(../pix/icon_Excel.gif);
	}

.doc {
	background-image:url(../pix/icon_Word.gif);
	}

.default {
	background-image:url(../pix/icon_default.gif);
	}

.boatName {
	text-transform:uppercase;
	}

#footer {
	color:#999;
	background:#000; 
	border-bottom:5px solid #fff;
	border-top:5px solid #fff;
	font-size:90%;
	}

#footer a:link, 
#footer a:active, 
#footer a:visited {
	color:#f0e529;
	}

.partnerLogos {
	 background:none;
	 border:none;
	 padding:2em 0;
	 text-align:center;
	 }
	
.partnerLogos img {
	vertical-align:middle;
	margin:1em 10px;
	}

#homePageText {
	margin:0 auto;
	margin-top:400px;
	clear:both;
	text-align:left;
	width:700px;
	}
	
/* CLEAR FLOATS WITHOUT EXTRA DIV MARKUP */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}