/* Stylesheet - The Modern Mixologist */

/* GENERAL TAGS */
* {margin: 0; padding: 0; list-style: none;}
body {background: #EDEDED url(../res/bg-main.gif)repeat-x top; margin: 10px auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
h1, h2, h3 {color: #830F0F; font-family: Verdana, Arial, Helvetica, sans-serif;}
h1  {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 14px; color: #E43333;}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: 18px;}
ul {margin: 10px; margin-bottom: 0;}
ul li {background: url(../res/bullet-arrow.gif) no-repeat 0px 4px; padding-left: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;}
dt {margin-top: 10px;}
dd {margin-left: 10px;}
a:link {color: #E22E2E; text-decoration: none;}
a:visited {color: #E22E2E; text-decoration: none}
a:hover {text-decoration: underline}

/* PAGE-CONTAINER */
#page-container {margin: auto; width: 850px;}


/* NAVIGATION */
#navigation {border: 1px solid #fd4142; height: 39px; background: #EA3F3F url(../res/bg-nav.gif) repeat-x; margin-top: 10px; border-bottom: 1px solid #460000; }
ul#nav-items {margin: 0;}
ul#nav-items li {float: left; border-right: 1px solid #7D1212; height: 39px; background: none; padding: 0; margin: 0;}
ul#nav-items a {display: block; height: 30px; padding: 9px 20px 0 20px; text-decoration: none; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 14px; float: left;}
ul#nav-items a:hover {background: url(../res/bg-navHover.gif) repeat-x;}


/* BANNER */
#banner {border: 1px solid #fd4142; border-top: none; height: 135px; margin-bottom: 20px; background: url(../res/bg-banner.gif) repeat-x;}
#photos {width: 570px; height: 135px; border-right: 1px solid #FD4142; float: left;}
#buttons {float: right; width: 263px;}
#buttons img {margin-top: 16px;}


/* CONTENT */
#content {border: 1px solid #CCC; background: #FFF; padding: 20px;}
.photo-body {float: left; border: 1px solid #999; margin-right: 20px;}
.photo-border {float: left; border: 1px solid #999;}
#shortBody {margin-left: 270px;}

/* SIDEBAR */
#sidebar-container {width: 250px; float: left; margin-right: 20px;}
#sidebar {width: 250px; border: 1px solid #fd4142; background: url(../res/misc-retro-tile.gif); float: left;}
.featured-cocktail {float: left; margin-right: 10px; border: 2px solid #FFF;}
#sidebar p {margin: 10px;}
#sidebar h2 {margin: 10px;}
#sidebar h4 {margin-left: 10px;}
#sidebar span {margin: 10px;}

/* PRODUCTS */
#product-description {width: 390px; margin-right: 20px; float: left;}

#product-pricing {width: 160px; margin-right: 20px; float: left;}
p.pricing-text {font-size: 11px; color: #333; font-weight: bold;}

#product-image {width: 210px; border: 1px solid #DF7676; float: left;}
#product-image img {border: 2px solid #fff;}

/* FOOTER */
#footer {padding: 10px 0;}
#footer p {font-size: 11px;}

#pr-video {float: right;}

/* COMMON CLASSES */
.clear {clear: both;}
.hr {background: url(../res/misc-hr.gif) repeat-x;}