/*
Client: Zest Bars
Created: Feb 1, 2008
Last Modified: April 1, 2009
Author: Ben Kendall
*/
/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */
body {
margin: 0px;
padding: 0px;
background: #e8fda3 url('../img/body-bg.jpg') repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #555555;
}
#wrapper {
width: 750px;
margin: 0px auto;
background:#FFFFFF;
padding: 10px;
}
img {
padding:0; margin:0; line-height: 0;
}
.clear {
clear:both;
position:relative;
font-size:0px;
height:0;
line-height:0;
}
h1, h2, h3, h4, h5, h6 {
padding:0;
margin: 0;
}
h2#weddings { background:url('../img/index-h2-weddings.gif') no-repeat 0 0; width: 117px; height: 35px; text-indent: -1000em; padding:0; margin:0; }
h2#events { background:url('../img/index-h2-events.gif') no-repeat 0 0; width: 74px; height: 35px; text-indent: -1000em; padding:0; margin:0; }
h2#corporate { background:url('../img/index-h2-corporate.gif') no-repeat 0 0; width: 100px; height: 35px; text-indent: -1000em; padding:0; margin:0; }
h2#cocktail { background:url('../img/index-h2-cocktail.gif') no-repeat 0 0; width: 145px; height: 35px; text-indent: -1000em; padding:0; margin:0; }
a img {
border:none;
}
a {
color: #cb3265;
font-weight:700;
}
a:hover { color:#000000; }
p {
margin: 0 0 1.2em;
line-height: 1.4em;
padding: 0;
}
li {
margin-bottom: 5px;
}
.bodyImage {
float: right;
padding: 20px 0 20px 20px;
}
/* ---- HEADER ------
-------------------------------------------------------------------- */
#header {
background:url('../img/phone.gif') right 20px no-repeat;
height: 120px;
}
.logoMain {
background: url('../img/logo-main.gif') no-repeat 0 0px;
width: 180px;
height: 85px;
text-indent: -1000em;
float: left;
margin-top: 20px;
}
/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */
#columnContainer {
float: left;
width: 480px;
padding: 0 10px 0 10px;
}
#sideColumnIndex {
float: left;
width: 230px;
padding: 0 10px 0 10px;
}
.oneColumn {
width: 230px;
padding: 0 10px 0 0;
float:left;
}
#columnContainerOther {
float: left;
width: 528px;
padding: 20px 10px 0 10px;
}
.sideColumnOther {
float: left;
background: url('../img/side-column-bg.jpg') no-repeat;
width: 192px;
margin: 0 10px 0 0;
}
#hotCocktail {
background: url('../img/side-hot-cocktail.jpg') 0 40px no-repeat;
height: 580px;
padding: 20px 0 0 20px;
width: 172px;
}
#weddings {
background: url('../img/side-weddings.jpg') 0 40px no-repeat;
height: 580px;
padding: 20px 0 0 20px;
width: 172px;
}
#corporate {
background: url('../img/side-corporate.jpg') 0 40px no-repeat;
height: 580px;
padding: 20px 0 0 20px;
width: 172px;
}
#events {
background: url('../img/side-events.jpg') 0 40px no-repeat;
height: 580px;
padding: 20px 0 0 20px;
width: 172px;
}
#cocktail {
background: url('../img/side-cocktail.jpg') 0 40px no-repeat;
height: 580px;
padding: 20px 0 0 20px;
width: 172px;
}
#faq {
height: 580px;
padding: 20px 0 0 20px;
width: 172px;
}
#contact {
height: 580px;
padding: 20px 0 0 20px;
width: 172px;
}
/* ---- NAV 1 ------
-------------------------------------------------------------------- */
#nav1Container {
height: 43px;
padding:0;
position:relative;
top: 67px;
float: right;
}
#nav1ContainerMiddle {
background:url(../img/nav1-container-bg.gif) repeat-x;
width: 535px;
}
#nav1ContainerLeft {
background:url('../img/nav1-container-left.gif') no-repeat;
width: 10px;
}
#nav1ContainerRight {
background:url('../img/nav1-container-right.gif') no-repeat;
width: 10px;
}
ul#nav1 {
padding:0;
margin:0 0 0 10px;
}
#nav1 li {
position:relative;
float:left;
margin:0 3px 0 3px;
padding:0;
list-style:none;
}
#nav1 li a {
display:block;
height:43px;
text-indent:-999px;
overflow:hidden;
}
#nav1 li:hover ul, #nav1 li.hover ul {
display:block
}
#nav1 li a:hover {
background-position:0 -43px !important
}
#nav1 li a.nav1Home {
background:url('../img/nav1-home.gif') no-repeat left top;
width:51px
}
#nav1 li a.nav1Weddings {
background:url('../img/nav1-weddings.gif') no-repeat left top;
width:74px
}
#nav1 li a.nav1Corporate {
background:url('../img/nav1-corporate.gif') no-repeat left top;
width:74px
}
#nav1 li a.nav1Events {
background:url('../img/nav1-events.gif') no-repeat left top;
width:55px
}
#nav1 li a.nav1Cocktail {
background:url('../img/nav1-cocktail.gif') no-repeat left top;
width:109px
}
#nav1 li a.nav1Gallery {
background:url('../img/nav1-gallery.gif') no-repeat left top;
width:55px
}
#nav1 li a.nav1Contact {
background:url('../img/nav1-contact.gif') no-repeat left top;
width:62px
}
/* selected nav */
#nav1 li a#active { background-position:0 -86px !important }
/* ---- HOME PAGE SPECIFIC ------
-------------------------------------------------------------------- */
#flashBanner {
margin: 0 0 20px 0;
}
/* ---- GALLERY SPECIFIC ------
-------------------------------------------------------------------- */
.gallery {
margin: 0;
padding: 0;
}
.gallery li img {
padding: 4px;
border: 1px solid #666666;
}
.gallery li {
float: left;
margin: 6px;
padding: 0;
list-style-type: none;
width: 110px;
height: 85px;
overflow: hidden;
}
/* ---- FORM STYLE ------
-------------------------------------------------------------------- */
.form {
margin: 0 0 20px;
border: 0;
}
.form legend {
font-size: 1.4em;
font-weight: bold;
padding: 0;
margin: 0 0 15px;
}
.form fieldset {
border: 1px solid #333333;
margin-bottom: 2em;
padding: 0 10px;
}
.form fieldset legend {
font-size: 1.1em;
margin: 0 0 15px;
color: #666;
}
.form .label {
width: 170px;
font-size: 1.1em;
color:#442551;
padding: 6px 0;
}
.form .RadioList label, .form .CheckList label {
float: none;
display: block;
margin: 0;
}
.form .RadioList input, .form .CheckList input {
border: 0;
}
.form label.required {
background: url(../images/elements/contact_required.gif) 95% 5px no-repeat;
}
.form .requiredMsg {
margin-left: 5px;
}
.form input, .form textarea, .form.input.fileUpload {
border: 1px solid #cccccc;
width: 220px;
color: #333;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
margin-bottom: 5px;
vertical-align: top;
background: url(../img/form-input-bg.gif) 0 0 repeat-x;
font-size: 1.1em;
}
.form select {
border: 1px solid #DCDCDC;
color: #333;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin:10px 0 0 0;
vertical-align: middle;
background: #fff url(../img/form-input-bg.gif) 0 0 repeat-x;
font-size: 1.1em;
}
input.submitButton {
border: 0;
width: auto;
background: none;
cursor:pointer;
color:#FFFFFF;
font-size: 1.2em;
}
#msg {display:none; position:absolute; z-index:200; background:url('../img/msg_arrow.gif') left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}
/* ---- sIFR ------
-------------------------------------------------------------------- */
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-unloading .sIFR-flash {
visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
/* ---- FOOTER ------
-------------------------------------------------------------------- */
#footer {
background:url('../img/footer-bg.jpg') bottom no-repeat;
text-align:center;
height:46px;
color:#FFFFFF;
padding: 15px 0 0 0;
font-size: 0.85em;
}
#footer a {
color:#FFFFFF;
padding: 0 3px 0 3px;
}
#footer a:hover {
color:#d1fc37;
}
.sIFR-active h1 { visibility:hidden; }
.sIFR-active h2 { visibility:hidden; }
.sIFR-active h3 { visibility:hidden; }
.sIFR-active h4 { visibility:hidden; }