* { padding: 0; margin: 0; } .separator{ clear: both; } span.bold{ font-weight: bold; } span.none{ display: none; } strong{ font-weight: normal; } a img { border: 0; } a{color: #6B6B6B; text-decoration: underline;} a:hover{color: #000; text-decoration: none;} p {line-height: 1.5em;} fieldset{ border: 0; } .floatLeft {float: left; margin-right: 10px; } html{ overflow: scroll; } body{ border: 0; color: #64641E; font-size: 11px; font-family: "Verdana", "Arial",sans-serif; text-align: center; background: #D6D2AB url(../img/bg-body.jpg) top left repeat-x; font-weight: normal; } h1, h2, h3, h4, h5 {font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;} h1 { font-size: 145%; } h2 { font-size: 125%; } h3 { font-size: 115%; } h4 { font-size: 100%; } h2{ font-size: 14px; } /* WRAPPER */ div#wrapper{ width: 968px; margin: auto; text-align: left; background-color: #EAEAB0; } /* HEADER */ div#header{ width: 968px; height: 130px; background: transparent url("../img/bg-header.jpg") top left no-repeat; position: relative; } div#header h1{ width: 414px; height: 78px; position: absolute; top: 11px; left: 33px; } div#header h1 a{ display: block; width: 414px; height: 78px; text-decoration: none; } /* LANG LINKS */ #lang_links{ position: absolute; right: 18px; bottom: 12px; } #lang_links ul{ display: block; list-style: none; } #lang_links ul li{ display: block; float: left; margin-left: 3px; margin-right: 3px; font-family: "Tahoma", "Verdana", "Arial", sans-serif; font-size: 11px; } #lang_links ul li.link_sep{ color: #888; } #lang_links ul li a{ display: block; float: left; vertical-align: middle; text-decoration: none; } #lang_links ul li a img{ margin-top: 1px; height: 11px; display: block; } /* TOP NAVIGATION */ div#top_nav{ width: 968px; height: 31px; overflow: hidden; background: transparent url("../img/bg-tab.jpg") top left repeat-x; } div#top_nav ul{ display: block; width: 968px; height: 31px; list-style: none; padding-left: 12px; } div#top_nav li{ display: block; float: left; } div#top_nav ul li a{ display: block; float: left; text-decoration: none; font-family: "Georgia", "Times New Roman", serif; font-size: 15px; padding-left: 15px; padding-right: 15px; height: 31px; line-height: 31px; vertical-align: middle; color: #64641E; font-weight: bold; background: transparent url("../img/tab-line.jpg") center right no-repeat; } div#top_nav ul li a:hover, div#top_nav ul li.highlight a{ background: transparent url("../img/bg-tab2.jpg") top left repeat-x; color: #CA0000; } /* MAIN */ #main{ padding-bottom: 8px; padding-top: 7px; } /* HOMEPAGE COLUMN 1 */ #homepage_column1{ width: 605px; float: left; padding-left: 6px; } #homepage_column1 #flash{ float: left; margin-bottom: 3px; } #homepage_column1 #promotion{ float: left; margin-bottom: 4px; } #homepage_column1 #promotion .buttons{ float: left; margin-right: 4px; } #homepage_column1 #promotion #prelast{ margin-right: 5px; } #homepage_column1 #promotion .buttons img, #homepage_column1 #promotion .buttons a{ display: block; } /*#homepage_column1 #promotion .buttons a{ position: absolute; display: block; width: 140px; height: 35px; bottom: 18px; left: 2px; }*/ #homepage_column1 #featured{ padding: 5px 11px 15px 4px; float: left; background-color: #FFF; width: 587px; background: #FFF url("../img/shadow-right.jpg") top right repeat-y; position: relative; } #homepage_column1 #featured #shadow{ position: absolute; bottom: 0; left: 0; background: transparent url("../img/shadow-bottom.jpg") top right no-repeat; width: 602px; height: 9px; display: none; } #homepage_column1 #featured h2{ height: 30px; background: transparent url("../img/bg-title.jpg") top left repeat-x; overflow: hidden; line-height: 32px; vertical-align: middle; color: #FFFFFF; font-family: "Georgia", "Times New Roman", serif; font-size: 17px; padding-left: 8px; margin-bottom: 3px; } #homepage_column1 #featured img{ margin-right: 5px; } /* HOMEPAGE COLUMN 2 */ #homepage_column2{ width: 355px; float: right; } #homepage_column2 #welcome{ padding: 5px 11px 15px 4px; float: left; background-color: #FFF; width: 340px; background: #FFF url("../img/shadow-right.jpg") top right repeat-y; position: relative; } #homepage_column2 #welcome #shadow{ position: absolute; bottom: 0; left: 0; background: transparent url("../img/shadow-bottom.jpg") top right no-repeat; width: 355px; height: 9px; display: none; } #homepage_column2 #welcome h2{ height: 30px; background: transparent url("../img/bg-title.jpg") top left repeat-x; overflow: hidden; line-height: 32px; vertical-align: middle; color: #FFFFFF; font-family: "Georgia", "Times New Roman", serif; font-size: 17px; padding-left: 8px; margin-bottom: 5px; } #homepage_column2 #welcome #image{ float: right; width: 162px; } #homepage_column2 #welcome #image img{ margin-bottom: 12px; border: 1px solid #B6AE69; } #homepage_column2 #welcome #text{ float: left; width: 175px; } #homepage_column2 #welcome #text p{ margin-bottom: 10px; line-height: 1.4em; } /* TEXT BOX */ #textbox{ float: left; padding-left: 6px; width: 745px; } #textbox .shadow_box{ padding: 5px 11px 15px 4px; float: left; background-color: #FFF; width: 745px; background: #FFF url("../img/shadow-right.jpg") top right repeat-y; position: relative; } #textbox .shadow_box #shadow{ position: absolute; bottom: 0; left: 0; background: transparent url("../img/shadow-bottom.jpg") top right no-repeat; width: 970px; height: 9px; display: none; } #textbox .shadow_box #boxbg, #textbox .shadow_box #boxbg2{ position: absolute; bottom: 0; right: 7px; background: transparent url("../img/bg-about.jpg") top right no-repeat; width: 325px; height: 244px; z-index: 1; } #textbox .shadow_box #boxbg2{ background: transparent url("../img/bg-history.jpg") top right no-repeat; width: 350px; height: 260px; } #textbox .shadow_box h2{ height: 30px; background: transparent url("../img/bg-title.jpg") top left repeat-x; overflow: hidden; line-height: 32px; vertical-align: middle; color: #FFFFFF; font-family: "Georgia", "Times New Roman", serif; font-size: 17px; padding-left: 8px; margin-bottom: 5px; } #textbox .shadow_box p{ margin-bottom: 10px; line-height: 1.5em; padding-left: 5px; position: relative; z-index: 9; } #textbox .shadow_box p.director{ color: #64641E; font-weight: bold; margin-bottom: 0; } #textbox .shadow_box p img{ border: 1px solid #B6AE69; } /* SIDEBOX */ #sidebox{ float: right; width: 200px; } #sidebox #promotion{ float: left; margin-bottom: 4px; } #sidebox #promotion .buttons{ float: left; position: relative; } #sidebox #promotion #prelast{ margin-right: 5px; } #sidebox #promotion .buttons a{ position: absolute; display: block; width: 140px; height: 35px; bottom: 18px; left: 2px; } /* CATEGORY */ #category{ padding-left: 8px; } #category a{ margin-right: 3px; display: block; float: left; margin-bottom: 3px;} /* CONTACT US */ #contact_column1{ float: left; width: 300px; padding-left: 6px; } #contact_column1 .shadow_box{ padding: 5px 11px 15px 4px; float: left; background-color: #FFF; width: 285px; background: #FFF url("../img/shadow-right.jpg") top right repeat-y; position: relative; } #contact_column1 .shadow_box #shadow{ position: absolute; bottom: 0; left: 0; background: transparent url("../img/shadow-bottom.jpg") top right no-repeat; width: 300px; height: 9px; display: none; } #contact_column1 .shadow_box h2{ height: 30px; background: transparent url("../img/bg-title.jpg") top left repeat-x; overflow: hidden; line-height: 32px; vertical-align: middle; color: #FFFFFF; font-family: "Georgia", "Times New Roman", serif; font-size: 17px; padding-left: 8px; margin-bottom: 5px; } #contact_column1 .shadow_box p{ margin-bottom: 10px; line-height: 1.5em; padding-left: 5px; position: relative; z-index: 9; } #contact_column1 .shadow_box p.contact_details{ color: #64641E; margin-bottom: 0; } #contact_column1 .shadow_box p img{ border: 1px solid #B6AE69; } /* COLUMN 2 */ #contact_column2{ float: left; width: 460px; } #contact_column2 .shadow_box{ padding: 5px 11px 15px 4px; float: left; background-color: #FFF; width: 445px; background: #FFF url("../img/shadow-right.jpg") top right repeat-y; position: relative; } #contact_column2 .shadow_box #shadow{ position: absolute; bottom: 0; left: 0; background: transparent url("../img/shadow-bottom.jpg") top right no-repeat; width: 460px; height: 9px; display: none; } #contact_column2 .shadow_box #bgbox{ position: absolute; bottom: 8px; right: 8px; background: transparent url("../img/bg-contact.jpg") top right no-repeat; width: 195px; height: 233px; z-index: 1; } #contact_column2 .shadow_box h2{ height: 30px; background: transparent url("../img/bg-title.jpg") top left repeat-x; overflow: hidden; line-height: 32px; vertical-align: middle; color: #FFFFFF; font-family: "Georgia", "Times New Roman", serif; font-size: 17px; padding-left: 8px; margin-bottom: 5px; } #contact_column2 .shadow_box p{ margin-bottom: 10px; line-height: 1.5em; padding-left: 5px; position: relative; z-index: 9; } form#data_input{ position: relative; z-index: 9; } form#data_input label{ width: 150px; float: left; } div#error_display{ background-color: #F7E0DD; border: 1px solid #B84747; margin: 0; margin-bottom: 10px; margin-right: 10px; padding: 5px; color: #555; } #contact_column2 .shadow_box div#error_display p{ margin-bottom: 5px; } div#error_display p.alert{ padding-left: 25px; background: url('../img/alert.gif') top left no-repeat; } div#msg{ border: 1px solid #E4DC30; background-color: #FFFFE6; padding: 10px 5px 0 5px; } div#msg p.success{ padding-left: 20px; background: #FFFFE6 url('../img/file_up_to_date.gif') center left no-repeat; } /* SEACREST */ #textbox .shadow_box h3{ padding-left: 6px; margin-bottom: 5px; } #textbox .shadow_box ul{ margin-left: 8px; margin-bottom: 12px; list-style: none; } #textbox .shadow_box ul li{ margin-bottom: 5px; padding-left: 13px; background: transparent url('../img/bullet.jpg') center left no-repeat; } #textbox .shadow_box div.gallery{} #textbox .shadow_box div.gallery img{ float: left; margin-right: 5px; margin-left: 5px; margin-bottom: 5px; border: 1px solid #B6AE69; } /* SAKE */ #textbox .shadow_box .sake, #textbox .shadow_box .beers{ width: 150px; float: left; margin-right: 10px; text-align: center; margin-bottom: 10px; } #textbox .shadow_box .beers{ width: 250px; text-align: left; margin-right: 20px; } #textbox .shadow_box .beers img{ float: left; margin-right: 5px; } #textbox .shadow_box .sake p, #textbox .shadow_box .beers p{ margin-bottom: 0; } /* FOOTER */ div#footer{ width: 968px; position: relative; overflow: hidden; padding: 8px 0 8px 0; color: #FFFFFF; font-size: 10px; font-family: "Verdana", "Arial", sans-serif; background-color: #C4AE57; text-align: center; margin-bottom: 5px; } div#footer #tagnum{ position: absolute; right: 5px; } div#footer #tagnum a{ color: #FFF; text-decoration: none; }