

body, td, div, th, p, span	{ font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #; line-height: 20px; }
body						{ min-width: 320px; } 
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; }
img.resize	{ width: 99%; max-width: 99%; height: auto; display: block; }
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: 11px; }
a:hover							{ text-decoration: underline; font-size: 11px; }
a[href^=tel] { font-weight: bold; text-decoration: none; color: #inherit; }
#home_text p a[href^=tel] { font-size: 15px; }

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; }

a.after-footer-button { padding: 5px 0; color: #ffffff; text-align: center; display: block; text-decoration: none; margin: 1px 0 0; }
a.after-footer-button.call-us-now { background-image: linear-gradient(bottom, #00b3ff 0%, #0080b3 55%); background-image: -o-linear-gradient(bottom, #00b3ff 0%, #0080b3 55%); background-image: -moz-linear-gradient(bottom, #00b3ff 0%, #0080b3 55%); background-image: -webkit-linear-gradient(bottom, #00b3ff 0%, #0080b3 55%); background-image: -ms-linear-gradient(bottom, #00b3ff 0%, #0080b3 55%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00b3ff),color-stop(0.55, #0080b3)); }
a.after-footer-button.view-full-site { background-image: linear-gradient(bottom, #999999 0%, #666666 55%); background-image: -o-linear-gradient(bottom, #999999 0%, #666666 55%); background-image: -moz-linear-gradient(bottom, #999999 0%, #666666 55%); background-image: -webkit-linear-gradient(bottom, #999999 0%, #666666 55%); background-image: -ms-linear-gradient(bottom, #999999 0%, #666666 55%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #999999),color-stop(0.55, #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; }
.center			{ margin: 0 auto; }
.tleft			{ text-align: left; }
.tright			{ text-align: right; }
.tjustify		{ text-align: justify; }
.tcenter		{ text-align: center; }

.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%; background: url('/sites/www.cg-apartments.com/full/images/background-home.jpg') no-repeat top right; 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; text-shadow: 0 0 2px #ffffff; font-family: Arial, Tahoma, Verdana; font-size: 1.2em; margin: 0 0 10px; }
#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; }
a.btnFacebook { width: 37px; background: url('/images/btn-facebook.png') no-repeat; }
a.btnTwitter { width: 29px; background: url('/images/btn-twitter.png') no-repeat; }
a.btnYelp { width: 32px; background: url('/images/btn-yelp.png') top center no-repeat; }
a.btnGoogle	{ width: 40px; background: url('/images/btn-google.png') no-repeat; }	
a.btnRV { width: 32px; background: url('/images/btn-rv.png') center top no-repeat; }
a.btnBlog { width: 36px; background: url('/images/btn-blog.png') no-repeat; }

.contact_share a	{display: block; float: left; height: 42px; margin-right: 10px;}
.contact_share		{padding: 5px 0 5px;}

.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: #ffffff; }

#container { xwidth: 310px; width: 100%; xbackground: url('/sites/full/images/background-other.png') no-repeat fixed; position: relative; padding: 5px 5px 0; box-sizing: border-box; }
a.tabNavigation { width: 110px; height: 19px; display: block; position: 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; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; xbackground: #; border: 1px # solid; text-decoration: none; text-shadow: 0 1px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); -moz-box-shadow: 0 2px 2px 0 #666666; -webkit-box-shadow: 0 2px 2px 0 #666666; box-shadow: 0 2px 2px 0 #666666;  }
#nav { width: 104px; padding: 8px; xposition: absolute; z-index: 9999; xbackground: url('/sites/www.cg-apartments.com/full/images/background-nav.gif') 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 { width: 95%; height: 46px; margin-top: 31px; -moz-border-radius: 0 20px 0 0; -webkit-border-radius: 0px 20px 0px 0px; border-radius: 0px 20px 0px 0px; display: block; position: relative; }
#title-pad	{ color: #ffffff; font-size: 24px; line-height: 42px;  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('/sites/www.cg-apartments.com/images/logo-small.png') no-repeat right center; background-size:100%; display: block; position: absolute;  bottom:0; right: 6px; }
#content { width: 95%;  background: #ffffff; }
#footer { width: 100%; height: 30px; color: #ffffff; line-height: 14px; text-align: center; font-size: 10px; }
#footer a { color: #ffffff; }
.fplans td { padding: 2px; }

table.p36 td { padding: 3px 6px; }

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; }

#floorplan_slider { width:300px; overflow:hidden; margin: 0 auto; 
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
}

#photo_slider { width:280px; height: 280px; overflow:hidden; margin: 0 auto; 
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
}

#scroller { height:100%; float:left; padding:0; }
#scroller ul { list-style:none; display:block; float:left; width:100%; height:100%; padding:0; margin:0; text-align:left; }
#scroller li { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display:block;  float:left; width:300px; text-align:center; }


