/*-- ROOT ELEMENTS --*/ body { background: #000 url('../images/background.jpg') center -55px no-repeat; font-family: Verdana;} a, a:link { color: #7d7d7d; text-decoration: underline; } a:hover { color: #fff; text-decoration: none; } p { color: #fff; font-size: 11px; line-height: 18px; } h1 { color: #fff; font-size: 11px; } h2 { color: #fff; width: 100%; font-size: 16px; padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px solid #7D7D7D; } h3 { color: #fff; width: 100%; font-size: 16px; padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px solid #7D7D7D; } h4 { float: left; width: 50px; color: #fff; font-size: 11px; margin: 7px 0 0 0; } h5{ float: left; width: 40px; color: #fff; font-size: 11px; margin: 7px 0 0 0; } /*-- ROOT ELEMENTS --*/ /*-- MASTER POSITIONAL --*/ #body-wrap { position: relative; width: 100%; height: auto; z-index: 1;} #body-inner { width: 900px; height: auto; margin: 50px auto 0 auto; } #header { float: left; width: 100%; border-bottom: 1px solid #7D7D7D; margin: 0 0 15px 0; } #logo { float: left; width: 300px; height: 65px; } #navigation { float: right; width: 600px; text-align: right; margin: 20px 0 0 0; } #navigation a { color: #fff; text-decoration: none; padding: 0 0 0 10px; } #navigation a:hover { color: #fff; text-decoration: underline; } #navigation a.current, #navigation a.section { color: #7D7D7D; text-decoration: none; } #heroes { float: left; width: 100%; height: 350px; margin: 0 0 15px 0; overflow: hidden; } /*-- MASTER POSITIONAL --*/ #lvl1-col-alpha { position: absolute; width: 150px; height: 350px; background: url(../images/col_alpha_background.gif); } #lvl1-col-alpha h1 { position: absolute; bottom: 10px; left: 10px; } #lvl1-col-beta { position: absolute; left: 150px; width: 150px; height: 350px; background: url(../images/col_beta_background.gif); } #lvl1-col-beta ul { position: absolute; bottom: 12px; font-size: 12px; } #lvl1-col-beta li { float: left; width: 140px; text-align: right; color: #f76d1b; margin: 0 0 3px 0;} #lvl1-col-beta li a { color: #f76d1b; text-decoration: none; } #lvl1-col-beta li a.current { color: #fff; text-decoration: none; } #lvl1-col-beta li a:link { color: #fff; text-decoration: none; } #lvl1-col-beta li a:hover { color: #fff; text-decoration: none;} #lvl1-col-delta { position: absolute; left: 300px; width: 600px; height: 350px; overflow: hidden;} /*-- CONTENT --*/ #lvl2-col-alpha a, #lvl2-col-alpha a:link { color: #7d7d7d; text-decoration: none; } #lvl2-col-alpha a:hover { color: #7d7d7d; text-decoration: none;} #content-wide { float: left; width: 100%; height: auto; margin: 10px 0 0 0;} #content-tw-alpha { float: left; width: 270px; height: auto; margin: 10px 0 0 0;} #content-tw-beta { float: right; width: 600px; height: auto; margin: 10px 0 0 0;} #map { width: 600px; height: 350px; } #content-gallery { float: left; width: 100%; overflow: hidden; } #content-gallery-inner { float: left; width: 105%; overflow: hidden; } #content-gallery-inner img { border: 1px solid #7d7d7d; margin: 0 9px 9px 0; } #content-gallery input { color: #fff; } #content-tw-alpha ul { width: 100%; } #content-tw-alpha li { float: left; width: 140px; text-align: left; color: #f76d1b; margin: 0 0 3px 0;} #content-tw-alpha li a, #content-tw-alpha li a:link { color: #7d7d7d; text-decoration: none; } #content-tw-alpha li a.active { color: #fff; text-decoration: none; } #content-tw-alpha li a:hover { color: #fff; text-decoration: none;} #content-tw-alpha ul.subnav { display: none; width: 100%; margin: 5px 0 0 0; } #content-tw-alpha ul.subnav li { float: left; width: 140px; text-align: left; color: #b98e7a; margin: 0 0 3px 0;} #content-tw-alpha ul.subnav li a, #content-tw-alpha ul.subnav li a:link { color: #fff; text-decoration: none; } #content-tw-alpha ul.subnav li a.active { color: #7d7d7d; text-decoration: none; } #content-tw-alpha ul.subnav li a:hover { color: #7d7d7d; text-decoration: none;} ul.wine-list { float: left; width: 100%; height: auto; margin: 0 0 20px 0; color: #fff; } li.wine-desc { float: left; width: 500px; height: auto; } li.wine-glass { float: left; width: 50px; height: auto; } li.wine-bottle { float: left; width: 40px; height: auto; } ul.menu-list { float: left; width: 100%; height: auto; margin: 0 0 20px 0; color: #fff; } li.menu-desc { float: left; width: 500px; height: auto; margin: 0 10px 0 0; } li.menu-price { float: right; width: 40px; height: auto; text-align: right; } .credit { position: absolute; bottom: 0; left: 0; color: #7d7d7d; font-size: 10px; } .credit a { color: #7d7d7d; text-decoration: none; } .credit a:hover { color: #bd5232; text-decoration: none; } #Email label { float: left; width: 90px; } #Email input { width: 118px; height: 16px; padding: 2px; border: 1px solid #7d7d7d; background: none; margin: 8px 0 0 0; } div#Email { margin: 0 0 10px 0; } #Password label { float: left; width: 90px; } #Password input { width: 118px; height: 16px; padding: 2px; border: 1px solid #7d7d7d; background: none; margin: 8px 0 0 0; } /*-- CONTENT --*/ /*-- FORM --*/ input.txtinput { width: 283px; color: #fff; height: 20px; padding: 2px; border: 1px solid #7d7d7d; background: none; margin: 8px 0 0 0; } label { width: 124px; color: #fff; font-weight: bold; } fieldset.input-field-left { float: left; width: 285px; margin: 0 0 15px 0;} fieldset.input-field-right { float: right; width: 285px; margin: 0 0 15px 0;} fieldset.input-field-submit { float: left; width: 100%; margin: 15px 0 0 0;} fieldset.input-field-submit input { background-color: #7D7D7D; color: #fff; border: none; padding: 5px; } fieldset.input-field-middle label { *margin: 0 0 0 12px; } /*-- FORM --*/ /*-- FILL --*/ #fill-left { position: absolute; top: 50px; left: 10px; width: 50%; height: 350px; background-color: #e25322; z-index: 0; } #fill-right { position: absolute; top: 50px; right: 10px; width: 50%; height: 350px; background-color: #ca3620; z-index: 0; } /*-- FILL --*/ /*-- FOOTER --*/ #footer { float: left; width: 100%; border-top: 1px solid #7D7D7D; margin: 20px 0 0 0; padding: 15px 0 0 0; } #footer p { color: #444444; } #footer p a { color: #444444; text-decoration: none; } #footer p a:hover { color: #7D7D7D; } #footer-alpha { float: left; width: 400px; } #footer-beta { float: right; width: 400px; text-align: right; } /*-- FOOTER --*/