/* RESET CSS */
body                        {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input       {margin: 0px;padding: 0px;}
ol, ul                      {list-style: none;}
a                           {text-decoration:underline;cursor: pointer;}
a:hover                     {text-decoration: none;}
a:focus                     {outline: 0;}
table                       {border-collapse: collapse;}
a img                       {border:0px;}
.wai                        {display:none !important;}
.cb                         {clear:both !important;}
.cl                         {clear:left !important;}

/*  site's CSS */
html                                    {background: url("../img/html-bg.jpg")  top left;}
body                                    {font-family:verdana,trebuchet ms, arial, sans-serif;font-size:0.625em;text-align:left;background: url("../img/body-bg.jpg") repeat-x top left;min-height:900px;}
#page                                   {margin: 0 auto 0 auto;width:980px;overflow:hidden;height:100%;}
/*  the header  */
#stage                                  {height:220px;width:100%;background: url("../img/stage-bg.jpg") no-repeat top left #15100a;clear:both;}
#header                                 {height:165px;width:100%;}

#logo                                   {margin:0px auto 0 auto;width:213px;height:134px;background: url("../img/hillhouse-logo.png") no-repeat top left;}
#logo h1 a                              {text-indent:-5000px;overflow: hidden;width:213px;height:134px;display:block;}

.slideshow                              {float:right;overflow:hidden;display:inline;}
.slideshow img                          {}

/* letter menu */
ul#wai_nav                              {width:100px;font-size:140%;float:left;}
ul#wai_nav li                           {display:inline;}
ul#wai_nav li a                         {color:#c9c9c9;padding:10px 5px;text-transform: lowercase;text-decoration: none !important;}
ul#wai_nav li a:hover                   {color:#fff;}


/* top right secondary menu */
ul#topnav                               {width:280px;float:right;margin-top:10px;}
ul#topnav li                            {float:left;display:inline;margin-left:35px;text-align:center;}
ul#topnav li a                          {color:#c9c9c9;text-decoration: none !important;}
ul#topnav li a:hover                    {color:#fff;}
ul#topnav li a.clicked                  {color:#fff !important;}

ul#topnav li a.homelink span            {background: url("../img/home-icon.gif") no-repeat bottom left;width:22px;height:18px;display:block;margin-bottom:10px;margin-left:3px;}
ul#topnav li a:hover.homelink span      {background: url("../img/home-icon.gif") no-repeat top left;}
ul#topnav li a.homelink.clicked span    {background: url("../img/home-icon.gif") no-repeat top left !important;}

ul#topnav li a.newslink span            {background: url("../img/news-icon.gif") no-repeat bottom left;width:18px;height:17px;display:block;margin-bottom:11px;margin-left:3px;}
ul#topnav li a:hover.newslink span      {background: url("../img/news-icon.gif") no-repeat top left;}
ul#topnav li a.newslink.clicked span    {background: url("../img/news-icon.gif") no-repeat top left !important;}

ul#topnav li a.contactlink span         {background: url("../img/contact-icon.gif") no-repeat bottom left;width:13px;height:20px;display:block;margin-bottom:8px;margin-left:10px;}
ul#topnav li a:hover.contactlink span   {background: url("../img/contact-icon.gif") no-repeat top left;}
ul#topnav li a.contactlink.clicked span {background: url("../img/contact-icon.gif") no-repeat top left !important;}

ul#topnav li a.loginlink span           {background: url("../img/login-icon.gif") no-repeat bottom left;width:32px;height:16px;display:block;margin-bottom:12px;}
ul#topnav li a:hover.loginlink span     {background: url("../img/login-icon.gif") no-repeat top left;}
ul#topnav li a.loginlink.clicked span   {background: url("../img/login-icon.gif") no-repeat top left !important;}

/* main menu */
ul#mainnav                              {width:100%;position:relative; font-size:125%;float:left;background: url("../img/menu-bg.jpg") repeat-x top left #000;font-family:arial;height:65px;font-weight:bold;}
ul#mainnav li                           {float:left;display:inline;text-align:center;}
ul#mainnav li a                         {color:#101012;text-decoration: none !important;padding:12px 0px 0px 0px;width:110px;height:23px;display:block;}
ul#mainnav li a:hover                   {color:#fff;background: url("../img/menu-bg-hover.gif") no-repeat left top #000;}
ul#mainnav li a.clicked                 {color:#fff;background: url("../img/menu-bg-hover.gif") no-repeat left top #000;width:110px;height:23px;}

ul#mainnav li.big                       {}
ul#mainnav li.big a                     {width:152px;}
ul#mainnav li.big a:hover               {background: url("../img/menu-bg-hover-big.gif") no-repeat left bottom #000;}
ul#mainnav li.big a.clicked             {background: url("../img/menu-bg-hover-big.gif") no-repeat left bottom #000;width:152px !important;}

/* the submenu  */
ul#mainnav li ul                        {}
ul#mainnav li ul li                     {}
ul#mainnav li ul li a                   {color:#fff;padding:6px 30px 0 30px;width:auto !important;float:left;}
ul#mainnav li ul li a.selected          {background:none !important;text-decoration:underline !important;width:auto !important;}
ul#mainnav li ul li a:hover             {background:none !important;text-decoration:underline !important;}

ul#mainnav li div                       {position: absolute;top:35px;left:0px;display: none; width:700px; height:25px;background:#000;}


/* fixing a naughty IE6 hover bug */
ul#mainnav  li div ul a:hover           {background:none!important;}
ul#mainnav  li:hover div                {display: block !important;}
ul#mainnav li a:hover div               {display: block !important;}
.visible                                {display: block !important;}

/* main content area  */

#content                                {float:left;padding:10px 20px;width:585px;color:#eaeaea;font-size:1.2em;background:#323531;border:1px solid #000; margin-top:5px;line-height:140%;}
#content.fullwidth                      {width:937px;}

#content p                              {padding:10px 0;}

.hr                                     {background: url("../img/hr-bg.jpg") no-repeat top left;width:462px;height:23px;margin:10px auto 0px auto;clear:both;}

#content h2                             {font-size:130%;font-family:georgia !important;text-transform: uppercase;padding:15px 0;line-height:130%;}
#content h2 span                        {color:#afafaf;font-size:90%;}
#content h3                             {font-size:110%;padding:5px 0;font-family:georgia !important;color:#fff;}
#content h4                             {font-size:100%;padding:5px 0;}

a                                       {color:#fff;}
a:hover                                 {color:#afafaf;}

ul.contentlist                          {margin:10px 10px 10px 20px;list-style-type:circle;}
ul.contentlist li                       {padding:5px 0;}

dl.descriptive-list                     {width:100%;clear:both;margin:10px 0;overflow:auto;}
dl.descriptive-list dt                  {float:left;display:block;width:30%;padding:3px 10px 3px 5px;margin-top:5px;font-weight:bold;background:#000;clear:left;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
dl.descriptive-list dd                  {float:left;display:block;width:65%;margin:5px 0;padding-left:10px;   }

#content ul#sitemap                     {list-style-type:none;line-height:180%;display:inline;float:left;width:80%;margin:5px 0 5px 30px;}
#content ul#sitemap li ul               {list-style-type:square;margin:5px 0 5px 50px;}


/* sidebar */
.sidebar                                {float:right;width:345px;margin-top:5px;line-height:160%;overflow:hidden;height:100%;}

/* contact block on index page */
.box                                    {background:#323531;border:1px solid #000;overflow:hidden;height:100%;margin-bottom:15px;color:#fff;font-size:120%;float:left;width:100%;}
.box h3                                 {background:#141414;text-transform: uppercase;font-size: 120%;padding:5px 10px;font-family:georgia !important;}
.box p                                  {padding:10px;}
address                                 {font-style: normal;padding:10px;}
.box #map                               {margin:10px;width:93%;}

/* profile tab area */
#tabbed_area                            {position:relative;width:100%;margin-top:10px;float:left;margin-bottom:15px;}

/* tabbed navigation */
ul#sidebar_nav                          {}
ul#sidebar_nav li                       {float:right;}
ul#sidebar_nav li a                     {background:url(../img/tab-bg.gif) no-repeat bottom left;color:#fff;display:block;width:112px;height:20px;padding-top:10px;text-align:center;text-decoration:none !important;}
ul#sidebar_nav  li a:hover              {font-weight:bold;font-size:105%;}
ul#sidebar_nav li a.selected            {background:url(../img/tab-bg-hover.gif) no-repeat bottom left !important;color:#000;font-weight:bold;font-size:110%;}

/* div containing all the content coming from the tabs */
#tabs_content                           {float:left;padding:10px;background:#323531;border:1px solid #000;width:323px;color:#fff;font-size:130%;}
#tabs_content h3                        {padding:5px 0 10px 0;font-family:georgia !important;text-transform: uppercase;color:#aaa;}
#tabs_content p                         {padding:10px 0;}

#map                                    {width:100%;height:400px;border:1px solid #fff;color:#000;}
#tabs_content #map                      {width1:300px;height:400px;}

/* highslide gallery */
ul.gallery-list                         {width:100%;overflow:hidden;}
ul.gallery-list li                      {float:left;margin:4px;display:inline;}
ul.gallery-list li img                  {width:150px;height:100px;display:block !important;float:left;}
ul.gallery-list li a                    {border:1px solid #000;display:block !important;float:left;}
ul.gallery-list li a:hover              {border:1px solid #aaa;}

/* the tables */
table.price_table                       {margin-top:10px;width:100%;clear:left;margin-bottom:20px;}
table.price_table caption               {font-weight:bold;text-align:left;font-family:georgia !important;margin-top:10px;background:#111;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:5px;}
table.price_table thead                 {border-top:1px solid #231f20;border-bottom:1px solid #231f20;}
table.price_table thead th              {padding:5px 10px 5px 10px;border-top:1px solid #231f20;border-bottom:1px solid #231f20;}
table.price_table td                    {border-bottom:1px dotted #76777a;padding:5px;}
table.price_table tr.hilight td         {background:#555}
table.price_table tr td span            {color:#ddd;font-size:80%;display:block;}

table.tariff-table thead                {background:#555;}
table.tariff-table caption              {text-align:center !important;-moz-border-radius: 0px;-webkit-border-radius: 0px;}

em.smaller                              {font-size:85%;}

/* Golf Course description table */
table.courseDescription                 {width: 50%;margin:15px 0 15px 10px;float:right;}
table.courseDescription td              {}
table.courseDescription td.parcelName   {background-color:#111; width: 130px; font-weight:bold;border:1px dotted #111; }
.yards,.parcelNo                        {border:1px dotted #aaa; }

table.courseDescription td.jumper       {}
table.courseDescription caption         {text-align:left; font-style:italic; background-color:#AEC4E8; }
div#content a.external                  {background: url("../img/external.gif") no-repeat left 3px;padding-left: 17px; color: #fff; text-decoration:none; font-style:italic; }
div#content a.external:hover            {background: url("../img/external-hv.gif") no-repeat left 3px; color: #285070; text-decoration:none; }
div#content a.iconnedLink               {background: url("../img/icon_gray_external_link.gif") no-repeat left center; padding-left: 18px; color: #fff; text-decoration:none;}

ul.golflist                             {width:45%;float:left;margin:10px 10px 30px 10px;}

/*footer style */

#footer                                 {padding:10px 0px;width:100%;clear:both;margin-top:5px;float:left;color:#dfdfdf;background:#000;font-size:110%;}
#footer address                         {padding:0 5px;font-style: normal;}
#footer a                               {color:#dfdfdf;}
#footer a:hover                         {color:#fff;text-decoration:underline;}

#subfooter                              {padding:5px 0px;width:100%;clear:both;float:left;color:#dfdfdf;background:#212121;font-size:110%;margin-bottom:15px;}
#subfooter ul                           {}
#subfooter ul li                        {padding: 0 15px 0 15px; display:inline;}
#subfooter ul li.last                   {float:right;text-align:right;}
#subfooter a                            {color:#afafaf;text-decoration:none !important;}
#subfooter a:hover                      {color:#fff;text-decoration:underline;}
#subfooter a.clicked                    {color:#fff;text-decoration:underline;}
/* CSS used for styling the contact form and the login form*/

form#contact 						    {float:left; display:block;width:470px;margin:30px;padding:20px;border:1px dashed #555;display:inline;}
form#contact  i						    {font-size:90%;clear:both;display:block;width:100%;}
form#contact label 					    {display:block;	width:140px; float:left;height:22px;margin-bottom:5px;clear:left;}
form#contact input 					    {background:#fafafa;margin-bottom:5px;height:18px;border:1px solid #666;width:250px;float:left;}
form#contact textarea 				    {background:#fafafa;height:80px;border:1px solid #666;width:300px;float:left;}
form#contact input#send				    {background:#b50000;display:inline;cursor:pointer;width:90px;height:26px;color:#fff;font-weight:bold;margin:10px 0 20px 140px;}
.faulty_field						    {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}

form#login   						    {float:left; display:block;width:350px;margin-left:40px;padding:20px;border:1px dashed #555;}
form#login i						    {font-size:90%;clear:both;display:block;width:100%;}
form#login label 					    {display:block;	width:100px; float:left;height:22px;margin-bottom:5px;clear:left;}
form#login input 					    {background:#fafafa;margin-bottom:5px;height:18px;border:1px solid #666;width:200px;float:left;}
form#login #send    				    {background:#b50000;display:inline;cursor:pointer;width:90px;height:26px;color:#fff;font-weight:bold;margin-top:10px;}