///////////////////////////////////
/*
// Static Page Styles
*/
///////////////////////////////////


/* PRIMARY COLORS OF [client name] WEBSITE FOR USE THROUGHOUT
blue: #005aff;
orange: #f1bf12;
grey: #dfdedc;/*


/* RESET STYLES - Creates no padding/margin/spacing issues between browsers */

*{
	margin:0;
	Padding:0
}


/* ***** Standard CSS On All Pages Begins Here ***** */

/* Body (Choose Font Family and Font Size here and it will be inherited throughout site.) */

body {
	font: 12px Georgia, "Times New Roman", Times, serif;
	background: #1e2e3d;
	margin: 0px 5px 15px 5px; /* 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 */
	color: #2e5471;
}

/* Body Class on All Template Driven Pages (Choose custom background color, background image, and margin for site) */

body.popups {
	font: 12px Georgia, "Times New Roman", Times, serif;
	background: #f7f6ee;
	margin: 15px;
	padding: 0;
	text-align: center;
	color: #2e5471;
}

/* Body for Print Page */

body.printpage {
	background-color: #FFFFFF; 
	margin: 0px; 
	} 

/* ***** MAIN TEXT STYLES ***** */

/* Sitewide Link Style */

A:link, A:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #0d675e;
}

A:hover, A:active {
	font-weight: bold;
	text-decoration: underline;
	color: #1e2e3d;
}

/* Link Back to VDS Site in Footer Area */

A:link.vdslink, A:visited.vdslink {
	color: #82acd4;
	font-size: 9px;
	font-weight: normal;	
	text-decoration: none;
}

A:hover.vdslink, A:active.vdslink  {
	color: #82acd4;
	font-size: 9px;
	font-weight: normal;	
	text-decoration: underline;
}

/* Standard Headers */

h1 {
	font-size: 17px;
	color: #106058;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h2 {
	font-size: 15px;
	color: #002136;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h3 {
	font-size: 14px;
	color: #555c62;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h4 {
	font-size: 13px;
	color: #7A3F14;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h5 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

h6 {
	font-size: 11px;
	color: #0055A6;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

/* STANDARD BODY TAG FORMATTING */

p {
	color: #2e5471;
	margin: 15px 0px 15px 0px;
	font-size: 12px;
	line-height: 23px;
}

hr {
    border-style: solid;
    background-color: #9FC2E4;
    height: 1px;
    border: none; 
    width: 100%; 
    color: #9FC2E4;
}

li {
	font-style: normal;
	font-weight: normal;
	color: #0d675e;
	font-size: 12px;
	line-height: 18px;
}

table{} tr{} td{} th{} strong{} b{} i{} ol{} ul{}

/* ***** Custom Styles applied to Home and Interior Templates By Designer ***** */


#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	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. */
}

#header {
	background: #1e2e3d url(/images/sandcastle-logo.jpg) top left no-repeat;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 138px;
}

#headerCallout {
	float: right;
	width: 497px;
	height: 138px;
	background: url(/images/sandcastle-tagline.jpg) top left no-repeat;
	margin: 0px;
	padding: 0px;
}


/* Vacation Rental Button Sprite */

#vacrentalBTN a {
	display:block;
	width:221px;
	height: 19px;
	margin: 98px 0px 0px 0px;
	padding-top: 4px;
	color:#ddfffb;
	background: url(/images/vacrentals-sprite.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
	font-size: 12px;
	font-weight: bold;
	float: left;
	position: relative;
	text-align: center;
}

#vacrentalBTN a {
   background: url (/images/vacrentals-sprite.jpg) 0 0 no-repeat;
}
#vacrentalBTN a:hover {
   background-position: 0 -23px;
}

/* Specials Button Sprite */

#specialsBTN a {
	display:block;
	width:138px;
	height: 19px;
	margin: 98px 9px 0px 0px;
	padding-top: 4px;
	color:#ddfffb;
	background: url(/images/specials-sprite.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
	font-size: 12px;
	font-weight: bold;
	float: right;
	position: relative;
	text-align: center;
}

#specialsBTN a {
   background: url (/images/specials-sprite.jpg) 0 0 no-repeat;
}

#specialsBTN a:hover {
   background-position: 0 -23px;
}

/* Specials Button Sprite */

#blogBTN a {
	display:block;
	width:121px;
	height: 19px;
	margin: 98px 0px 0px 0px;
	padding-top: 4px;
	color:#ddfffb;
	background: url(/images/blog-sprite.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
	font-size: 12px;
	font-weight: bold;
	float: right;
	position: relative;
	text-align: center;
}

#blogBTN a {
   background: url (/images/blog-sprite.jpg.jpg) 0 0 no-repeat;
}

#blogBTN a:hover {
   background-position: 0 -23px;
}

#masthead {
	margin: 0px auto;
	background: url(/images/masthead.jpg) top left no-repeat;
	width:980px;
	height:345px;
	padding: 0px;
}

#mastheadPage2 {
	margin: 0px auto;
	background: url(/images/pg2-masthead.jpg) top left no-repeat;
	width:980px;
	height:207px;
	padding: 0px;
}

#mastheadPage2Dynamic {
	margin: 0px auto;
	background: url(/images/pg2-alt2-masthead.jpg) top left no-repeat;
	width:980px;
	height:207px;
	padding: 0px;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#headerLink {
	width: 350px;
	height: 137px;
	float:left;
}

#menu {
	height: 32px;
	background: url(/images/menu-bkgd.jpg) top left repeat-x;
	border-left: solid 1px #091826;
	border-right: solid 1px #091826;
	font-size: 13px;
	font-weight: bold;
	color: #d8e9f7;
	text-align: center;
	padding: 0px 8px 0px 8px;
}

#mainContent {
	padding: 15px 22px 15px 19px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #f7f6ee;
	border-left: solid 1px #091826;
	border-right: solid 1px #091826;
}

#mainContentPage2 {
	padding: 15px 22px 15px 19px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #f7f6ee;
	border-left: solid 1px #091826;
	border-right: solid 1px #091826;
}

#mainContentImg {
	border: solid 1px #b1b1b0;
	background: #fffefc;
	padding: 7px;
	float: right;
	margin-left: 20px;
}

#mainContentImgLeft {
	border: solid 1px #b1b1b0;
	background: #fffefc;
	padding: 7px;
	float: left;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#caption {
	margin: 5px 0px 0px 0px;
	font-size: 9px;
	text-align: center;
}

#caption a {
	font-weight: normal;
	text-decoration: underline;
	color: #2e5471;
}

#footer {
	padding: 18px 0px 5px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#1e2e3d url(/images/maincontent-bottom.jpg) top left no-repeat;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #bdcbd8;
	font-size: 13px;
	text-align: center;
}

#footer #toprow {
	margin-top: 11px;
	margin-bottom: 10px;
}

#footer #toprow a:link, #footer #toprow a:visited {  
	color: #bdcbd8;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

#footer #toprow a:hover, #footer #toprow a:active {  
	color: #bdcbd8;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
}

#footer #middlerow {
	font-size: 12px;
	color: #9ca7b1;
	margin-bottom: 0px;
}

#footer #middlerow a:link, #footer #middlerow a:visited {  
	font-size: 12px;
	color: #9ca7b1;
	font-weight: normal;
	text-decoration: none;
}

#footer #middlerow a:hover, #footer #middlerow a:active {  
	font-size: 12px;
	color: #9ca7b1;
	font-weight: normal;
	text-decoration: underline;
}


#footer #lastrow {
	font-size: 11px;
	color: #68727b;
	margin-bottom: 10px;
	text-align: center;
	margin: 0 192px;
	padding-top: 7px;
	margin-bottom: 15px;
}

#footer #lastrowPage2 {
	font-size: 11px;
	color: #68727b;
	margin-bottom: 10px;
	text-align: center;
	margin: 0 345px;
	padding-top: 10px;
	margin-bottom: 15px;
}

#lastrowtext {
	margin-top: 5px;
}

#lastrowtext a:link, #lastrowtext a:visited {  
	color: #68727b;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#lastrowtext a:hover, #lastrowtext a:active {  
	color: #68727b;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

#vdsLogo {
	width: 72px;
	height: 27px;
	background: url(/images/vds-logo.gif) top left no-repeat;
	float: right;
	display: block;
}



/* ***** Form Elements and Buttons Must Be Updated (Applies to contact form, dynamic pages, and SEO form items ***** */

/* This general class applies to all Dynamic Buttons, Text Fields, and Dropdowns. Google Custom Search Button will also inherit this class.  */

input, textarea, select {
color: #0F538F;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #2e5471;
text-indent: 2px; 
background-color: #fff;
padding: 2px 
}

/* This is the button class to be used on all Dynamic Pages */

input.button {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	border: solid 1px #103833;
	text-indent: 2px; 
	background: #0d675e url(/images/btn-bkgd.jpg) top left repeat-x;
	padding: 3px 15px;
}

/* The checkbox/radio alternative should match the page background color */

input.clear {
	color: #000000;
	border: 0px;
	background-color: #FFFFFF;
	padding: 0px;
}

/* Buttons created using Tables and Text Link Classes. Generally used on House Page. */

.buttonbartable {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.buttonbarcell {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	border: solid 1px #103833;
	background: #0d675e url(/images/btn-bkgd.jpg) top left repeat-x;
	padding: 3px 15px;
}

a:link.buttonbarlink, a:visited.buttonbarlink {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

a:hover.buttonbarlink, a:active.buttonbarlink {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}

.housebuttonbarcell {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	border: solid 1px #05302d;
	background: #90bbe3 url(/images/btn-bkgd2.jpg) top left repeat-x;
	padding: 1px 15px;
}

a:link.housebuttonbarlink, a:visited.housebuttonbarlink {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #05554c;
	text-decoration: none;
}

a:hover.housebuttonbarlink, a:active.housebuttonbarlink {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #05554c;
	text-decoration: underline;
}

/* Book Now Button which pops up on house page after client searches for homes at a future time and date using Advanced Search */

.book-buttonbarcell {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #534026;
	text-align: center;
	padding: 4px 15px 4px 15px;
	background: #ff0000;
	border: 1px solid #a3925d;
}

a:link.book-buttonbarlink, a:visited.book-buttonbarlink {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #534026;
	text-decoration: none;
}

a:hover.book-buttonbarlink, a:active.book-buttonbarlink {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #534026;
	text-decoration: underline;
}