/* RESET CSS */
body                                    {margin: 0;padding: 0;font-size:0.625em;text-align:left;}
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input,iframe            {margin: 0px;padding: 0px;}
ol, ul                                  {list-style: none;}
a,a:hover                               {text-decoration:none;cursor: pointer;}
table                                   {border-collapse: collapse;}
a img,iframe                            {border:0px;}
.wai                                    {width:0px !important;overflow:hidden;height:0px !important;text-indent:-5000px;margin:0px !important;padding:0px !important;}
.cb                                     {clear:both !important;}
.cl                                     {clear:left !important;}
h1                                      {color:#fff;font-size:270%;background:rgba(42,42,42,0.8);-pie-background:rgba(42,42,42,0.8);padding:0px 20px;clear:both;height:101px;position:absolute;z-index:99;top:509px;width:920px;behavior: url(css/PIE.htc);_background:#2a2a2a;_filter:alpha(opacity=80);_height:43px;line-height:101px;}
h1,h2,h3,h4,h5,h6                       {font-family: 'OFL Sorts Mill Goudy TT', arial, serif;text-transform:uppercase;font-weight:normal;letter-spacing:0.5px;}
.fl                                     {float:left;}
.fr                                     {float:right;}


/*  site's CSS */
body                                    {font-family:arial, trebuchet ms,sans-serif;background:#191a24;}
#page                                   {margin: 0 auto 0 auto;width:960px;overflow:hidden;}
#page-wrapper                           {margin: 0 auto 0 auto;min-width:960px;max-width:1600px;position:relative;}

/*  the header  */

#header                                 {height:100%;width:100%;overflow:hidden;text-transform:uppercase;margin:5px 0 10px 0;color:#fff;font-size:120%;height:35px;}
#weather                                {float:right;width:200px;font-family:calibri,arial;text-align:right;margin-top:7px;font-size:95%;}
#availability                           {float:left;margin-top:15px;font-family:'Crimson Text';font-size:110%;width:150px;}
#availability a                         {color:#d0a102;}


#logo                                   {width:276px;height:151px;background: url("../img/hillhouse-logo.png") no-repeat -1px top;left:24px;}
#logo a                                 {width:276px;height:151px;display:block;}
#tagline                                {width:276px;height:151px;background: url("../img/hillhouse-tagline.png") no-repeat 1px top;right:24px;}
#logo,#tagline                          {top:128px;text-indent:-5000px;overflow: hidden;position:absolute;z-index:999;}

/* main menu */
#topnav                                 {font-size:115%;float:left;margin:14px 0 0 195px;width:auto;display:inline;}
#topnav ul                              {font-family:'Crimson Text';}
#topnav ul li                           {float:left;margin:0 0 0px 10px;}
#topnav ul li a                         {color:#fff;padding:3px 5px;}
#topnav ul li a:hover,#topnav ul li a.clicked,#topnav ul li a:focus{color:#d0a102; }

/* stage */
#stage                                  {width:100%;height:560px;overflow:hidden;}
.index-stage                            {background: url("../assets/images/stage/index-stage.jpg") no-repeat top left;}
.inner-stage                            {background: url("../assets/images/stage/index-stage.jpg") no-repeat top left;}

.corporate-stage                        {background: url("../assets/images/stage/corporate-stage.jpg") no-repeat top left;}
.golf-stage                             {background: url("../assets/images/stage/golf-stage.jpg") no-repeat top left;}
.exclusive-stage                        {background: url("../assets/images/stage/exclusive-stage.jpg") no-repeat top left;}
.rooms-stage                            {background: url("../assets/images/stage/rooms-stage.jpg") no-repeat top left;}
.house-parties-stage                    {background: url("../assets/images/stage/house-parties-stage.jpg") no-repeat top left;}
.weddings-stage                         {background: url("../assets/images/stage/weddings-stage.jpg") no-repeat top left;}
.dining-stage                           {background: url("../assets/images/stage/dining-stage.jpg") no-repeat top left;}
.spa-stage                              {background: url("../assets/images/stage/spa-stage.jpg") no-repeat top left;}
.locale-stage                           {background: url("../assets/images/stage/locale-stage.jpg") no-repeat top left;}

/* main menu */
ul#mainnav                              {text-align:center;width:960px;top:475px;background:rgba(3,26,36,0.7);-pie-background:rgba(3,26,36,0.7);padding:10px 0;position:absolute;z-index:99;behavior: url(css/PIE.htc);height:14px;_background:#031a24;_filter:alpha(opacity=80);}
ul#mainnav li                           {display:inline;font-family:'Crimson Text';text-transform:uppercase;}
ul#mainnav li a                         {color:#fff;padding:10px 15px;font-size:120%;}
ul#mainnav li a:hover,ul#mainnav li a.clicked,ul#mainnav li a:focus{color:#d0a102;}

/* main content area  */

#wrapper                                {overflow:hidden;height:auto;padding:10px 0px 10px;}

#content                                {color:#fff;font-size:120%;line-height:140%;padding:20px 0;}

#content p                              {padding:10px 0;}
#content h2                             {font-size:130%;padding:15px 0 5px 0;letter-spacing:0.5px;}
#content h3                             {font-size:110%;padding:10px 0 5px 0;letter-spacing:0.5px;font-weight:bold;}

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

.gallery-list                           {float:left;display:inline;margin:10px 0 35px -23px;overflow:hidden;width:103%;text-transform:uppercase;font-family:'Crimson Text';}
.gallery-list li                        {float:left;display:inline;margin:0px 0 0px 24px;width:223px;height:164px;position:relative;}
#content .gallery-list li a             {text-decoration:none;display:block;position:relative;width:223px;height:164px;}
.gallery-list li a span                 {position:absolute;padding:5px;text-align:center;bottom:0px;left:0px;color:#fff;background:#2a2a2a;filter:alpha(opacity=80);width:213px;background:rgba(42,42,42,0.8);}
.gallery-list li a:hover span,.gallery-list li a:focus span{background:rgba(0,0,0,1);}
.gallery-list.single                    {float:right;width:223px;margin:10px 0 0px 30px;}
.gallery-list.single li                 {margin-left:0px;}

/* the highslide gallery*/
.highslide-thumbstrip-inner span        {display:none}

.showhide                               {overflow:hidden;height:25px;display:block;clear:both;}
.moreless                               {background: url("../img/link-bg-y.gif") no-repeat right 6px;padding:3px 10px 3px 0;font-family:'Crimson Text';line-height:14px;color:#D0A102 !important;text-transform:uppercase;}
.moreless strong                        {font-weight:normal;}

.special-link                           {font-family:'Crimson Text';line-height:14px;color:#D0A102 !important;text-transform:uppercase;}


/* listst */
.contentlist                            {margin:10px 20px 10px 40px;list-style-type:disc;}
#content li                             {padding:2px 0;}

#content ol                             {list-style-type:decimal;margin:10px 20px 10px 40px;}

dl                                      {padding-top:10px;}
dt                                      {font-weight:bold;float:left;width:130px;clear:left;}
dd                                      {float:left;width:400px;}


#map                                    {border:1px solid #999;width:400px;height:450px;float:right;margin:20px 0px 0 30px;color:#000;}

blockquote                              {font-style:italic;padding:10px 0;}
blockquote strong                       {display:block;padding:10px 0;}

.half-col                               {width:45%;padding-right:5%;float:left;}
.three-cols                             {width:31%;padding-left:3%;float:left;}
.three-cols.first,.four-cols.first      {padding-left:0px;}

.four-cols                              {width:223px;margin-left:22px;display:inline;float:left;}
.four-cols.first,.four-cols ul,.four-cols li{margin-left:0px;}

/* spa price list */
.price-list                             {padding:25px 0 10px 0;overflow:hidden;}
.price-list dt                          {width:18%;float:left;font-weight:bold;margin-bottom:30px;padding-right:2%;}
.price-list dd                          {float:left;width:80%;margin-bottom:20px;padding-bottom:10px;border-bottom:1px dotted #555;}
.price                                  {font-weight:bold;width:8%;float:left;}
.price-list dd p                        {padding:0px !important;}
.spa-info                               {width:92%;float:left;}

.price_table                            {margin:20px 0;width:80%;}
.price_table td                         {padding:10px 25px 10px 5px;}
.hilight                                {background:#333;border-top:1px solid #666;border-bottom:1px solid #666;}

hr                                      {border:0px;padding:0px;margin:0px;border-top:1px solid #eee;clear:both;}
.align-center                           {text-align:center;}
.align-center ol                        {list-style-type:none !important;}
.align-center li                        {padding:15px 0 !important;background: url("../img/sq.gif") no-repeat center bottom;}
.align-center li.last                   {background:none !important;}

#content ol.letter-list                 {list-style-type:lower-alpha;}

/* rates page */
.rates-table,.simple-table              {margin:10px 0 0 0;}
.rates-table thead                      {background:#434343;text-align:center;}
.rates-table th,.rates-table td         {border:1px solid #555;padding:5px 20px;font-weight:normal;}

.simple-table td,.simple-table th       {padding:3px 15px;}
.box                                    {float:right;padding:10px 30px;border:1px solid #555;width:260px;margin-left:40px;background:#333;}


/*footer style */
#footer-wrapper                         {width:100%;background:#1e1e24;}

#footer                                 {width:960px;margin:0px auto 0 auto;color:#fff;font-size:120%;padding:10px 0 40px 0;line-height:150%;overflow:hidden;}
#footer ul li                           {float:left;padding-left:20px;padding-right:5px;}


#footer ul.footer-sitemap               {width:390px;}
#footer ul.footer-sitemap li            {float:left;width:125px;padding:0px;}

#footer a                               {color:#fff;}
#footer ul li a.clicked,#footer a:hover,#footer a:focus{color:#fff;text-decoration:underline;}

#footer h3                              {font-size:120%;padding:10px 0;font-weight:bold;}
#footer p                               {padding:2px 25px 10px 0;}
#footer h3.invisible                    {color:#1e1e24;}

.utube                                  {background: url("../img/you-tube-icon.png") no-repeat top left;}
.twitter                                {background: url("../img/twitter-icon.gif") no-repeat top left;}
.facebook                               {background: url("../img/facebook-icon.gif") no-repeat top left;}
.facebook,.twitter,.utube               {text-indent:-5000px;overflow:hidden;width:27px;height:28px;display:block;}
#footer .social-media li                {padding:0px;margin:0 10px 0 0;}
#footer .social-media                   {margin-right:40px;}

/* CSS used for styling the CONTACT form */
form#contact 						    {float:left;width:400px;margin-right:50px;}

form#contact label 					    {display:block;float:left;clear:left;width:100px;}
form#contact input 					    {background:#fff;margin-bottom:11px;border:1px solid #d8d8d8;width:280px;float:left;padding:2px;}
form#contact textarea 				    {background:#fff;height:80px;border:1px solid #d8d8d8;width:280px;float:left;padding:2px;}
form#contact input#send				    {background:#32A7FF;float:left; border:0; margin-top:10px;cursor:pointer;width:80px;height:22px;color:#fff;margin-left:100px;display:inline;}
.faulty_field						    {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}
.red                                    {color:#ff0000 !important;font-weight:bold;}
form#contact input#send:hover,form#contact input#send:focus{background:#000;}
form#contact input:focus,form#contact textarea:focus              {background:#FFF6C9;}