* { padding: 0; margin: 0; }


html, body {
background:url(../img/bgWline.jpg) #FFFFFF;
background-position:center;
background-repeat:repeat-y;
margin:0px;
height:100%;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

/*----------- PRELOAD IMAGES---------------*/


.preloadImg {display:none;}

.clear {clear:both;}


/*----------- GENERAL LINKS ---------------*/
a:link {
color: #333333;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #333333;
}

a:hover {
text-decoration: none;
color: #00A9EE;
}

a:active {
text-decoration: none;
color: #00A9EE;
}

a:visited:hover {
text-decoration: none;
color: #00A9EE;
}

a.emailLink:link{
display:block;
width:166px;
height:66px;
background:url(../img/eFriend_off.jpg);
}

a.emailLink:visited{
display:block;
width:166px;
height:66px;
background:url(../img/eFriend_off.jpg);
}

a.emailLink:hover{
display:block;
width:166px;
height:66px;
background:url(../img/eFriend_on.jpg);
}

a.faqLink:link{
color:#333333;
text-decoration:none;
}

a.faqLink:visited{
color:#333333;
text-decoration:none;
}

a.faqLink:hover{
color:#FFFFFF;
text-decoration:none;
}

/*--------------- LAYOUT DIVS --------------------*/

#header {
background:#FFFFFF;
text-align:center;
}

#menu {
height:90px;
width:750px;
margin:0 auto;
background:url(../img/gsLogo.jpg);
background-position:left;
background-repeat:no-repeat;
}

#menuCentered {
height:90px;
width:750px;
margin:0 auto;
background:url(../img/gsLogo.jpg);
background-position: center;
background-repeat:no-repeat;
}

#pixWindow{
height:214px;
text-align:center;
background:#FFFFFF;
padding:0px 0px 10px 0px;
}

#propWindow{
height:300px;
text-align:center;
background:#FFFFFF;
padding:0px 0px 10px 0px;
}

#mantle{
height:61px;
background:url(../img/mantle.jpg);
background-position:center;
background-repeat:no-repeat;
}

#contentWrap{
width:750px;
margin:20px auto 0px auto;
}

#resContentWrap{
width:400px;
margin:0 auto;
}

#footer{
width:750px;
padding:10px;
margin:20px auto 0px auto;
background: url(../img/footBGtail.jpg) #FFFFFF;
background-position:center top;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 4em; /* .push must be the same height as .footer */
}


/*---------------------CONTENT POSITIONING AND STYLING ------------------------------------*/

#posContent{
width:50%;
float:left;
}

.tableTitle{
font-size:16px;
font-weight:bold;
}

.tableTitleSub{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}

.tableContent{
margin:10px 0px 0px 0px;
}

.leftTab{
padding:0px 10px 0px 0px;
}

.rightTab{
padding:0px 0px 0px 20px;
}

.pixWindowImg{
width:724px;
height:204px;
}

.indexTableHead{
float:left;
background:#00A9EE;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#FFFFFF;
border-bottom:2px solid #0096D5;
}

.address{
width:165px;
}

.headFloor{
width:42px;
text-align:center;
}

.indexTableRow{
float:left;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:capitalize;
color:#000000;
border-bottom:1px solid #999999;
}

.floor{
width:42px;
background:url(../img/geoSmall.gif);
background-position:center;
background-repeat:no-repeat;
text-align:center;
}

.style{
width:40px;
text-align:center;
}

.size{
width:45px;
text-align:center;
}

/*------------------------- BROWSE LISTING STYLE -----------------------------------------*/

.browseWrap{
margin:0px 0px 20px 0px;
z-index:1;
}

.browseAddress{
padding:5px 0px 5px 10px;
margin:0 auto;
width:344px;
background:#000000;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}

.browsePicWrap{
width:350px;
border:2px solid #000000;
margin:0 auto;
}

.browseBadge{
width:350px;
height:50px;
text-align:right;
position: absolute;
float:right;
z-index:2;
}

.propViewBadge{
width:310px;
height:50px;
text-align:right;
position: absolute;
float:right;
z-index:2;
}

.browsePic{
width:350px;
height:88px;
border:0px;
}

.browseInfo{
padding:5px;
margin:0 auto;
width:344px;
background:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
text-align:center;
}

/*----------------------------------- PROPERTYVIEW STYLING ------------------------------------*/

.propGallery{
margin:5px 5px 0px 5px;
border:2px solid #000000;
}

/*----------------------------------CONTACT FORM STYLING----------------------------------*/

.fieldWrap{
padding:10px;
background:#999999;
color:#474641;
font-size:14px;
font-weight:bold;
}


/*---------------------MENU POSITIONING AND STYLING ------------------------------------*/
#menuWrap{
float:right;
margin:26px 10px 0px 0px;
}

.menuItem{
padding:0px 5px 0px 5px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.menuDiv{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.menuArrow{
height:15px;
float:left;
}

.arrowDiv{
float:left;
}

.activeLink{
background:url(../img/menuArrow.gif);
background-position:center;
background-repeat:no-repeat;
}

.home{
width:46px;
}

.about{
width:53px;
}

.browse{
width:64px;
}

.residents{
width:79px;
}

.contact{
width:69px;
}

/*---------------- BUTTON STYLING --------------*/

#button{
background:url(../img/buttonbg.jpg);
border:1px solid #666666;
}


#button:hover{
background:url(../img/buttonbg_over.jpg);
border:1px solid #666666;
}

.bigButton{
display:block;
margin:0 auto;
width:166px;
height:66px;
background: url(../img/button.jpg);
border:none;
color:#333333;
font-size:14px;
}


.bigButton:hover{
display:block;
margin:0 auto;
width:166px;
height:66px;
background: url(../img/button.jpg);
border:none;
color:#FFFFFF;
font-size:14px;
cursor:pointer;
}

.BBlink A:link{
padding:25px 0px 0px 0px;
width:166px;
height:41px;
display:block;
margin:0 auto;
background: url(../img/button.jpg);
border:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#333333;
font-size:14px;
}

.BBlink A:active{
padding:25px 0px 0px 0px;
width:166px;
height:41px;
display:block;
margin:0 auto;
background: url(../img/button.jpg);
border:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#333333;
font-size:14px;
}

.BBlink A:visited{
padding:25px 0px 0px 0px;
width:166px;
height:41px;
display:block;
margin:0 auto;
background: url(../img/button.jpg);
border:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#333333;
font-size:14px;
}

.BBlink A:hover{
padding:25px 0px 0px 0px;
display:block;
margin:0 auto;
width:166px;
height:41px;
background: url(../img/button.jpg);
border:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#FFFFFF;
font-size:14px;
cursor:pointer;
}


/*--------------------ALERT CLASS---------------------*/
.alert {
background: #6BA0DE url(../img/info.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #5883b6;
border-bottom: 2px solid #5883b6;
color:#FFFFFF;
}

#outputBox{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:265px;
margin:0px auto 10px auto;
padding:5px;
background:#00A4E5;
color:#FFFFFF;
}

/*-------------------------------------------RESIDENTS STYLES---------------------------------------------------*/

.section{
padding:0px 0px 20px 0px;
}


/*------------------------------------ blue Box ---------------------------------------*/

.blueBox{display:block}
.blueBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#00A9EE}
.blueBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #91daf7;
  border-right:1px solid #91daf7;
  background:#3fbef2}
.blueBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5f6fd;
  border-right:1px solid #e5f6fd;
  background:#30b9f1}
.blueBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #30b9f1;
  border-right:1px solid #30b9f1;}
.blueBox4{
  border-left:1px solid #91daf7;
  border-right:1px solid #91daf7}
.blueBox5{
  border-left:1px solid #3fbef2;
  border-right:1px solid #3fbef2}
.blueBoxfg{
  background:#00A9EE;
  padding:0px 0px 0px 10px;
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;}
 
 .blueBoxfgNews{
  background:#00A9EE;
  padding:0px 0px 5px 10px;
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;}
  
  /*-----------------------------BLACK BOX------------------------------------------------*/
  
  .blackBox{display:block}
.blackBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.blackBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  background:#3f3f3f}
.blackBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  background:#303030}
.blackBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #303030;
  border-right:1px solid #303030;}
.blackBox4{
  border-left:1px solid #919191;
  border-right:1px solid #919191}
.blackBox5{
  border-left:1px solid #3f3f3f;
  border-right:1px solid #3f3f3f}
.blackBoxfg{
  background:#000000}
  

/*-----------------------------------GRAY BOX--------------------------------------------------*/

.grayBox{display:block}
.grayBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#999999}
.grayBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3;
  background:#b2b2b2}
.grayBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4f4f4;
  border-right:1px solid #f4f4f4;
  background:#acacac}
.grayBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #acacac;
  border-right:1px solid #acacac;}
.grayBox4{
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3}
.grayBox5{
  border-left:1px solid #b2b2b2;
  border-right:1px solid #b2b2b2}
.grayBoxfg{
  background:#999999}
.grayBoxfgFeat{
color:#000000;
  background:#999999;
  padding:0px 0px 0px 5px;}
  
  
 /*---------------------------------GREEN BOX----------------------------------------------------*/
 
 .greenBox{display:block}
.greenBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#599A49}
.greenBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b7d3b0;
  border-right:1px solid #b7d3b0;
  background:#82b376}
.greenBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eef4ec;
  border-right:1px solid #eef4ec;
  background:#78ad6b}
.greenBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #78ad6b;
  border-right:1px solid #78ad6b;}
.greenBox4{
  border-left:1px solid #b7d3b0;
  border-right:1px solid #b7d3b0}
.greenBox5{
  border-left:1px solid #82b376;
  border-right:1px solid #82b376}
.greenBoxfg{
  background:#599A49;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:18px;
  text-align:center;}

/*--------------------------------RED BOX----------------------------------------------------*/

.redBox{display:block}
.redBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D70500}
.redBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ed9391;
  border-right:1px solid #ed9391;
  background:#e1433f}
.redBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbe6e5;
  border-right:1px solid #fbe6e5;
  background:#de3430}
.redBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #de3430;
  border-right:1px solid #de3430;}
.redBox4{
  border-left:1px solid #ed9391;
  border-right:1px solid #ed9391}
.redBox5{
  border-left:1px solid #e1433f;
  border-right:1px solid #e1433f}
.redBoxfg{
  background:#D70500;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:18px;
  text-align:center;}
  
  /*--------------------------------------------------WHITE BOX--------------------------------------------*/
  
  .whiteBox{display:block}
.whiteBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.whiteBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c4c4c4;
  border-right:1px solid #c4c4c4;
  background:#e5e5e5}
.whiteBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #a3a3a3;
  border-right:1px solid #a3a3a3;
  background:#ebebeb}
.whiteBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ebebeb;
  border-right:1px solid #ebebeb;}
.whiteBox4{
  border-left:1px solid #c4c4c4;
  border-right:1px solid #c4c4c4}
.whiteBox5{
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5}
.whiteBoxfg{
  background:#FFFFFF}