/* Page Layout */

body {
	width:100%;
	font: 1em Verdana, Geneva, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image: url(/images/background.png);
	background-repeat: repeat-x;
	background-color: #030b15;
}
#backBanner {
	height:200px;
	width:100%;
	background-image: url(/images/bannerBackground.png);
	background-repeat: repeat-x;
}
#container {
	width: 860px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:-200;
}
#topShadow {
	width:860px;
	height:399px;
	background-image: url(/images/topShadow.png);
	background-repeat: no-repeat;
}
#bottomShadow {
	overflow: auto;
	width:860px;
	height:auto;
	background: url(/images/bottomShadow.png) repeat-y;
}
#topPageWrapper {
	margin-left:20px;
	width:820px;
}
#contentWrapper {
	float:left;
	margin-left:20px;
	width:820px;
	background: #fff;
}
/* End Page Layout */

/* Header */
#topImage {
	background-image:url(/images/topImage.png);
	width:820px;
	height:56px;
	background-repeat: no-repeat;
}
#header {
	background: #fff;
	width: 820px;
	height:92px;
	background-image: url(/images/headerBackground.png);
	background-repeat: repeat-x;
}
#logo {
	float:left;
	width:280px;
	height:92px;
	background: url(/images/bviLogo.png) no-repeat;
}
#follow {
	float:left;
	width:535px;
	height: 92px;
}
#follow a {
	float:right;
	margin: 45px 10px 0px 0px;
}
#follow img {
	border: 0px;
}
/* End Header */

/* Top Navigation */

#topNav {
	position:absolute;
	width:820px;
	height:38px;
	z-index:300;
	font: Bold 14px  Verdana, Geneva, sans-serif;;
	background: url(/images/redBanner.png) repeat-x;
}
#blueBar {
	background-color:#003b7b;
	height:5px;
	width:100%;
}
#topNavLinks {
	float:left;
	margin: 0px;
	padding:0px;
}
#topNavLinks ul {
	margin:0px;
	padding:8px 0px 0px 6px;
}
#topNavLinks li {
	display: inline;
	list-style-type: none;
	text-shadow:#333 3px 2px 6px;
}
#topNavLinks a {
	margin:0px 0px 0px 0px;
	padding: 8px 10px 10px 10px;
	color: white;
	text-decoration: none;
}
#topNavLinks a:hover, #topNavLinks a:active {
	background: #ac1514;
}
/* End Top Navigation */

/* Top Page Search */
topNavSearch {
	clear:both;
	width:220px;
	margin:0px;
	padding:0px;
	float:right;
}
.topNavSearchBox {
	float:right;
	padding: 6px 05px 0px 0px;
}
.topNavSearchBox input {
	text-align:right;
}
#topNavSearchButton {
	float:right;
	padding: 5px 15px 0px 0px;
}
.searchBox {
	margin-top:0px;
}
/* End Top Page Search */

/* Left Navigation */
#leftNav {
	float:left;
	width:158px;
	height:100%;
	margin: 2px 0px 2px 2px;
}
#leftNavTop {
	position:relative;
	margin:0px;
	background: url(/images/leftNavTop.png) no-repeat;
	height:49px;
}
#leftNavBot {
	position:relative;
	margin:0px;
	padding:0px;
	background: url(/images/leftNavBot.png) no-repeat;
	height:56px;
	width:158px;
}
#leftNavMid {
	margin:0px;
	padding:5px 0px 5px 0px;
	width: 158px; /*width of menu*/
	font: Bold 12px "Tahoma", "Geneva", Tahoma, Geneva, sans-serif;
	background:url(/images/leftNavMid.png) repeat-y;
}
#leftNavForm {
	position:relative;
	top:-45px;
}
#leftNavMid a {
	display:block;
	color: white;
	text-decoration: none;
}
/* End Left Navigation */

/* Main content */

#mainContent {
	float:left;
	width:624px;
	height:100%px;
	margin: 2px 2px 10px 20px;
}
#mainContent h1 {
	font: Bold 1.1em Verdana, Geneva, sans-serif;;
	color:#0096d7;
}
#mainContent p {
	font: 1em Verdana, Geneva, sans-serif;;
}

#mainContent a {
	color: #0096d7;
	text-decoration: none;	
}
#line {
	height:1px;
	width:100%;
	background-color:#7f9dbd;
	margin-top:-5px;
}

#mainContent img {
	border: solid #0096d7;
}
/* End Main Content */

/* Blog */


#contentWrapper #blog {
	width:818px;
	height:350px;
	overflow:auto;
	font: 1em Verdana, Geneva, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#contentWrapper #blog a {
	color: #0096d7;
	text-decoration: none;
}
#contentWrapper #blog #wrap {
width:784px;
margin:0px;
padding:0px;
}
#contentWrapper #blog #wrap #mainpane {
width:780px;
margin:0px;
padding:0px;
}
#serendipity_banner h1 {
	font: Bold 1.4em Verdana, Geneva, sans-serif;
	color:#0096d7;
}
#serendipity_banner h2 {
	font: Bold 1.2em Verdana, Geneva, sans-serif;
	color:#0096d7;
}
#blog h3 {
	font: Bold 1.1em Verdana, Geneva, sans-serif;
	color:#0096d7;
}
#blog h4 {
	font: Bold 1em Verdana, Geneva, sans-serif;
	color:#0096d7;
}
/* End of Blog */


/* Yacht Search */
#qsLogo {
	float:left;
	margin:0px;
	padding:0px;
	width:168px;
	height:58px;
	background:url(/images/qsLogo.png);
}
#qsFields {
	float:left;
	width:452px;
	height:54px;
	border:solid 2px #0096d7;
	background-color: #d3e2e7;
	font: 10px "Tahoma", "Geneva", Tahoma, Geneva, sans-serif;
}
#qsRow1 {
	float:left;
	padding:5px 2px 0px 4px;
	width:454px;
	height:27px;
}
#qsRow2 {
	float:left;
	padding:0px 2px 5px 4px;
	width:454px;
	height:27px;
}
.location, .type, .budget {
	width:146px;
	text-align:left;
	font: 10px "Tahoma", "Geneva", Tahoma, Geneva, sans-serif;
}
.guests, #start, #end, .fm-submit {
	float:left;
	padding: 0px;
	text-align:center;
}
.guests {
	font: 10px "Tahoma", "Geneva", Tahoma, Geneva, sans-serif;
	margin-left:1px;
	width:80px;
}
#start .qsDay {
	margin-left:2px;
}
#end {
	margin-left:2px;
}
.qsMonth, .qsDay, .qsYear {
	font: 10px "Tahoma", "Geneva", Tahoma, Geneva, sans-serif;
	text-align:center;
	margin-right:3px;
}
.qsMonth, .qsDay {
	width:34px;
}
.qsYear {
	width:40px;
}
.qsSearch {
	padding-left:6px;
}
#content {
	float:left;
}
/* End Yacht Search */

/* Footer area */

#footer {
	float:left;
	width:860px;
}
#footerLeft {
	float:left;
	width:24px;
	height:62px;
	background:url(/images/footerLeft.png) no-repeat;
}
#footerMid {
	float:left;
	width: 811px;
	height:62px;
	background:url(/images/footerMid.png) repeat-x;
}
#footerRight {
	float:left;
	width:25px;
	height:62px;
	background:url(/images/footerRight.png) no-repeat;
}
#footerLogo {
	float:left;
	margin: 3px 0px 0px 16px;
	width:124px;
	height:55px;
	background:url(/images/footerLogo.png) no-repeat;
}
#footerNavLinks {
	float:left;
	width:405px;
	font: 12px "Tahoma", "Geneva", Tahoma, Geneva, sans-serif;
	color: #daa1a1;
	margin:22px 0px 0px 110px;
}
#footerNavLinks ul {
	margin-left:-40px;
	display: inline;
}
#footerNavLinks li {
	margin:0px;
	display: inline;
	list-style-type: none;
}
#footerNavLinks a {
	margin:0px 0px 0px 0px;
	padding: 20px 5px 20px 5px;
	color: #daa1a1;
	text-decoration: none;
}
#footerContact a {
	float:left;
	margin-top:17px;
	width:152px;
	height:30px;
	background: url(/images/contactButtonDn.png);
}
#footerContact a:hover {
	background: url(/images/contactButtonUp.png);
}
#copyright {
	float:right;
	width:860px;
}
#copyright p {
	font-size: 10px;
	color: #6a819b;
	padding-right:30px;
	text-align: right;
}
/* End Footer */