/*
G5 Search Marketing Copyright 2010
Local Search Marketing - Local Internet Advertising
*/

/* reset - don't modify */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
p, img {padding:0;margin:0;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* /reset */

/* GLOBAL SETTINGS */
/* -------------------- */

h1,h2,h3,h4,h5,h6 {color:#fff;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}
h6 {font-size:80%;}

a {color:#d1ca00;text-decoration:none;}
a:hover {text-decoration:underline;}
a:active{color: #a49f02;}

.clear {clear:both;}
.none {display:none;}
.external {padding-right:14px;background:url(/images/external-link-icon.gif) no-repeat right top;}

.right {float:right;}
.left {float:left;}
img.left {margin:0 20px 10px 0;}
img.right {margin:0 0 10px 20px;}

dt {padding-top:10px;}

/* STRUCTURE */
/* -------------------- */

html {height:100%;}

body {
	text-align:center;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	background: #848484 url(/images/bodyBG.jpg) repeat-x center top;
	margin: 0 0 0 0;
	color: #fff;
	line-height: 18px;
}


#whopper {
	width:960px;
	margin:0 auto;
	text-align:left;
	background: #000;
}

#header {
	position: relative;
	display: block;
	height: 142px;
	width: 960px;
	margin: 0 0 33px 0;
	background: #fff url(/images/headerBG.jpg) no-repeat;
}

#middle {
	position: relative;
	margin: 0 28px;
	padding: 18px 0 3px 0;
	z-index: 45;
	width:903px;
	min-height:400px;height:auto !important;height:400px;
	background: #d1ca00 url(/images/middleBG.jpg) repeat-x;
}

#footer {

	width:960px;
	margin:0 auto;
	text-align: left;
}

/* HEADER */
/* -------------------- */

#logo {
	width:100px;
	height:100px;
	text-indent:-9999px;
}

#call{
	position: absolute;
	top: 120px;
	left: 700px;
}


#call span{
	font-weight: bold;
	font-size: 16px;
	color: #000;
}

#call span.tel{
	font-weight: normal;
	display: inline;
	font-size: 19px;
	color: #6ac6d2;
	letter-spacing: 2px;
	padding: 0 0 0 5px;
}

/* NAVIGATION */
/*-----------------------*/

#nav{
	position: relative;
	width: 960px;
	left: 0;
	z-index: 900;
	height: 33px;
	top: 142px;
	background: #d1ca00;
}

#nav li {float:left;}

#nav li a {
	display:block;
	height:33px;
	text-indent:-9999px;
	background: url(/images/nav.jpg);
}

#nav li.home a {width:117px;background-position:0 0;}
#nav li.home a:hover	{ background-position:0 -33px }


#nav li.amenities a {width:91px;background-position:-117px 0;}
#nav li.amenities a:hover {background-position:-117px -33px;}


#nav li.floor-plans a {width:173px;background-position:-208px 0;}
#nav li.floor-plans a:hover {background-position:-208px -33px;}


#nav li.photo-gallery a {width:135px;background-position:-381px 0;}
#nav li.photo-gallery a:hover {background-position:-381px -33px;}

#nav li.directions a {width:146px;background-position:-516px 0;}
#nav li.directions a:hover {background-position:-516px -33px;}

#nav li.contact a {width:109px;background-position:-662px 0;}
#nav li.contact a:hover {background-position:-662px -33px;}

#nav li.residents a {width:189px;background-position:-771px 0;}
#nav li.residents a:hover {background-position:-771px -33px;}



/* HOMEPAGE */
/* ------------------- */
#homeLogo{
	position: absolute;
	width: 209px;
	top: 18px;
	left: 30px;
	background: #000;
}

#homeLogo{
	padding: 14px 0 8px 39px;
}


#homeText{
	position: relative;
	background: #000;
	width: 588px;
	left: 285px;
	min-height:415px;height:auto !important;height:415px;
}

#homeText strong{
	color: #6ac6d2;
	font-size: 13px;
}

#homeText_top{
	padding: 317px 0 0 0; 
	width: 423px;
	background: #000;
}

#homeText p, 
#homeText ul, 
#homeText h1,
#homeText h2,
#homeText h3,
#homeText h4,
#homeText h5{
	padding: 10px 0 10px 15px;
}

#homeText h1, 
#col1 h1{
	color: #feb53d;
	font-size: 17px;
}

#homeText h2, 
#col1 h2{
	color: #6ac6d2;
	font-size: 15px;
}

#homeText h3, 
#col1 h3{
	font-style: italic;
	color: #d1ca00;
	font-size: 14px;
}


#slideshow-home{
  	position: absolute;

  	top: 0px;

  	width: 437px;
	height: 317px;
	background: #ccc;
	background: #fff url(/images/home-slidesBG.jpg) no-repeat;
	z-index: 35;
}


#box{
	position: absolute;
	top: 30px;
	left: 118px;
}

#ccp {
  	position: absolute;

  	top: 45px;

  	left:  709px;

  	width: 193px;

  	height: 382px;
	z-index: 34;
}

#ccp li a{
	height:115px;
	width: 193px;
	display:block;
	text-indent:-9999px;
}


#ccp li.visit a	{height:115px; background:url(/images/CTA-HORZ.jpg) 0 0 ;}
#ccp li.visit a:hover {background:url(/images/CTA-HORZ.jpg) -193px 0 ;}

#ccp li.info a	{height: 115px; background: url(/images/CTA-HORZ.jpg) 0 -115px;}
#ccp li.info a:hover {background:url(/images/CTA-HORZ.jpg) -193px -115px; }

#ccp li.specials a	{height: 115px; background: url(/images/CTA-HORZ.jpg) 0 -230px;}
#ccp li.specials a:hover {background:url(/images/CTA-HORZ.jpg) -193px -230px; }


/* CORPORATE INTERIOR PAGE */
/* -------------------- */

#col2{
	width: 154px;
	position: absolute;
	top: 18px;
	left: 30px;
	padding: 0 0 24px 0;
	background: #000;
	text-align: center;
}

#col2 img{
	padding: 14px 0 8px 0;
}

#col2 h3{
	color: #feb53d;
}

#pay-rent {
	display:block;
	position: relative;
	left: 161px;
	width:248px;
	height:47px;
	text-indent:-9999px;
	background:url(/images/pay-rent.jpg);
}

#pay-rent:hover {background-position:0 -47px;}


#col1{
	position: relative;
	background: #000;
	width: 673px;
	left: 200px;
	padding: 0 0 20px 0;
	min-height:397px;height:auto !important;height:397px;
	
}

#col1 h1, 
#col1 h2, 
#col1 h3,
#col1 p{
	padding: 0 0 10px 0;
}

#col1 ul{
	list-style: disc;
	padding: 0 0 0 20px;
	color: #e7e36a;
}



#col1 strong{
	font-size: 12px;
	color: #6ac6d2;
}

#p_col1_middle, 
#p_col1_bottom, 
#p_col1_top{
 	padding: 5px 200px 0 20px;	
 	clear: both;
}

#p_content img{
	border: 8px solid #6ac6d2;
	margin: 15px 5px 15px 30px;
}

#p_col1_middle img, 
#p_col1_bottom img, 
#p_col1_top img{
 	margin: 10px 0 0 20px;	
 	border: 2px solid #6ac6d2;
}


/* FACILITY PAGE */
/* -------------------- */



/* LOCATION INTERIOR PAGE */
/* -------------------- */
 #editor-content{
 	padding: 10px 200px 10px 20px;	
 	
	clear: both;
 }

#flashmap {
	width:437px;
	height:305px;
	background:#ddd;
	color: #000;
}


/* WIDGETS */
/*-----------------------------*/

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


/* Floorplans */
#floorplans {
	width:100%;
	line-height:15px;
	border-top:3px solid #e7e36a;
	border-bottom:3px solid #e7e36a;
}

#floorplans th {
	padding:7px 10px;
	font-weight:bold;
}

#floorplans td {
	padding:7px 10px;
	border-top:1px solid #e7e36a;
}

#floorplans td.floorplan {
	white-space:nowrap;
	color:#6ac6d2;
	font-weight:bold;
	font-size: 15px;
}

#floorplans td.plan a:hover {
	text-decoration:none;
	border-bottom:2px solid #ecd9ac;
}

#floorplans a {
	margin:10px 10px 10px 0;
	float:right;
	display:block;
	width:129px;height:40px;
	text-indent:-9999px;
	background:url(/images/floor-plan.jpg);
	overflow:hidden;
}
#floorplans a:hover {background-position:0 -40px;}


#floorplans a {
	display:block;
	width:135px;
	height:37px;
	text-indent:-9999px;
	background:url(/images/floor-plan.jpg);
}

#floorplans a:hover {background-position:0 -37px;}


/* CALENDAR STYLES */
/* -------------------- */

#calendar_events h2 {
	margin-top:-10px;
	padding:15px 25px 0 0;
	color:#6ac6d2;
	font-family:arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:21px;
	letter-spacing:2px;
	line-height:28px;
	text-transform:uppercase;
}

#calendar_events h2 span {
	display:block;
	padding:5px 0 15px 0;
	color:#6ac6d2;
	font-weight:normal;
	font-family:arial, helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	letter-spacing:0;
	line-height:1em;
	text-transform:none;
}

#calendar_events h3 {
	cursor:pointer;
	clear:both;
	width:100%;
	line-height:20px;
	padding:10px 0 5px 0;
}

#calendar_events li {
	float:left;
	line-height:16px;
	margin:0;padding:5px 0 0 10px;
}

#calendar_events li.th {
	clear:left;
	color:#6ac6d2;
	font-size: 12px;
	width:80px;
	font-weight:bold;
}

#calendar_events li.td {
	float:left;
	width:280px;
	padding:5px 0 0 20px;
}

#calendar_events ol.table {
	float:left;
	padding:5px 0;
}

.event_container{
	border-left:3px solid #e7e36a;
	border-right:3px solid #e7e36a;
	background: #4F4F4F;
	margin: 0 0 10px 0;
}


/* photo tour */
#shadowbox_gallery {
	width:450px;
	margin:10px auto;
}
#shadowbox_gallery li {
	float:left;
	padding:0 5px 15px 0;
	list-style: none;
}
#shadowbox_gallery li img {
	width:75px;
	height:75px;
}




/* TERTIARY PAGES */
/*--------------------*/

#area-page, 
#no-match,
#comarketing-page,
#state-page,
#locations,
#site-map{
	position: relative;
	width: 673px;
	left: 172px;
	padding: 20px 0 0 0;
	margin: 0 28px;
	background: #000;
	color: #fff;
	min-height:372px;height:auto !important;height:372px;
}

#other-facilities.width-full-blue{
	margin: 0 0 0 200px;
	background: #000;
	width: 673px;
}

#other-facilities.width-full-blue h2, 
#other-facilities.width-full-blue p, 
#other-facilities.width-full-blue dl{
	padding: 0 0 10px 20px;
}

#locations #other-facilities.width-full-blue{
	margin: 0;
	width: 673px;
}

.width-full{
	margin: 20px 0 0 0;
}

.width-full h2, 
#state-page h2,
#state-page dl{
	padding: 0 0 20px 20px;
}

.width-full p{
	padding: 0 0 5px 20px;

}


#state-page p{
	padding: 10px 0 0 20px;
}




/* AREA PAGE */
/* -------------------- */

#area-page p.city {text-align:right;}

#area_map {float:right;}

#area_map #flashmap {
	width:467px;
	height:430px;
	border:1px solid #CCC;
}

#facility-list {
	width:407px;
	float:left;
}

.facility-map{
	width:407px;
}

.facility-summary {
	margin:16px 0; 
	clear:both;
	border-bottom:1px solid #CCC;
}

.facility-summary img {
	float:left;
	padding:0 10px 10px 0;
}

.facility-summary dl {padding:0 0 20px 0;}
.facility-summary dt {padding-top:0;}
.facility-summary a img.facility-offer {display:none;}


/* SUBFOOT */
/* -------------------- */

#subfoot{
	position: relative;
	left: 28px;
	z-index: 101;
	width:903px;
	height:146px;
}

#subfoot li { float:left; 
}


#subfoot li a {
	display:block;
	height:146px;
	text-indent:-9999px;
	background:url(/images/subfoot.jpg) no-repeat;
	outline:none;
}

#subfoot li.facebook	{width: 148px;}
#subfoot li.facebook a 		{ background-position:0 0; width:148px; left:91px}
#subfoot li.facebook a:hover	{ background-position:0 -292px }

#subfoot li.twitter	{width: 79px;}
#subfoot li.twitter a 		{ background-position:-148px 0; width:79px; left:148px }
#subfoot li.twitter a:hover	{ background-position:-148px -146px }

#subfoot li.live	{width: 265px;}
#subfoot li.live a 		{ background-position:-227px 0; width:265px; left:227px }
#subfoot li.live a:hover	{ background-position:-227px -146px }

#subfoot li.happen	{width: 185px;}
#subfoot li.happen a 		{ background-position:-492px 0; width:185px; left:492px }
#subfoot li.happen a:hover	{ background-position:-492px -146px }

#subfoot li.find	{width: 226px;}
#subfoot li.find a 		{ background-position:-677px 0; width: 226px; left:677px }
#subfoot li.find a:hover	{ background-position:-677px -146px }


#whopp-btm{
	width:960px;
	margin:0 auto;
	height: 23px;
	background: url(/images/whopperBGbtm.gif) no-repeat bottom center;
}


/* FOOTER */
/* -------------------- */

#footer,
#footer a,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color:#fff;
	font-size:11px;
}

#footer a:hover{
	color:#d1ca00;
}

#footer a:active{
	color:#a49f02;
}

#footer{
	padding: 0 0 0 65px;
}

#footer ul {clear:left;}

#footer li {float:left;}

#footer li a {
	padding:0 1em;
	border-right:1px solid #d1ca00;
}

#footer li.last a, 
#footernav li.maybelast a {
	border-right:none;
}

#footernav li.residents a {
	border-right:none;
	border-left:1px solid #d1ca00;
}

#footernav{
	padding: 10px 0;
}

#footer #locals ul{
	margin: 0;
	padding: 0;
}

ul#states-list li{
	padding: 0;
	margin: 10px 0 0 0;
}

#footer-stores{
	margin: 10px 0 0 12px;
	padding: 30px 0 0 0;
}

#footer #other-facilities{
	padding: 10px 0;
	margin: 0;
	background: transparent;
}

#footer #other-facilities.width-full-blue h2, 
#footer #other-facilities.width-full-blue dl{
	padding: 0 0 0 10px;
}



#equal-housing{
	float: right;
	position: relative;
	right: 75px;
	top: 0;
}

body #signature-brand {margin: 0 10px;}
/* Signature Brand Styles */
#signature-brand {width:180px;height:20px;display:block;margin:10px 0;outline:none;text-indent:-9999px;background:url(/images/signature-brand.gif);overflow:hidden;}
#signature-brand:hover, 
#signature-brand:focus {background-position:0 -20px;}
#signature-brand:active {background-position:0 -40px;}
/* --------- /stylesheets/inline.css --------- */ 
/*
 _ _       _     _       _          
| (_)_ __ | | __(_)_   _(_) ___ ___ 
| | | '_ \| |/ /| | | | | |/ __/ _ \
| | | | | |   < | | |_| | | (_|  __/
|_|_|_| |_|_|\_\/ |\__,_|_|\___\___|
              |__/         
*/

#inline-edit-tools{
  background: #F0F4F5 url(http://www.g5search.com/javascripts/ext/resources/images/gray/toolbar/bg.gif) repeat-x scroll left top;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}

#inline-edit-tools a.edit{
  background-position: 0 2px;
  display: block;
  padding: 3px 0 2px 18px;
  color: #000;
  background-repeat: no-repeat;
  text-decoration: none;
  background-image: url(http://www.g5search.com/javascripts/ext/resources/images/default/shared/fam/page_edit.png) !important;
}

/* --------- /javascripts/shadowbox/skin/classic/skin.css --------- */ 
/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(/javascripts/shadowbox/skin/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  /*height: 26px;*/
  height: 4em;  /* this can be just about any value because of the overflow, but the 2-4em ballpark looks best, IMO, and prevents overflow off the top of the viewport for captions up to three lines */
  overflow: visible;
}
#shadowbox_title_inner {
	position: absolute;
	bottom: 0;
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}

#shadowbox_title {
  border: 0px solid;
} 

#shadowbox_info {
  border: 0px solid;
}