/***COLORS USED*******
orange:#fbba4a;
blue:#0053a0;
dark blue:#00315f
red (when you need it) f20e01
********************/
*{
margin:0;
padding:0;
}
.mainContent3{
background-color:#fff;
}
.mainContent3 p{
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

body{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:#abcdfd;
	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 */
	color: #000000;
}

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

body.page-background {
	background: #fff;
	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: #0081c5;
}

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

/* Footer Links Style */

#footer a:link, #footerHome a:link{
	font-size:9px;
	text-decoration:none;
	color:#0053a0;
	height: 2em;
	width: 9em;
	text-align: center;
	font-weight:normal;
}
#footer a:visited, #footerHome a:visited{
	color:#0053a0;
	font-size:9px;
	text-decoration:none;
	font-weight:normal;
}
#footer a:hover, #footerHome a:hover{
	color:#fbba4a;
	font-size:9px;
	text-decoration:none;
	font-weight:normal;
}
#footer a:active, #footerHome a:active{
	color:#fbba4a;
	font-weight:normal;
}

#credits{
width:977px;
margin:0px auto;
background-color:#a7ccff;
}
#credits p{
font-size:9px;
text-align:center;
color:#0064a4;

}
#credits img{
position:relative;
top:5px;
}

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

#credits a:link, #credits a:visited{
color:#0064a4;
}
#credits a:hover, #credits a:active{
color:#fff;
}
/* Sitewide Link Style */

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

A:hover, A:active {
	font-weight: bold;
	text-decoration: underline;
	color: #f7971e;
}
/* Standard Headers */

h1, #homehead {
	font-size: 16px;
	color: #0053a0;
	font-weight: bold;
	margin: 15px 0px;
}
h1#homehead{
position:relative;
top:15px;
left:15px;

}

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

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

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

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

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


/* STANDARD BODY TAG FORMATTING */

p {
	color: #000000;
	margin: 15px 0px 15px 0px;
}

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

li {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding: 1px;
}
/*
table{
margin:0 0 5px 0;
} tr{} td{} th{} strong{} b{} i{} ol{} 
*/
ul{
padding:0 0 10px 10px;

}

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


#mainContent h1 {/*this is the h1 that is used on inside pages for the top h1 only*/
	font-size: 16px;
	color: #0053a0;
	font-weight: bold;
	margin: 0px;
}

#wrapper{
width:1024px;
margin:0 auto;
background: url(/images/container-bkgd.jpg) repeat-y;
padding:0;
}

#container { 
	width: 1000px; 
	background: #00315f;
	margin: 0 auto; 
	text-align: left; 
} 

#headerPage { 
	height:140px;
	background:url(/images/headerNEW.jpg) no-repeat;
	width:977px;
}
 

.center{
width:977px;
margin:0 auto;
}
#menu{
height:22px;
background: url(/images/pg-nav-bkgd.jpg) repeat-x;
width:977px;
margin:0 auto;
padding:0;
}
#menu img{
padding:0;
margin:0;
}

#menuShadow{
height:7px;
background:url(/images/pg-nav-bttm.jpg) no-repeat;
margin:0 auto;
width:977px;
}
#menuShadow2{
height:7px;
background:url(/images/pg-nav-shadow.jpg) no-repeat;
margin:0 auto;
width:977px;
}
#menuShadowHome{
height:8px;
background:url(/images/pg-nav-shadow-home2.jpg) no-repeat;
margin:0 auto;
width:977px;
}
/*sales callouts home page*/
#sales-condos, #sales-land, #sales-houses{
height:150px;
float:left;
background:#3688c2;
}

#sales-condos{
width:328px;
}
#sales-land{
width:320px;
}
#sales-houses{
width:329px;
}

#siteSearch{
width:240px;
float:right;
height:30px;
margin:2px 0 0 0;
}
#searchBttn{
background:url(/images/siteSearch-bttn.jpg) no-repeat -2px -2px; 
background-color:none; 
color:#fff; 
border:0; 
height:21px;
width:51px;
position:relative;
top:2px;
}
/*------------*/

#topShadow{
background:url(/images/top-shadow.jpg) no-repeat;
height:7px;
width:977px;
}

#leftColumn {
float: left; /* since this element is floated, a width must be given */
width:319px;
background:url(/images/sales-lft-col-bkgd.jpg) repeat-y;
padding:0;
margin:0;
}

#quickSearch{
background:url(/images/sales-quicksearch.jpg) no-repeat;
height:155px;
width:312px;
padding:7px 0 0 7px;
}
#featuredProp{
width:319px;
height:153px;
padding:47px 5px 0 6px;
background:url(/images/sales-prop-bkgd.jpg) no-repeat;
}
#featuredProp img{
float:left;
border:2px solid #0086e7;
}
#featuredProp p{
color:#fff;
font-size:11px;
font-weight:bold;
text-align:center;
}
#featuredProp a:link, #featuredProp a:visited {
color:#fff892;
font-size:14px;
font-weight:bold;
margin:0 0 0 20px;
}
#featuredProp a:hover, #featuredProp a:active{
color:#fff;
}


#featuredProp1{
	width:319px;
	height:125px;
	padding:47px 5px 0 6px;
	background:url(/images/sales-prop-bkgd.jpg) no-repeat;
}
#featuredProp1 img{
float:left;
border:2px solid #0086e7;
}
#featuredProp1 p{
color:#fff;
font-size:11px;
font-weight:bold;
text-align:center;
}
#featuredProp1 a:link, #featuredProp a:visited {
color:#fff892;
font-size:14px;
font-weight:bold;
margin:0 0 0 20px;
}
#featuredProp1 a:hover, #featuredProp a:active{
color:#fff;
}



#rightColumn {
	float: right; /* since this element is floated, a width must be given */
	margin:5px 26px 0 0;
	width:121px;
}

#rightColumn img{
border-style:none;
padding:9px 0;
}

#centerColumn { 
	margin: 0 160px 0 335px; 
	padding:20px 5px 0 0;
	height:100%;
} 

#centerColumn h1 {
	font-size: 14px;
	color: #0053A1;
	font-weight: bold;
	margin:0;
	padding:0;
}

#centerColumn h6 {
	font-size: 11px;
	color: #7c746c;
	font-weight: bold;
	font-style:italic;
	margin: 15px 0 0 0;
}

#centerColumn img{
border-style:none;
}

#centerColumn p{
	color: #222323;
	margin: 2px 0px 10px 0px;
	line-height:14px;
	font-size:11px;
}

#contentContainer{
	width:977px;
	margin:0 auto;
	background: url(/images/pg-content-bkgd.jpg) repeat-y;
	height:100%;
	}
	
#contentContainerHome{
	width:977px;
	margin:0 auto;
	background: url(/images/home-content-bkgd.jpg) repeat-y 1px 0px;
	height:100%;
	}

#pageContentTop{
width:977px;
height:132px;
background:url(/images/pg-content-top.jpg) no-repeat;
margin:0 auto;
height:100%;
}

#pageContent{
width:875px;
min-height:400px;
height:100%;
padding:30px 0 0 0;
}
#pageContent ul{
list-style:inside;
}

.imgBorder, .housespecsImg img{
background:#004585 url(/images/sales-img-border.jpg) no-repeat top right;
padding:8px;
margin:8px;
}

#pageContentBttm{
background:url(/images/pg-content-bttm.jpg) no-repeat 486px bottom;
height:100%;
width:977px;
}
.pageSubContainer{
width:739px;
height:100%;
clear:left;
padding:0 0 20px 0;
}
.pageSubContent{
height:100%;
width:739px;
background:url(/images/page2-box.gif) no-repeat top;

}

.pageSubContainer h2, .pageSubContainer h3{
margin:0;
padding:0 0 0 25px;
font-size:small;
}
.pageSubContainer h3{
font-style:italic;
}

.pageSubContent table{
width:710px;
line-height:18px;
}

.pageSubContent img{
float:left;
border:2px solid #f8971d;
margin:15px 10px 8px 20px;
}


#footerHome, #footer { 
	margin:0 auto;
	width:977px;
	background:url(/images/footer-home.jpg) no-repeat;
	height:105px;
	
}
#footer { 
	background:url(/images/footer2.jpg) no-repeat;

}

#footer ul, #footerHome ul{

	margin:0 0 0 40px;
	padding:22px 0 0 0px;
	list-style-type:none;
	text-align:center;

}
#footer ul li, #footerHome ul li{
	float:left;
	color:#0053a0;
	padding:0 2px;
}


#footerEdge{/*the very bottom edge of the layout*/
	background:url(/images/footer-edge2.jpg) no-repeat 0px 0px;
	width:1024px;
	height:26px;
	padding:0;
	margin:0 auto;

}
#footerEdge2{/*the very bottom edge of the layout*/
	background:#fff url(/images/footer-edge2.jpg) no-repeat 0px 0px;
	width:1000px;
	height:38px;
	padding:0;
	

}
#footer p, #footerHome p {
	margin: 0; 
}

table#affiliates {
width:100%;
margin:0 0 0 15px;
}
table#affiliates td {
padding:15px 15px 0 10px;

}

/*Quick Search Styles*/
#quickSearch table{
position:relative;
top:8px;
}
.advancedSearch{
text-align:center; 
padding:5px 0 0 0;
}
.alphaLink{
padding:10px 0 0 0;
}
a:link.qsrch-txt-link, a:visited.qsrch-txt-link{
font-weight:normal;
color:#fff;
font-size:9px;
text-decoration:underline;
}
a:hover.qsrch-txt-link, a:active.qsrch-txt-link{
color:#fff892;
}
.qsrch-button{
padding:3px 0 0 2px;

}
.qsrch-boxes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 3px 0 0 0;
	}

input.qsrch, textarea.qsrch, select.qsrch {
color: #005d23;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #D0D1D8;
text-indent: 0px; 
background-color: #FFFFFF;
padding: 0px 
}
input.qsrchfield, textarea.qsrchfield, select.qsrchfield {
color: #004471;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #D0D1D8;
text-indent: 1px; 
background-color: #FFFFFF;
padding: 0px;
width: 130px;
}
input.qsrch3, textarea.qsrch3, select.qsrch3 {
color: #005d23;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #D0D1D8;
text-indent: 1px; 
background-color: #FFFFFF;
padding: 0px;
width: 61px;
}
input.qsrchbtn {
color: #0053a0;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
border: 0px;
background:url(/images/qsearch-bttn.gif) no-repeat;
background-color:#0056a6;
text-indent: 0px; 
width:64px;
height:24px;
}

input.vesignupbutton {
	color: #0053a0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	border: 0px;
	background:url(/images/btn-email.gif) no-repeat;
	text-indent: 0px;
	width:60px;
	height:19px;
	background-color: #0076E0;
}

a:link.qsrch-links, a:visited.qsrch-links {
	color: #0070b7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}

a:hover.qsrch-links, a:active.qsrch-links {
	color: #002f4e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}

.qsrch-links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-indent: 0px;
	color: #0070b7;
}

.qsrch-formitems {
	padding-top:3px;
	padding-bottom: 3px;
}


#copyright{
font-size:9px;
text-align:center;

}
#copyright p{
margin:5px 0 0 0;
padding:0;
color:#fff;
}

.googleSearchButton{
background-color:#45c7ec;
width:48px;
height:19px;
margin-top:4px;
border:1px solid #17ade3;
}

.Optin {
	font-size: 11px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.autoCenter{
margin:0 auto;
}

/* ***** 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: #358FDD;
text-indent: 2px; 
background-color: #FEFFD5;
padding: 2px 
}




/*Contact Form Styles*/
.label{
padding:5px 0;
}
.item{
margin:5px 0;
}
.vendorsTable{
border:1px solid #435C7A;
}

.vendorsTable td{
padding:5px;
}
.vendorsDate{
color:#fff;
font-weight:bold;
background:#0053a0 url(images/vendor-table-bkgd.jpg) no-repeat;
}

#socialIcons
{
	width: 170px;
	float: right;
	clear: right;
	margin: 10px 8px 0;
}

#socialIcons a img
{
	border: 0;
	padding: 2px;
}

#salesQuickLinks {
	width: 400px;
	margin: 0 auto 15px auto;
	font-weight: bold;
	color: #00315F;
	font-size: 1.17em;
	text-align: center;
	background: #fff7c6 url(/images/sales-quicklink.gif) bottom center repeat-x;
	border: 1px solid #f2bc3a;
	padding: 5px;
}

#salesQuickLinks a{
	font-size: 11px;
}