/*=======================================================
 CSS Document for Walters River Cafe
=======================================================*/

@import url("global.css");
@import url("thickbox.css");

.hidden { display: none; }
.show { display: inline-block; visibility: visible; }


/*=============================================================
	Main layout
=============================================================*/

#container {  width: 910px; height: 100%; padding: 0; display: block; margin: 0 auto; background: url('../images/bg-body.gif') repeat-y 0 0; clear: both; }
#container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/*=============================================================
	Header - flash + ctas
=============================================================*/

#header { width: 850px; height: 340px; float: left; padding: 20px 30px 0 30px; display: inline-block; clear: both; position: relative; z-index: 10; background: url('../images/bg-header.jpg') no-repeat 0 0;  }
#flash, object#flash { width: 850px; height: 340px; display: block; position: relative; z-index: 10; background: url('../images/bg-flash.jpg') no-repeat 0 0; clear: both; }
#flash h2, object#flash h2 { margin-bottom: 0; text-align: center; text-indent: -999em; }
#flash #logo, object#flash #logo { width: 160px; height: 210px; position: absolute; z-index: 20; top: 0; left: auto; margin-left: 345px; }
#flash .cta, object#flash .cta { position: absolute; z-index: 20; left: auto;}
#flash #cta-wine, object#flash #cta-wine { width: 140px; height: 160px; top: 180px; margin-left: 20px; }
#flash #cta-menu, object#flash #cta-menu { width: 130px; height: 100px; top: 203px; margin-left: 681px; }
#scroll-flash, object#scroll-flash { width: 836px; height: 110px; display: block; clear: both; }

/*=============================================================
	Main body - nav + contents + contact details
=============================================================*/

#mainpage { width: 836px; height: auto; float: left; padding: 0 37px; margin: 0; display: block; position: relative; z-index: 50; background: url('../images/bg-mainpage.jpg') no-repeat 0 0; clear: both; }

/*contents*/
#contents { display: inline-block; width: 440px; height: auto; position: relative; z-index: 100; margin: -90px 0 0 0; float: left; }
.flexcroll {width: 420px; height: 280px; padding-right: 15px; position: relative; overflow: auto; }
.extended { width: 800px; padding: 0 25px; margin: 0; clear: both;}
#contents h1 { width: 450px; height: 44px; display: block; margin: 0 0 0 -10px; text-align: center; }

/*contact details*/
#contact-details { width: 160px; height: auto; position: relative; z-index: 100; margin: -25px 0 20px 38px; float: left; padding: 0; }

/*navigation*/
ul#nav { list-style: none; width: 140px; height: auto; float: left; display: inline; padding: 0; margin: 10px 40px 20px 18px;  clear: both; }
ul#nav li { display: block; float: left; }
ul#nav a { width: 140px; height: 38px; overflow: hidden; text-indent: -999em; display: block; float: left; }
a#navhome { background: url('../images/nav-home.gif') no-repeat 0 0; }
a#navprofile { background: url('../images/nav-profile.gif') no-repeat 0 0; }
a#navmenu { background: url('../images/nav-menu.gif') no-repeat 0 0; }
a#navfunctions { background: url('../images/nav-functions.gif') no-repeat 0 0; }
a#navnewsletter { background: url('../images/nav-newsletter.gif') no-repeat 0 0; }
a#navemployment { background: url('../images/nav-employment.gif') no-repeat 0 0; }
a#navcontact { background: url('../images/nav-contact.gif') no-repeat 0 0; }
ul#nav a:hover, #homepage a#navhome, #profile a#navprofile, #menu a#navmenu, #functions a#navfunctions, #employment a#navemployment, #contact a#navcontact { background-position: -140px 0!important; }

/*sub menu*/
ul#nav ul { list-style: none; display: inline; float: left; margin: 5px 10px; width: 120px; }
ul#nav ul li { width: 120px; display: block; float: left; border-bottom: 1px dotted #eccc7d; }
ul#nav ul li a { width: 100px; text-align: center; color: #291b0b; text-indent: 0; height: 15px!important; font-size: 1.1em; font-weight: bold; padding: 3px 10px; text-decoration: none; }
ul#nav ul li a:hover { color: #2d806b; text-decoration: none; }

/*gallery*/
#gallery { width: 800px; height: auto; display: inline; float: left; clear: both; margin: 0 0 20px 25px; }
#gallery ul { list-style: none; display: inline-block; }
#gallery ul li { display: block; float: left; margin: 0 5px 5px 0; width: 128px; height: 108px; }
#gallery ul li a { display: block; border: 4px solid #fff; }
#gallery ul li a:hover { border-color: #338e65; }


/*=============================================================
	Footer
=============================================================*/
#dynamic-container{width: 836px; overflow:hidden;}
#dynamic-images{width:1100px; height:100px; overflow:hidden;}
#dynamic-images img{float:left; margin:0 1px 0 0;}

#footer { width: 780px; height: 60px; padding: 20px 55px 0 190px; margin: 0 auto; clear: both; display: block; background: url('../images/bg-footer.gif') no-repeat 50% 0; }
#footer h3 { display: inline-block; color: #413e38; }
#footer h3 img { vertical-align: middle; margin: -8px 0 0 90px; }
#footer a { font-weight: bold; color: #413e38; text-decoration: none;}
#footer a:hover { font-weight: bold; color: #6F625A; text-decoration: underline;}

/*=======================================================
 End of CSS Document for Walters River Cafe
=======================================================*/