

body, td, div, th, p, span	{ font-family: Calibri; font-size: 12px; color: #; line-height: 20px; }
input, select, textarea		{ font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #000000; }

html		{  height: 100%; width: 100%;}

body		{ margin: 0; padding: 0; background-color: #; height: 100%; width: 100%; }

img			{ border: none; }
form		{ margin: 0; }
ul			{ margin-left: 10px; padding-left: 10px; }
table		{ border-collapse: collapse; border: none; }
td          { padding: 0; vertical-align: top; text-align: left; }
th          { padding: 0; vertical-align: top; text-align: left; }
/* <h1> is reserved for the title of each page, but you can still use a background image in it for the title image */
h1			{ font-family: Trebuchet MS, Helvetica; font-size: 18px; margin: 0px; text-indent: -9999em; height: 0; }
h2			{ font-family: Trebuchet MS, Helvetica; font-size: 16px; margin: 0px; }
h3			{ font-family: Trebuchet MS, Helvetica; font-size: 14px; margin: 0px; }
h4			{ font-family: Trebuchet MS, Helvetica; font-size: 13px; margin: 0px; }
div, p, span, a, img { outline: 0 }

a, a:visited, a:link, a:active	{ color: #ff0000; text-decoration: none; font-size: 12px; }
a:hover							{ text-decoration: underline; font-size: 12px; }

a.btn_availability { background: #21376F; color: #FFFFFF; display: inline-block; margin: 0 0 5px; padding: 5px 30px; text-align: center; text-decoration: none; width: 160px;
}
a.btn_availability:active { background: #5B73B3; }

a.fptype { padding: 3px 9px; color: #ffffff; border: 1px solid #; box-shadow: 0 0 2px 0 #666666; text-decoration: none; width: 75%; display: inline-block; text-shadow: 0 0 3px #666666; }

.altbgcolor		{ background-color: #f0f0f0; }
span.req		{ color: red; font-weight: bold; font-size: 14px; margin-left: 4px; }
.preload		{ display: none; }
.ffwidth		{ width: 165px; }
.clr			{ clear: both; }
.left			{ float: left; }
.right			{ float: right; }
.tleft			{ text-align: left; }
.tright			{ text-align: right; }
.tjustify		{ text-align: justify; }

.gradient		{ background: #; background: -moz-linear-gradient(top, # 0%, # 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#), color-stop(100%,#)); background: -webkit-linear-gradient(top, # 0%,# 100%); background: -o-linear-gradient(top, # 0%,# 100%); background: -ms-linear-gradient(top, # 0%,# 100%); background: linear-gradient(top, # 0%,# 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#', endColorstr='#',GradientType=0 ); }

.rev-gradient	{ background: #; background: -moz-linear-gradient(top, # 0%, # 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#), color-stop(100%,#)); background: -webkit-linear-gradient(top, # 0%,# 100%); background: -o-linear-gradient(top, # 0%,# 100%); background: -ms-linear-gradient(top, # 0%,# 100%); background: linear-gradient(top, # 0%,# 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#', endColorstr='#',GradientType=0 ); }

.share-gradient		{ background: #; background: -moz-linear-gradient(top, # 0%, # 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#), color-stop(100%,#)); background: -webkit-linear-gradient(top, # 0%,# 100%); background: -o-linear-gradient(top, # 0%,# 100%); background: -ms-linear-gradient(top, # 0%,# 100%); background: linear-gradient(top, # 0%,# 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#', endColorstr='#',GradientType=0 ); }

.title-footer-gradient		{ background: #; background: -moz-linear-gradient(top, # 0%, # 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#), color-stop(100%,#)); background: -webkit-linear-gradient(top, # 0%,# 100%); background: -o-linear-gradient(top, # 0%,# 100%); background: -ms-linear-gradient(top, # 0%,# 100%); background: linear-gradient(top, # 0%,# 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#', endColorstr='#',GradientType=0 ); }

.footer-gradient		{ background: #; background: -moz-linear-gradient(top, # 0%, # 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#), color-stop(100%,#)); background: -webkit-linear-gradient(top, # 0%,# 100%); background: -o-linear-gradient(top, # 0%,# 100%); background: -ms-linear-gradient(top, # 0%,# 100%); background: linear-gradient(top, # 0%,# 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#', endColorstr='#',GradientType=0 ); }


#container_home { width: 100%; height: 100%; position: relative; }
#logo_home { width: 100%; display: block; text-align: center; }
#home_nav { width: 126px; position: absolute; z-index: 10; top: 119px; left: 0; }
#home_nav a { width: 126px; height: 38px; display: block; margin-bottom: 1px; border: 1px # solid; color: #ffffff; font-size: 14px; font-family: Tahoma, Arial; text-shadow: 0 1px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); text-align: center; line-height: 36px; text-decoration: none; }
#home_nav a:last-child { margin: 0; }
#home_text { width: 180px; position: absolute; z-index: 5; right: 2%; top: 136px; }
#home_text p { color: #000000; text-align: center; }
#home_text_bg { background: #ffffff; width: 180px; height: 113px; position: absolute; z-index: 4; right: 2%; top: 126px; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
#container_share { height: 52px; width: 100%; position: relative; left: 0; bottom: 0; z-index: 3; }
#tabShare { width: 116px; height: 21px; display: block; position: absolute; z-index: 5; bottom: 51px; right: 18px; color: #ffffff; line-height: 20px; font-size: 12px; font-family: Tahoma, Arial; text-align: center; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; xbackground: #; border: 1px # solid; text-decoration: none; text-shadow: 0 1px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); }
#container_share a { height: 42px; display: block; margin-right: 10px; float: left; }
#share_buttons { xposition: absolute; xtop: 7px; xright: 10px; z-index: 5; float: right; padding: 11px 8px 0 0; }

.rent			{ width: 50px; height: 50px; position: absolute; top: -35px; right: -5px; z-index: 999;}
.coupon-offer * { color: #; }

#container_share a.rev-gradient { height: 20px; display: block; margin-right: 10px; float: left; padding: 5px 15px 6px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #FFF; }

#container { xwidth: 310px; width: 100%; position: relative; xpadding: 5px; }
a.tabNavigation { xwidth: 110px; height: 19px; display: block; xposition: absolute; z-index: 10; bottom: -19px; left: 4px; text-transform: lowercase; color: #ffffff; line-height: 18px; font-size: 12px; font-family: Tahoma, Arial; text-align: center; x-moz-border-radius: 0 0 6px 6px; x-webkit-border-radius: 0 0 6px 6px; xborder-radius: 0 0 6px 6px; xbackground: #; xborder: 1px # solid; text-decoration: none; xtext-shadow: 0 1px 2px #000000; xfilter: dropshadow(color=#000000, offx=0, offy=1); x-moz-box-shadow: 0 2px 2px 0 #666666; x-webkit-box-shadow: 0 2px 2px 0 #666666; xbox-shadow: 0 2px 2px 0 #666666;  }
#nav { width: 104px; padding: 8px; xposition: absolute; z-index: 9999; no-repeat; display: block; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -moz-box-shadow: 0 0 5px 0 #666666; -webkit-box-shadow: 0 0 5px 0 #666666; box-shadow: 0 0 5px 0 #666666; }
#nav a[class="gradient"] { height: 38px; display: block; margin-bottom: 1px; width: 104px; border: 1px # solid; color: #ffffff; font-size: 12px; font-family: Tahoma, Arial; text-shadow: 0 1px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); text-align: center; line-height: 36px; text-decoration: none; }
#nav a[class="gradient"]:last-child { margin: 0; }
#title { xwidth: 95%; height: 46px; xmargin-top: 31px; x-moz-border-radius: 0 20px 0 0; x-webkit-border-radius: 0px 20px 0px 0px; xborder-radius: 0px 20px 0px 0px; display: block; position: relative; background-color:#369;}
#title-pad	{ color: #ffffff; font-size: 16px; line-height: 22px;  text-shadow: 0 1px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=2); letter-spacing: -1px; font-family: Tahoma, Arial;}
a.logo { width: 112px; height: 82px; background: url('../images/logo-small.png') no-repeat right center; display: block; position: absolute; bottom: 0; right: 6px; }
#content { xwidth: 95%;  background: #ffffff; min-height:350px; padding:5px; }
#footer { width: 100%; height: 30px; color: #ffffff; line-height: 14px; text-align: center; font-size: 10px; }
#footer a { color: #ffffff; }
.fplans td { padding: 2px; }

div.captcha			{ border: 1px solid #C0C0C0; background-color: #f0f0f0; width: 190px; }
div.captcha table	{ margin: 10px; width: 170px; }
div.captcha td		{ xpadding: 3px 5px; vertical-align: middle; }
div.captcha img		{ border: 1px solid #c0c0c0; }
div.captcha input	{ width: 74px; height: 15px; border: 1px solid #c0c0c0; font-size: 14px; font-weight: bold; color: #CC0000; }

div.floorplanitem {cursor:pointer; padding:5px; margin-top:-1px;}
div.floorplanitem:hover { background-color:#eee;}