/* -------------------------------------------
project:	Penina Apartments
date:		2008/06/06
------------------------------------------- */

html { font-size: 100.01%; }
body { margin: 0; padding: 0; background: #222222; color: #fff; font: 62.5%/1.5 "Trebuchet MS",Arial,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em "Trebuchet MS",Arial,Helvetica,sans-serif; }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.3em; }
ul, ol, dl { margin-bottom: 15px; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

a { color: #fff; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: normal 2.4em Georgia,Geneva,serif; color: #fff; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.2em; }
 h2.a { color: #fff; }
 h2.b { color: #449827; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { background: #333 url(../_images/design/bg-site-a.png) repeat-x    }
 #top { position: relative; z-index: 20; width: 963px; height: 86px; margin: 0 auto; }
  #logo { position: absolute; left: 15px; top: 50%; width: 287px; height: 44px; margin: -18px 0 0; background: url(../_images/design/logo-a.png) no-repeat; }
   #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001px; }
  #top p.book-now { position: absolute; top: 13px; right: 12px; float: right; }   
   #top p.book-now a { display: block; overflow: hidden; width: 131px; height: 26px; background: url(../_images/design/b-book-online-now-a.png) no-repeat; text-indent: -10001px; }
   #top p.book-now a:hover { background-position: 0 -26px; }
  #nav { position: absolute; right: 12px; bottom: 0; float: right; list-style: none; margin: 0; padding: 0; }
   #nav li { float: left; margin: 0 0 0 4px; font-weight: bold; line-height: 1; }
    #nav li a { float: left; color: #959595; padding: 0 0 0 4px; background: url(../_images/design/tabs-a.png) no-repeat; }
     #nav li a span { float: left; cursor: pointer; margin: 0 -1px 0 0; padding: 7px 8px 7px 4px; background: url(../_images/design/tabs-a.png) 100% 0 no-repeat; cursor: pointer; }
    #nav li a:hover { background-position: 0 -40px; color: #aaa; text-decoration: none; }
     #nav li a:hover span { background-position: 100% -40px; color: #fff; }
    #nav li a.active { position: relative; margin-bottom: -1px; background-position: 0 -80px !important; color: #449827 !important; text-decoration: none; }
     #nav li a.active span { padding-bottom: 8px; background-position: 100% -80px !important; }
     #nav li a span { float: left; cursor: pointer; margin: 0 -1px 0 0; padding: 7px 8px 7px 4px; background: url(../_images/design/tabs-a.png) 100% 0 no-repeat; }
    #nav li em { position: absolute; left: -10001px; }
 #header { position: relative; z-index: 10; width: 963px; margin: 1px auto 20px; padding: 0 0 4px; background: url(../_images/design/bg-header-a.png) 0 100% no-repeat; }
  #header div.outer { position: relative; top: -1px; padding: 5px 0 0 5px; background: url(../_images/design/bg-header-a.png) no-repeat; }
  #header div.outer #star { position: absolute; z-index: 20000; margin: 40px 0 0 820px; }
  #header div.outerHome { position: relative; top: -1px; padding: 5px 0 0 0; background: url(../_images/design/bg-header-a.png) no-repeat; }
  #header div.outerHome #star { position: absolute; z-index: 20000; margin: 220px 0 0 820px; }
   .home #header div.inner { position: relative; overflow: hidden; width: 953px; height: 356px; margin: 0 auto; background: url(../_images/design/indicator-a.gif) 50% 50% no-repeat; }
    #header ul { list-style: none; margin: 0; padding: 0; }
     #header img { display: block; }
 #content { width: 948px; margin: 0 auto; padding: 0 0 10px; }
 #content .highlight { padding: 10px; background: #449827; border: 2px solid #fff; color: #fff; font-weight: bold; margin: 0 0 10px 0; font-size: 1.3em; text-align: center; }
 #content h3 { padding: 0; margin: 15px 0 0 0; color: #449827; font-size: 1.5em; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; }
 #content .photoGroup { overflow: hidden; margin-bottom: 20px; }
 #content .photoGroup .photoWrap { float: left; padding: 3px; border: 1px solid #fff; width: 140px; height: 105px; margin: 0 6px 6px 0;  }
 #content #mapWrap { height: 500px; padding: 5px; border: 1px solid #fff; margin-top: 8px; }
 #content #mapWrap #map { height: 500px; }
 #content #mapWrapHome { height: 275px; padding: 5px; border: 2px solid #fff; margin-top: 8px; }
 #content #mapWrapHome #map { height: 275px; }
 #content .mapDetails { color: #333333; font-size: 1.3em; }
 #content .mapDetails a { color: #333333; text-decoration: none; }
 #content .mapDetails a:hover { color: #333333; text-decoration: underline; }
 #content a { color: #CCCCCC; text-decoration: underline; }
 #content a:hover { color: #449827;}
 
	#content p#bkDetails { overflow: hidden; padding: 15px; border: 2px solid #ccc; background: #242424; }
	#content p#bkDetails .col1 { float: left; width: 120px; font-weight: bold; color: #9E9E9E; }
	#content p#bkDetails .col2 { float: left; width: 450px; }
	#content p#bkForm { overflow: hidden; padding: 15px; border: 2px solid #ccc; background: #242424; }
	#content p#bkForm label { float: left; width: 120px; font-weight: bold; color: #9E9E9E; margin-bottom: 5px; }
	#content p#bkForm .col2 { float: left; width: 450px; margin-bottom: 5px; }
	#content p#bkForm .w100 { width: 100px; }
	#content p#bkForm .w125 { width: 125px; }
	#content p#bkForm .w150 { width: 150px; }
	#content p#bkForm .w175 { width: 175px; }
	#content p#bkForm .w200 { width: 200px; }
	#content p#bkForm .break { height: 1px; background: #313131; float: left; width: 570px; margin: 5px 0 10px 0; }
	#content .required { color: #00CC00; }
	#content .bkButton { float: right; }
	#content .bkButton input { background: #00CC00; color: #FFFFFF; font-weight: bold; border: 1px solid #ffffff; padding: 2px 8px; }
	#content .reqNote { float: left; color: #cccccc; }
	#content .errMsg { border: 2px solid #ffffff; background: #242424; margin-bottom: 20px; }
	#content .errMsg p { background: #FF0000; border-bottom: 2px solid #FFFFFF; padding: 5px 10px; font-weight: bold; }

	#content ul.bkSearch { font-size: 0.95em; overflow: visible; }
	#content ul.bkSearch li { list-style: none; margin: 0 2px 2px -40px; overflow: hidden; border: 1px solid #666666; padding: 2px; }
	#content ul.bkSearch li.bkHeading { font-weight: bold; color: #00CC00; font-size: 1.5em; background: #333333; }
	#content ul.bkSearch li .bkApt, #content ul.bkSearch li .bkAptAlt { width: 120px; float: left; background: #2D2D2D; padding: 2px 5px; margin-right: 2px; }
	#content ul.bkSearch li .bkAptAlt { background: #3B3B3B; }
	#content ul.bkSearch li .bkPeople, #content ul.bkSearch li .bkPeopleAlt { width: 100px; float: left; text-align: center; background: #2D2D2D; padding: 2px 5px; margin-right: 2px; }
	#content ul.bkSearch li .bkPeopleAlt { background: #3B3B3B; }
	#content ul.bkSearch li .bkPrice, #content ul.bkSearch li .bkPriceAlt { width: 50px; float: left; text-align: center; background: #2D2D2D; padding: 2px 5px; margin-right: 2px; }
	#content ul.bkSearch li .bkPriceAlt { background: #3B3B3B; }
	#content ul.bkSearch li .bkDate, #content ul.bkSearch li .bkDateAlt { width: 180px; float: left; text-align: center; background: #2D2D2D; padding: 2px 5px; margin-right: 2px; }
	#content ul.bkSearch li .bkDateAlt { background: #3B3B3B; }
	#content ul.bkSearch li .bkBook { width: 106px; float: left; text-align: center; background: #272727; padding: 2px 5px; font-weight: bold; }
	#content ul.bkSearch li .bkBook a { color: #ffffff; text-decoration: none; }
	#content ul.bkSearch li .bkBook a:hover { color: #00CC00; text-decoration: underline; }
	
	#content ol.list li { margin-top: 20px; }
	#content ol.list li strong { color: #449827; }
	
	#content #sitemap li { margin-top: 10px; margin-bottom: 10px; list-style: none; margin-left: -15px; }


#footer { border-top: 1px solid #3f3f3f; }
 #footer div.inner { width: 963px; margin: 0 auto; padding: 20px 0 10px; }
  #footer div.first { text-align: right; }
   #footer h3 { color: #888; font: bold 1.2em/1.3 "Trebuchet MS",Arial,sans-serif; }
    #footer h3 a { color: #888; }
    #footer h3 a:hover { color: #888; text-decoration: none; }
   #footer p { font-size: 1.2em; line-height: 1.3; color: #666; }
    #footer p a { color: #666; }
    #footer p a:hover { color: #fff; }
   #footer ul { overflow: hidden; list-style: none; width: 100%; margin: 0 0 15px; padding: 2px 0; }
    #footer ul li { float: left; margin: 0 0 0 5px; padding: 0 0 0 5px; border-left: 1px solid #888; font-size: 1.2em; line-height: 0.9em; }
    #footer ul li.first { margin: 0; padding: 0; border-left: none; }
     #footer ul li a { color: #888; }
     #footer ul li a:hover { color: #fff; }
 
body.home #root { background-image: url(../_images/design/bg-site-b.png); }
  
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }

/* GENERAL
------------------------------------------- */
div.two-columns-a { overflow: hidden; width: 100%; }
 div.two-columns-a div.column { margin: 0 300px 0 0; }
 div.two-columns-a div.first { float: right; width: 250px; margin: 0 0 0 -250px; }
 
div.two-columns-b { position: relative; overflow: hidden; width: 100%; margin: 0 0 10px; padding: 0 0 40px; }
 div.two-columns-b div.column { float: right; width: 302px; }
 div.two-columns-b div.first { float: left; width: 622px; }
  div.two-columns-b div.column p.more-a { position: absolute; bottom: 0; width: 302px; }
  div.two-columns-b div.first p.more-a { width: 622px; }
  div.two-columns-b p { margin: 0 0 10px; } 

div.two-columns-c { overflow: hidden; width: 100%; margin: 0 0 10px; }
 div.two-columns-c div.column { float: right; width: 302px; }
 div.two-columns-c div.first { float: left; width: 622px; }
  div.two-columns-c p { margin: 0 0 10px; } 
 
div.box-a { margin: 0 0 10px; padding: 2px; border: 2px solid #fff; height: 280px; }
 
ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.a li { margin: 0 0 3px; padding: 0 0 0 30px; background: url(../_images/design/bullet-a.gif) 5px 6px no-repeat; }
 
p.more-a { overflow: hidden; width: 100%; border-top: 1px solid #4e4e4e; font-size: 1.2em; font-weight: bold; }
 p.more-a a { float: right; padding: 2px 10px; border: 1px solid #4e4e4e; border-width: 0 1px 1px; background: #404040; color: #6E6E6E; text-align: center; }
 p.more-a a:hover { color: #fff; text-decoration: none; }
 
img.a { padding: 2px; border: 2px solid #fff; }
 
/* ELEMENTS
------------------------------------------- */
#book-online { background: #404040; padding: 5px 5px 0 5px; }
 #book-online form { margin: 0; padding: 10px;  }
  #book-online form p { text-align: right; }
  #book-online form p.intro { color: #999; font-size: 1.2em; line-height: 1.3; text-align: left; }
  #book-online form p.submit { overflow: hidden; width: 100%; margin: 0; padding: 3px 0; text-align: center; }
  #book-online form p.separate { margin: 0 0 8px; padding: 0 0 8px; border-bottom: 1px solid #535353; }
   #book-online form p label,
   #book-online form p span.label { float: left; }
   #book-online form p input { width: 184px; padding: 1px 2px; font-size: 0.83em; }
   #book-online form p #first-name { width: 86px; }
   #book-online form p #last-name { width: 86px; }
   #book-online form p #phone { width: 127px; }
   #book-online form p select { font-size: 0.83em; }
   #book-online form p select.day { width: 45px; }
   #book-online form p select.month { width: 80px; }
   #book-online form p select.year { width: 58px; }
   #book-online form p #code { width: 53px; }
   #book-online form p button { display: block; position: relative; overflow: hidden; width: 146px; height: 34px; margin: 0 auto; border: none; background: url(../_images/design/b-submit-a.png) no-repeat; text-indent: -10001px; }
   #book-online form p button:hover { background-position: 0 -34px; }

	#book-online ul.slots { font-size: 0.95em; overflow: hidden; margin-left: 2px; }
	#book-online ul.slots li { list-style: none; margin: 0 0 5px -30px; }
	#book-online ul.slots li .bkApt { width: 120px; float: left; }
	#book-online ul.slots li .bkPeople { width: 60px; float: left; }
	#book-online ul.slots li .bkPrice { width: 80px; float: left; }
	#book-online ul.slots li .bkDate { width: 150px; float: left; }
	
	#timeShare { background: url(../_images/design/side-bg.png) no-repeat; width: 280px; height: 100px; padding: 10px; }
	#timeShare h3 { color: #FFFFFF; text-decoration: underline; text-align: center; margin: 2px 0 5px 0; }
	#timeShare p { line-height: 140%; text-align: center; }

/* PLUGINS
------------------------------------------- */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
 .sIFR-replaced embed { display: block; }
span.sIFR-alternate { display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash #content h1 { visibility: hidden; margin-bottom: 10px; }
.sIFR-hasFlash #content h2 { visibility: hidden; }
   
/* TEMP
------------------------------------------- */
#map img { display: block; }

.form-alt-email { visibility : hidden; display : none; }