///////////////////////////////////
/*
// 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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #fff;
	margin: 0;
}

#staticpages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #88bfc6 url(/images/body-background.jpg) no-repeat top;
	margin: 0;
}

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

body.page-background {
	background: #0066CC;
	margin: 0px 10px 10px 10px;	
}

/* 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: #045888;
}

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

/* Footer Links Style */

A:link.footerlinks, A:visited.footerlinks {
	color: #c9e9fa;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

A:hover.footerlinks, A:active.footerlinks {
	color: #c9e9fa;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
} 

/* 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: 16px;
	color: #02417c;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

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

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

h4 {
	font-size: 13px;
	color: #7A3F14;
	font-weight: bold;
	margin: 15px 0px 0px 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: #000000;
	margin: 15px 0px 15px 0px;
	line-height: 18px;
	font-size: 12px;
}

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

li {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding: 1px;
}

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


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

#containter {
	width: 1000px;
	margin: 0 auto;
	background: #fff url(/images/content-background.jpg) repeat-y;
	height: 100%;
}

#containter2 {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#flashBanner {
	width: 1000px;
	background: #fff url(/images/flash-background.jpg) no-repeat top;
	height: 475px;
	position: relative;
	z-index:0
}

#flashObject {
	width: 951px;
	height: 366px;
	position: absolute;
	left: 24px;
	top: 15px;
}

#flashReplace {
	background:url(/images/altcontent.jpg) no-repeat;
	width:951px;
	height:366px;
	text-align:center;
	outline: none;
	vertical-align: middle;
	font-weight: bold;
	position:relative;
}

#flashText {
	background: none;
	width:200px;
	height:300px;
	text-align:center;
	outline: none;
	vertical-align: middle;
	position: absolute;
	top: 130px;
	left: 696px;
}

#flashText p{
	font-weight: bold;
	color: #fff;
	font-size:11px;
}

#flashText A:link {color: #f3ee78; text-decoration: underline; font-size: 11px; font-weight: bold;}
#flashText A:visited {color: #f3ee78; text-decoration: underline; font-size: 11px; font-weight: bold;}
#flashText A:active {color: #f3ee78; text-decoration: underline; font-size: 11px; font-weight: bold;}
#flashText A:hover {color: #fbf225 ; text-decoration: underline; font-size: 11px; font-weight:bold;} 

#homeLeftCol {
	width: 206px;
	float: left;
	padding: 0 0 0 50px;
	background: none;
	position: relative;
	z-index: 5000;
}

#homeContentWrapper {
	width: 1000px;
	z-index: 100;
	position: relative;
	min-height: 600px;
	margin-top:-215px;
}

#homeContentText {
	position: relative;
	top: 121px;
	width: 375px;
	float:left;
	padding: 0 0 125px 25px;
	z-index: 150;
}

#calloutsRight {
	position: relative;
	top: 121px;
	width: 321px;
	height: auto;
	float: right;
}

#quickSearch {
	width: 321px;
	background: url(/images/quick-search.jpg) no-repeat;
	height: 117px;
	position: relative;
}

#quickSearchDetails {
	width: 230px;
	background: none;
	height: 170px;
	position: absolute;
	top: -45px;
	left: 15px;
	z-index: 2000;
}

#featuredProperty {
	width: 321px;
	background: url(/images/featured-prop.jpg) no-repeat;
	height: 311px;
	position: relative;
}

#featuredPropertyText {
	width: 230px;
	position: relative;
	left: 25px;
	top: 40px;
	background: none;
	height: 255px;
	text-align: center;
}

#featuredPropertyText p {
	color: #fff;
	text-align: center;
	margin: 5px 0 0 0;
}

#featuredPropertyText A:link {color: #f3ee78; text-decoration: underline; font-size: 9px; font-weight: bold;}
#featuredPropertyText A:visited {color: #f3ee78; text-decoration: underline; font-size: 9px; font-weight: bold;}
#featuredPropertyText A:active {color: #f3ee78; text-decoration: underline; font-size: 9px; font-weight: bold;}
#featuredPropertyText A:hover {color: #fbf225 ; text-decoration: underline; font-size: 9px; font-weight:bold;} 

#quickDeals {
	width: 321px;
	background: url(/images/quick-deal.jpg) no-repeat;
	height: 80px;
}

#quickDealsText {
	width: 250px;
	top: 33px;
	left: 20px;
	background: none;
	height: 23px;
	position: relative;
}

.email {
	color: #000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid;
	border-color: #27545c;
	text-indent: 1px; 
	background-color: #FFFFFF;
	width: 165px;
	margin-top: 0;
}

#header {
	background: #fff url(/images/header-background.jpg) no-repeat top;
	height: 475px;
	position:relative;
	z-index: 0;
}

#headerLogo {
	height: 155px;
	width: 170px;
	position:absolute;
	left: 64px;
	top: 24px;
	z-index: 9000;
}


#siteSearch{
	width:204px;
	float:right;
	margin:0;
}

#socialMedia {
	float: right;
	clear: right;
	left: 628px;
	top: 25px;
	position: absolute;
	z-index: 20;
}

#socialMediaPage {
	float: right;
	clear: right;
	padding: 25px 37px 0 0;
}

#topCallouts {

}

#liveSupport {
	width: 125px;
	color: #0054a4;
	position: absolute;
	left: 500px;
	top: 20px;
	z-index: 50;
}

#liveSupport A:link {color: #0054a4; text-decoration: none; font-size: 9px; font-weight: bold;}
#liveSupport A:visited {color: #1590a1; text-decoration: none; font-size: 9px; font-weight: bold;}
#liveSupport A:active {color: #1590a1; text-decoration: none; font-size: 9px; font-weight: bold;}
#liveSupport A:hover {color: #372d26 ; text-decoration: none; font-size: 9px; font-weight:bold;} 

#liveSupportPage {
	width: 125px;
	color: #0054a4;
	float: left;
	padding: 20px 0 0 20px;
}

#liveSupportPage A:link {color: #0054a4; text-decoration: none; font-size: 9px; font-weight: bold;}
#liveSupportPage A:visited {color: #1590a1; text-decoration: none; font-size: 9px; font-weight: bold;}
#liveSupportPage A:active {color: #1590a1; text-decoration: none; font-size: 9px; font-weight: bold;}
#liveSupportPage A:hover {color: #372d26 ; text-decoration: none; font-size: 9px; font-weight:bold;} 

#temperature {
	width: 225px;
	font-size: 9px;
	color: #fff;
	position: absolute;
	left: 255px;
	top: 12px;
	z-index: 60;
}

#temperature A:link {color: #fff; text-decoration: none; font-size: 9px; font-weight: normal; text-transform: uppercase;}
#temperature A:visited {color: #fff; text-decoration: none; font-size: 9px; font-weight: normal; text-transform: uppercase;}
#temperature A:active {color: #fff; text-decoration: none; font-size: 9px; font-weight: noraml; text-transform: uppercase;}
#temperature A:hover {color: #fff ; text-decoration: none; font-size: 9px; font-weight:normal; text-transform: uppercase;} 

#temperaturePage {
	width: 225px;
	font-size: 9px;
	color: #fff;
	float: left;
	clear: left;
	padding: 12px 0 0 255px;
}

#temperaturePage A:link {color: #fff; text-decoration: none; font-size: 9px; font-weight: normal; text-transform: uppercase;}
#temperaturePage A:visited {color: #fff; text-decoration: none; font-size: 9px; font-weight: normal; text-transform: uppercase;}
#temperaturePage A:active {color: #fff; text-decoration: none; font-size: 9px; font-weight: noraml; text-transform: uppercase;}
#temperaturePage A:hover {color: #fff ; text-decoration: none; font-size: 9px; font-weight:normal; text-transform: uppercase;} 

#mainContentWrapper {
	height: 100%;
	margin-top: -275px;
	width: 100%;
	position: relative;
	z-index: 50;
}

#mainContent {
	width: 648px;
	margin: 0;
	float: right;
	padding: 0 60px 0 33px;
}

#leftCol {
	width: 206px;
	float: left;
	clear: left;
	padding: 0 0 0 50px;
	background: none;
	position: relative;
	z-index: 265;
}

#menu{
	padding:0;
}

#propertyJump {
	width: 206px;
	background: #fff url(/images/jumpto-bkgd.jpg) no-repeat;
	height: 31px;
}

.propertyJumpTD {
	padding-top: 5px;
}

#brochureCallout {
	width: 206px;
}

#footer {
	background: #88bfc6 url(/images/footer-background.jpg) no-repeat top;
	height: 285px;
	padding: 20px 0 0 0;
	position: relative;
	z-index: 175;
}

#footerLogo {
	height: 72px;
	width: 80px;
	position:absolute;
	left: 456px;
	top: 166px;
}

#footerText {
	margin: 0 auto;
	width: 600px;
	color: #7f7f7f;
}

#footerText A:link {color: #1e94a6; text-decoration: none; font-size: 10px; font-weight: normal;}
#footerText A:visited {color: #1e94a6; text-decoration: none; font-size: 10px; font-weight: normal;}
#footerText A:active {color: #f3ee78; text-decoration: underline; font-size: 10px; font-weight: normal;}
#footerText A:hover {color: #054e8a ; text-decoration: underline; font-size: 10px; font-weight: normal;} 

#footerVDS {
	text-align: right;
	position: absolute;
	top: 210px;
	left: 682px;
	width: 200px;
	
}

#footerVDS p{
	color: #054e8a;
	font-size:9px;
	line-height: 10px;
}

#footerVDS A:link {color: #054e8a; text-decoration: none; font-size: 9px; font-weight: normal;}
#footerVDS A:visited {color: #054e8a; text-decoration: none; font-size: 9px; font-weight: normal;}
#footerVDS A:active {color: #f3ee78; text-decoration: underline; font-size: 9px; font-weight: normal;}
#footerVDS A:hover {color: #1e94a6 ; text-decoration: underline; font-size: 9px; font-weight: normal;} 

#footerVDSlogo {
	position: absolute;
	top:217px;
	left:885px;
	text-align: right;
}

#footerCopyright {
	position: absolute;
	top: 210px;
	left: 52px;
}

#footerCopyright p{
	color: #054e8a;
	font-size:9px;
	line-height: 10px;
}

#staffPhoto {
	position: absolute;
	left: 650px;
	top: 270px;
}

.lightGray {
	color: #7f7f7f;
	line-height: 14px;
}

.darkBlue {
	color: #054e8a;
	line-height: 14px;
	margin-top: -6px;
}

.contactInfo {
	margin: 0px;
}

.searchButton{
	color: #fff;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 2px;
	border: 0;
	width: 50px;
	height: 18px;
	background-image: url(/images/btn-google.gif);
}

.clearFloat{
clear:both;
}

.mainContent3 {
	font-size: 12px;
}

.halfBox {
	width: 50%;
}

#weatherPlace {
	width: 105px;
	height: 20px;
	color: #1693a5;
}

#navTop {
	width: 117px;
	height: 60px;
	background: url(/images/nav-top.jpg);
}

/* QuickSearch Home */

.qs_quicklinksTD {
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	text-align: center;
	height: 15px;
	vertical-align: top;
}

A:link.qs_quicklinks, A:visited.qs_quicklinks {
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

A:hover.qs_quicklinks, A:active.qs_quicklinks {
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
} 

.qs_arrivalHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #f5f6c6;
	text-align: left;
	height: 14px;
	vertical-align: top;
}

input.qs_dropdown, textarea.qs_dropdown, select.qs_dropdown {
	color: #000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid;
	border-color: #27545c;
	text-indent: 1px; 
	background-color: #FFFFFF;
	padding: 1px;
	width: 215px;
	margin-top: 0px;
}

.qs_dropdown5 {
background-color:none;
background:url(/images/cal.gif) no-repeat 0 2px;
width:230px; 
height:20px; 
padding:3px 1px 1px 3px; 
border-style:none;
border:0;
color: #364a6e;
vertical-align:middle;
/*color: #000000;
font: normal 10px Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #003265;
text-indent: 2px; 
background-color: #f5f5ea;
padding: 2px;
width: 110px;*/
}


.qs_secondrowTD {
	height: 23px;
	vertical-align: top;
}

.qs_thirdrowTD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #f5f6c6;
	text-align: left;
	height: 13px;
	vertical-align: top;
}

.qs_fourthrowTD {
	height: 23px;
	vertical-align: top;
}

input.qs_dropdown2, textarea.qs_dropdown2, select.qs_dropdown2 {
	color: #000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid;
	border-color: #27545c;
	text-indent: 1px; 
	background-color: #FFFFFF;
	padding: 1px;
	width: 110px;
}

.qs_fifthrowTD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #f5f6c6;
	text-align: left;
	height: 23px;
	vertical-align: top;
}

input.qs_checkbox {
	color: #000000;
	background-color: none;
	padding: 0px;
	margin-right: 0px;
}

input.qsrchbtn {
color: #f9e994;
font: normal 0px Verdana, Arial, Helvetica, sans-serif;
border: 0px;
border-style: solid;
border-color: #A9B2BF;
text-indent: 0px; 
background: url(/images/qs-submit-button.gif) no-repeat top left;
padding: 3px 0px 3px 0px;
width: 99px;
height: 21px;
cursor: pointer;
text-align:center;
}

.qs_location {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #f5f6c6;
	text-align: left;
	height: 13px;
	vertical-align: top;
	padding: 0 0 0 10px;
}

.qs_lastRow {
	padding: 0;
}

.qs_petfriendlyTD {
	width: 90px;
	padding-left: 15px;
}

.qs_petfriendlycheckboxTD {
	width: 45px;
}

.qs_hottubTD {
	width: 55px;
}

/* ***** 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: #105ea1;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #105ea1;
text-indent: 2px; 
background-color: #fff;
padding: 2px;
}

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

input.button {
	color: #0055a5;
	font-size: 10px;
	font-weight: bold;
	border: none;
	text-indent: 2px; 
	background: #fff url(/images/bttn.gif) no-repeat;
	padding: 3px;
	width: 100px;
	height: 22px;
}

/* 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 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #534026;
	text-align: center;
	padding: 4px 15px 4px 15px;
	background: #f4ef77;
	border: 1px solid #a3925d;
}

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

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

.buttonbarcell2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #534026;
	text-align: center;
	padding: 0px;
	background: url(/images/prop-button.gif) right no-repeat;
	width: 115px;
	height: 32px;
	border: 1px solid #0e616d;
}

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

a:hover.buttonbarlink2, a:active.buttonbarlink2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #f3ee78;
	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-buttonbarcell2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 0px;
	background: url(/images/bookit.gif) right no-repeat;
	width: 115px;
	height: 32px;
	border: 1px solid #a12222;
}

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

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


.calendar p {
	margin: 0px;
	padding: 0px;
}