/*
 * Project:   RoseWood Resort
 * Date:      2009-11-06
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #b09765 url(../images/bg.jpg) 0 0 repeat-x; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #d8c69d; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

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

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 970px; margin: 0 auto; padding: 0 0 10px; }
 #top { z-index: 10; position: relative; height: 80px; }
  #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: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  #nav { position: absolute; right: 15px; bottom: -8px; list-style: none; margin: 0; padding: 0; }
  * html #nav { bottom: -9px; }
   #nav li { float: left; display: inline; padding: 0; margin: 0 2px; font: 1.4em Georgia,"Times New Roman",Times, serif; font-variant: small-caps;  font-weight:  bold; font-style: italic; }
    #nav li a { float: left; padding: 0 9px 0 0; background: #3d3527 url(../images/nav-bg.png) 100% 0 no-repeat; text-decoration: none; }
	 #nav li a span { float: left; min-width: 94px; height: 33px; padding: 10px 0 0 5px; background: url(../images/nav-bg.png) 0 0 no-repeat; text-align: center; cursor: hand; }
	 * html #nav li a span { width: 94px; }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
	#nav li a:hover span, #nav li a:focus span, #nav li a:active span { text-decoration: none; color: #736e2c; }
	#nav li.selected a { background-color: #3d3527; background-position: 100% -57px; text-decoration: none !important;}
	 #nav li.selected a span { background-position: 0 -57px; text-decoration: none !important; color: #c3b38e; }
 .wrapper { z-index: 1; width: 954px; padding: 8px; background: #3d3527; }
  #content { overflow: hidden; width: 100%; margin: 0 0 14px; background: url(../images/content-bg.jpg) 0 0 repeat; }
   #side { float: left; width: 500px; padding: 14px 0 0; }
   #main { float: right; width: 428px; padding: 10px 6px 8px 19px; background: #4d4a24 url(../images/main-bg.jpg) 0 0 repeat-x; text-align: justify; }
   .home #main { width: 100%; margin: 0 0 25px; padding: 0 0 28px; }

  #footer { text-align: center; }
   #copyright { margin: 0 0 7px; font-size: 1em; line-height: 1; }
    #copyright .part { margin: 0 0 0 3px; padding: 0 0 0 5px; border-left: 1px solid #d8c69d; }
    #copyright a { color: #d8c69d; text-decoration: none; }
	#copyright a:hover, #copyright a:focus, #copyright a:active { color: #d8c69d; text-decoration: underline; }

/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 {font-family: Georgia,"Times New Roman",Times, serif; }
h1 { margin: 0 0 14px -6px; font-size: 2.5em; }
h2 { font-size: 1.6em; font-style: italic;}
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }

h1.a { display: block; margin-left: -10px; }
h1 span.row { display: block; clear: left; text-align: right; }

/* containers */
#slide { display: inline; position: relative; float: left; overflow: hidden; width: 563px; height: 400px; margin: 6px 0 0 7px; padding: 16px 0 0 26px; background: url(../images/slideshow-bg.png) 0 0 no-repeat; }
 #slide p.img-r { position: absolute; right: 33px; bottom: 22px; width: 81px; z-index: 10;}

div.col { float: left; }
div.col-a { width: 300px; margin: 0 8px 0 0; }
.home div.col-a { float: right; display: inline; width: 330px; margin: 0 10px 0 0; padding: 20px 0 0; }
 .home div.col-a .link { padding-left: 10px; }
div.col-b { width: 117px; padding-top: 45px; }

div.bottom { overflow: hidden; width: 831px; margin: 0 0 27px; padding: 0 80px 0 43px; }
 div.bottom div.col-a { float: left; width: 429px; padding: 8px 14px 5px; background: #7f6b46 url(../images/gradient-brown-center.png) 0 0 repeat-x; }
  div.bottom div.col-a p.img { float: left; margin: 0 32px 0 0; }
  div.bottom div.col-a .cont { float: left; width: 155px; padding: 12px 0 0; text-align: center; }
   div.bottom div.col-a h2 { margin: 0 0 10px; }
   div.bottom div.col-a p { margin: 0 0 19px; }
   div.bottom div.col-a p.link { text-align: left; }
 div.bottom div.col-b { float: right; width: 304px; margin: 0; padding: 0; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */
ul.a { overflow: hidden; list-style: none; width: 330px; margin: 0 0 22px; padding: 0; }
 ul.a li { float: left; display: inline; width: 105px; margin: 0 0 4px 35px; padding: 0 0 0 19px; background: url(../images/bullet-a.gif) 0 5px no-repeat; }  

/* paragraphs */
p.img img { display: block; }
p.img-a { display: block; overflow: hidden; width: 104px; height: 269px; margin: 0 0 8px; padding: 3px 9px 10px 4px; background: url(../images/img-cont-v-a.png) 0 0 no-repeat; }

p.img-d { width: 207px; height: 130px; margin: 0; padding: 3px 6px 7px 3px; background: url(../images/img-cont-h-a.png) 0 0 no-repeat; }
p.img-e { width: 295px; height: 147px; margin: 0; padding: 2px 6px 6px 3px; background: url(../images/img-cont-h-b.png) 0 0 no-repeat; }

#side p.img-b { margin: 0 0 0 35px; }
#side p.img-r { margin: -7px 0 0 200px; }
#side p.img-c { margin: -6px 0 0 16px; }

/* links */
.link { clear: both; }

.link-a { text-align: center; }
 .link-a a { text-transform: capitalize; font-variant: small-caps; }

.link-b { text-align: center; font-size: 1.2em; }

.link-c { text-align: center; font-size: 1.6em; }

/* slideshow */
#slideshow { position:relative; height:347px; }
 #slideshow IMG { position:absolute; top:15px; left:0; z-index:8; opacity:0.0; }
 #slideshow IMG.active { z-index:10; opacity:1.0; }
 #slideshow IMG.last-active { z-index:9; }