﻿/* --------- /stylesheets/mychoiceapartment.css --------- */ 
/*
G5 Search Marketing Copyright 2009
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;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* /reset */

a {outline:none;text-decoration: none; color: #b65418;}
a:hover {text-decoration: underline;}
h1,h2,h3,h4,h5,h6{font-size:100%; color: #59620f;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
html {}

body {
    position : relative;
    margin: 0 auto; 
    color: #5b4d2b;
    text-align : center; /* center for IE */
    font-family : arial, verdana, sans-serif;
    font-size: 12px;
    background: #5f6b1f;
}

/* Outside */
/* -------------------- */

div#whopper {
    position: relative;
    width: 1274px;
    margin: 0 auto;
    text-align: left;
    z-index: 30;
    padding: 71px 0 0 0;
    background: url(/images/whopperTop_bg_01.jpg) top left no-repeat;
}

div#wrapper {
    position: relative;
    width: 981px;
    margin: 0 0 0 147px;
    z-index: 10;
}

div#innerWhopper {
    position: relative;
    width: 922px;
    margin: 0 auto;
    z-index: 20;
}

div#header {
    position: relative;
    width: 913px;
    height: 90px;
    top: 8px;
    margin: 0 0 0 176px;
    background: url(/images/header_bg_01.jpg) top right no-repeat;
}

div#middle {
    position: relative;
	/* height section is for a min. height on a container */
    min-height:350px;
    height:auto !important;
    height:350px;
	/* /height */
    z-index: 990;
    background: url(/images/homeTop_bg_01.jpg) 8px 0 no-repeat;
}

div#footerWrap {
    position: relative;
    width: 1274px;
    margin: 0 auto;
}

div#footer {
    position: relative;
    width: 966px;
    margin: 0 auto;
    padding: 25px 0 0 0;
    background: url(/images/footer_bg_01.gif) top center no-repeat;
}

/* Template */
/* -------------------- */

div#header h1 {
    width: 294px;
    height 90px;
    display: block;
}
div#header h1 a {
    width: 294px;
    height: 90px;
    display: block;
    text-indent: -9999px;
}
div#header h1 span, div#header h2 a {
    position: absolute;
    top: 0;
    left: 8px;
    width: 294px;
    height: 90px;
    display: block;
    text-indent: -9999px;
    background: url(/images/headerLogo_bg_01.jpg) top left no-repeat;
}

#nav {
    position: relative;
    width: 857px;
    height: 23px;
    left: 184px;
    padding: 0 0 0 48px;
    z-index: 999;
    background: url(/images/nav_bg_01.gif) top left repeat-x;
}
#nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}
#nav a {
    display: block;
    width: 10em;
}
#nav li {
    display: block;
    float: left;
    list-style: none;
    z-index: 999;
}
#nav li a {
    display: block;
    height: 23px;
    line-height: 23px;
    text-decoration: none;
    text-indent: -9999px;
}
#nav li.home a {
    background: transparent url(/images/navHome_bg_01.jpg) 0 0 no-repeat;
    width: 67px;
    height: 23px;
    left: 48px;
}
#nav li.home a:hover {background-position: 0 -23px;}
#nav li.townhomes a {
    background: transparent url(/images/navTownhomes_bg_01.jpg) 0 0 no-repeat;
    width: 108px;
    height: 23px;
}
#nav li.townhomes a:hover {background-position: 0 -23px;}
#nav li.condos a {
    background: transparent url(/images/navCondos_bg_01.jpg) 0 0 no-repeat;
    width: 139px;
    height: 23px;
}
#nav li.condos a:hover {background-position: 0 -23px;}
#nav li.features a {
    background: transparent url(/images/navFeatures_bg_01.jpg) 0 0 no-repeat;
    width: 159px;
    height: 23px;
}
#nav li.features a:hover {background-position: 0 -23px;}
#nav li.gallery a {
    background: transparent url(/images/navGallery_bg_01.jpg) 0 0 no-repeat;
    width: 123px;
    height: 23px;
}
#nav li.gallery a:hover {background-position: 0 -23px;}
#nav li.map a {
    background: transparent url(/images/navMap_bg_01.jpg) 0 0 no-repeat;
    width: 143px;
    height: 23px;
}
#nav li.map a:hover {background-position: 0 -23px;}
#nav li.contact a {
    background: transparent url(/images/navContact_bg_01.jpg) 0 0 no-repeat;
    width: 84px;
    height: 23px;
}
#nav li.contact a:hover {background-position: 0 -23px;}
#nav li ul { /* second-level lists */
    position: absolute;
    width: 172px;
    padding: 0;
    margin: 0;
    left: -999em;
}
#nav li.home ul li a,
#nav li.townhomes ul li a,
#nav li.condos ul li a, 
#nav li.features ul li a,
#nav li.gallery ul li a, 
#nav li.map ul li a,
#nav li.contact ul li a {
    width: 172px;
    height: 24px;
    padding: 0;
    margin: 0;
    background: #eeead5;
    background-image: none;
    border-bottom: 1px solid #938142;
    color: #5b4d2b;
    display: block;
    line-height: 24px;
    text-indent: 15px;
}
#nav li ul li.last a {border: 0;}
#nav li.home ul li a:hover,
#nav li.townhomes ul li a:hover,
#nav li.condos ul li a:hover, 
#nav li.features ul li a:hover,
#nav li.gallery ul li a:hover,
#nav li.map ul li a:hover,
#nav li.contact ul li a:hover {
    background: #eeead5 url(/images/navArrow_bg_01.gif) 2px 7px no-repeat;
    display: block;
    width: 172px;
    height: 24px;
    line-height: 24px;
}
#nav li.home ul li ul li a,
#nav li.townhomes ul li ul li a,
#nav li.condos ul li ul li a, 
#nav li.features ul li ul li a,
#nav li.gallery ul li ul li a, 
#nav li.map ul li ul li a,
#nav li.contact ul li ul li a {
    width: 172px;
    height: 24px;
    padding: 0;
    margin: 0;
    display: block;
    line-height: 24px;
}
#nav li.home ul li ul li a:hover,
#nav li.townhomes ul li ul li a:hover,
#nav li.condos ul li ul li a:hover, 
#nav li.features ul li ul li a:hover, 
#nav li.gallery ul li ul li a:hover, 
#nav li.map ul li ul li a:hover,
#nav li.contact ul li ul li a:hover {
    display: block;
    width: 172px;
    height: 24px;
    line-height: 24px;
}
#nav li ul ul {
    padding: 0; 
    margin: -25px 0 0 172px;
}
#nav li ul ul ul {margin: -27px 0 0 172px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover, #nav li.hover {position: static;}

/* Homepage */
/* ------------------- */

div#colWrap {
    position: relative;
    width: 905px;
    margin: 2px auto 0 auto;
    background: url(/images/homeBottom_bg_01.jpg) bottom left no-repeat;
}

div#homeCont, div#facCont {
    position: relative;
    width: 905px;
    margin: 0 auto;
}

div#contentTop {
    position: relative;
    width: 656px;
    height: 6px;
    margin: 20px 0 0 0;
    background: url(/images/contentTop_bg_01.jpg) top left no-repeat;
    overflow: hidden;
}

div#contentWrapper {
    position: relative;
    width: 656px;
	/* height section is for a min. height on a container */
    min-height:350px;
    height:auto !important;
    height:350px;
	/* /height */
    padding: 5px 0 20px 0;
    background: url(/images/contentBody_bg_01.gif) top left repeat-y;
}

div#contentBottom {
    position: relative;
    width: 656px;
    height: 6px;
    margin: 0 0 20px 0;
    background: url(/images/contentBottom_bg_01.jpg) top left no-repeat;
}

div#homeLeft, div#facLeft, div#col2 {
    position: relative;
    width: 228px;
    float: left;
	/* height section is for a min. height on a container */
    min-height:350px;
    height:auto !important;
    height:350px;
	/* /height */
}

div#homeRight, div#facRight, div#middle.store div#col1 {
    position: relative;
    width: 677px;
    float: right;
}
div#homeRight ul {position: absolute; left: -170px;}
div#homeRight ul li {font-size: 16px; list-style: disc; margin: 10px;}
div#middle.store div#editor-content {padding: 10px 20px;}

div#photoWrap {
    width: 670px;
    height: 369px;
    margin: 10px 0 0 0;
    background: url(/images/homeSlideBorder_bg_01.gif) top left no-repeat;
}
div#photoWrap img {
    width: 640px;
    height: 340px;
}
div#slideshow {
    position: relative;
    width: 640px;
    height: 340px;
    padding: 14px 0 0 0;
}

div#homeBottom {
    position: relative;
    width: 905px;
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
    clear: both;
    background: url(/images/homeBottom_bg_01.jpg) bottom left no-repeat;
}
div#homeBottom.storeBottom {height: 100px;}

div#homeBottomLeft, div#facBottomLeft {
    width: 228px;
    float: left;
}
div#homeBottomLeft p, div#facBottomLeft p {
    color: #5b4d2b;
    font-family: georgia, garamond, serif;
    line-height: 2.0em;
    padding: 10px;
}

div#homeText, div#facText {
    position: relative;
    width: 677px;
    float: right;
}

div#homeText h3, div#facText h3 {
    color: #59620f;
    font-family: georgia, garamond, serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;
    padding: 0 20px;
}
div#homeText h3 span.homeTextColor, div#facText h3 span.homeTextColor {
    color: #b65418;
    font-size: 12px;
}
div#homeText p, div#facText p {
    line-height: 1.6em;
    padding: 0 20px;
}

/* Facility Page */
/* -------------------- */

div#editor-content {
    position: relative;
    text-align: left;
    overflow: hidden;
}
div#site-map,
div#locations {padding: 50px;}

div#middle.corporate div#editor-content {
    padding: 50px;
}

div#ccp {
    position: relative;
    width: 207px;
    margin: 0 auto;
}
div#ccp ul {}
div#ccp ul li {
    display: block;
    width: 207px;
    height: 75px;
    float: left;
    padding: 0 0 10px 0;
    text-indent: -9999px;
}
div#ccp ul li.ccpContact {padding: 14px 0;}
div#ccp ul li.ccpContact a {
    display: block;
    width: 207px;
    height: 75px;
    background: url(/images/ccpContact_bg_01.jpg) top left no-repeat;
}
div#ccp ul li.ccpContact a:hover {background-position: 0 -75px;}
div#ccp ul li.ccpInfo a {
    display: block;
    width: 207px;
    height: 75px;
    background: url(/images/ccpInfo_bg_01.jpg) top left no-repeat;
}
div#ccp ul li.ccpInfo a:hover {background-position: 0 -75px;}
div#ccp ul li.ccpTour a {
    display: block;
    width: 207px;
    height: 75px;
    background: url(/images/ccpTour_bg_01.jpg) top left no-repeat;
}
div#ccp ul li.ccpTour a:hover {background-position: 0 -75px;}

p.homeLeftTag, p.facLeftTag {
    position: relative;
    width: 227px;
    height: 123px;
    display: block;
    clear: left;
    padding: 0;
    margin: 0;
    text-indent: -9999px;
    background: url(/images/homeLeftTag_bg_01.jpg) top left no-repeat;
}

div#map h2 {text-indent: -9999px;}

#flashmap {
    position: relative;
    width: 615px;
    height: 340px;
    border: 1px dashed #927F40;
    margin: 0 0 0 20px;
}

div#homeLocations div#other-facilities h2 {
    color: #353e06;
    font-weight: normal;
    line-height: 1.6em;
}
div#homeLocations div#other-facilities a {
    color: #353e06;
}

/* amenities styles */
h4.category {
    font-size: 18px;
    line-height: 2.0em;
	padding:0;
	margin: 0 0 0 25px;
	font-size:14px;
}
ul.offerings {
	padding:0 0 20px 25px;
	margin:0 0 0 26px;
	list-style:disc;
}
ul.offerings li {line-height: 2.0em;}

div#photo_gallery {
 /*   position: absolute
    top: 60px;
    left: 60px;*/
    width: 450px;
    margin: 10px auto;
    padding: 30px 0px 15px 50px;
    border: 1px dashed #938040;
}
div#photo_gallery ul {display: inline;}
div#photo_gallery li {
    display: inline;
    padding: 0 25px 0 0;
}
div#photo_gallery li img {
    width: 75px;
    height: 75px;
    margin: 0 0 15px 0;
    border: 2px solid #ac8d4d;
}

div#p_col2_bottom {
    position: relative;
    width: 228px;
    height: 205px;
    padding: 0 0 40px 0;
    text-align: center;
    clear: left;
    background: url(/images/lowerLeftImage_bg_01.jpg) top left no-repeat;
}
div#p_col2_bottom img {padding: 25px 0 0 0;}

/* Footer */
/* -------------------- */

div#footer ul {display: inline;}
div#footer ul li {
    font-family: 'ms trebuchet', tahoma, san-serif;
    display: inline;
    line-height: 2.0em;
    border-right: 1px solid #e3d3a4;
}
div#footer ul li.last {border: 0;}
div#footer ul li a {
    color: #e3d3a4;
    font-size: 12px;
    padding: 0 10px; 
}
div#footer p {
    font-family: 'ms trebuchet', tahoma, san-serif;
    color: #353e06;
}

div#footer-states {
    position: relative;
    line-height: 30px;
    clear: left;
}

div#footer-stores {
    position: relative;
    line-height: 20px;
    text-align: left;
    clear: left;
}
div#footer-stores p#copy, div#footer-stores {
    color: #353e06;
    font-size: 10px;
    line-height: 20px;
    margin: 0 0 0 8px;
    padding: 0;
    text-align: center;
}

p.footerBrand {
    text-align: center;
}
p.footerBrand a {}
.clear {clear: both;line-height: 1px;height: 1px}

/* --------- /stylesheets/inline.css --------- */ 
/*
 _ _       _     _       _          
| (_)_ __ | | __(_)_   _(_) ___ ___ 
| | | '_ \| |/ /| | | | | |/ __/ _ \
| | | | | |   < | | |_| | | (_|  __/
|_|_|_| |_|_|\_\/ |\__,_|_|\___\___|
              |__/         
*/

#inline-edit-tools{
  background: #F0F4F5 url(/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(/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;
}


