/* -----------------------------------------------

theliquidchefinc.com
Version 1.0

Created by Darian Scatton December 2008
darian@edibleonion.com

----------------------------------------------- */


/* common
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: small/1.5 Verdana, sans-serif;
	color: #fff;
}

img {
	border: none;
}

ul, li, div, p, h1, h2 {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
	background-image: none;
	line-height: normal;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

#wrapper, #intro #flashcontent {
	width: 760px;
	margin: 0 auto;
	text-align: center;
}


#music #flashcontent {
	width:760px;
	margin: 0 auto;
	text-align:center;
}

/* structure
----------------------------------------------- */

#topNav, #bottomNav {
	width: 100%;
	height: 106px;
	background:#6fba44;
	position:relative;
	overflow:hidden;
}

#content {
	width: 100%;
	height: 354px;
	background:#8fb7d1;
	margin-top:6px;
}

#leftCol {
	width:380px;
	height: 354px;
	float: left;
	overflow:hidden;
}

#centerCol {
	width: 190px;
	height: 354px;
	float: left;
	overflow: hidden;
}

#rightCol {
	width:380px;
	height: 354px;
	text-align:left;
	float: right;
}

#bottomNav {
	margin-top:6px;
	clear:both;
}


/* navigation
----------------------------------------------- */

#topNavBtns li, #botNavBtns li {
	display:inline;
}

#topNavBtns, #topNavLogo, #botNavBtns, #botNavLogo {
	width:100%;
	height:106px;
	float:left;
	overflow:hidden;
}

#topNavBtns, #botNavBtns {
	text-align:left;
}

#servicesBtn, #cocktailsBtn, #eventsBtn, #videosBtn, #cocktailFeatureBtn, #biographyBtn, #clientsBtn, #pressBtn, #contactBtn, #homeBtn {
	width:92px;
	height:106px;
	/*padding:40px 0 60px 0;*/
	border-left: 2px solid #bcdda9;
	border-right: 2px solid #bcdda9;
	float:left;
	position: relative;
	font-size:80%;
	color:#000;
	text-decoration:none;
	text-align:center;
	display:inline;
}

#topNavBtns a, #botNavBtns a {
	padding-top:40px;
}

#servicesBtn:hover, #cocktailsBtn:hover, #eventsBtn:hover, #videosBtn:hover, #cocktailFeatureBtn:hover, #biographyBtn:hover, #clientsBtn:hover, #pressBtn:hover, #contactBtn:hover, #homeBtn:hover, #services #topNav #topNavBtns #servicesBtn, #cocktails #topNav #topNavBtns #cocktailsBtn, #events #topNav #topNavBtns #eventsBtn, #videos #topNav #topNavBtns #videosBtn, #cocktailOfTheMonth #topNav #topNavBtns #cocktailFeatureBtn, #biography #bottomNav #botNavBtns #biographyBtn, #clients #bottomNav #botNavBtns #clientsBtn, #press #bottomNav #botNavBtns #pressBtn, #contact #bottomNav #botNavBtns #contactBtn, #home #bottomNav #botNavBtns #homeBtn {
	background: #aad491;
}

#servicesBtn, #biographyBtn { left:99px;top:0; }

#cocktailsBtn, #clientsBtn { left:116px;top:0; }

#eventsBtn, #pressBtn { left:136px;top:0; }

#videosBtn, #contactBtn { left:156px;top:0; }

#cocktailFeatureBtn, #homeBtn { left:176px;top:0; }

#topNavLogo h1 {
	width:48px;
	height:102px;
	background: url("../img/junior-logo.gif") no-repeat;
	text-indent: -5000px;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:0;
	position:relative;
	float:left;
	left:356px;
}

#topMenu {
	float:right;
	position:relative;
	right:10px;
	top:85px;
	font-size:80%;
}

#botNavLogo h2 {
	width:291px;
	height:102px;
	background: url("../img/junior-tag.gif") no-repeat;
	text-indent: -5000px;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:0;
	position:relative;
	float:right;
	right:235px;
}

#botMenu {
	float:left;
	position:relative;
	left:10px;
	top:5px;
	font-size:80%;
	
}


/* common style
----------------------------------------------- */

#rightCol p, #rightCol #scrollingContent {
	line-height: 1.5em;
	margin-top:35px;
	margin-right:15px;
	margin-bottom:35px;
	margin-left:35px;
	font-size:80%;
	float: left;
	width: 309px;
}

#rightCol h3 {
	width:309px;
	font-size:110%;
	font-weight:bold;
	margin-bottom:2em;
	
}

* html #rightCol p {
	margin: 35px 0 0 15px;
}

* html #rightCol #scrollingContent {
	margin: 35px 0 0 15px;
}

#home #content #rightCol p, #press #content #rightCol p {
	line-height: 2em;
}

#home #content #rightCol, #cocktailOfTheMonth #content #rightCol, #videos #content #rightCol, #contact #content #rightCol {
	border-left:1px solid #cfe3f2;
	width: 379px;
}

#home #content #leftCol, #cocktailOfTheMonth #content #leftCol, #videos #content #leftCol, #contact #content #leftCol {
	border-right:1px solid #cfe3f2;
	width: 379px;
}

.bullet {
	font-weight:bold;
}

.rightColImg {
	width:308px;
}


/* home/mailingList style
----------------------------------------------- */

#home #content {
	/*background: url("../img/drinks.jpg") no-repeat;*/
}

#home #content #leftCol a{
	height:354px;
	/*margin-left: 88px;*/
	background: url("../img/cocktail-feature.jpg") no-repeat;
	text-indent: -5000px;
	display:block;
}

#home #rightCol p {
	font-size:100%;
}

#home #rightCol a {
	color:#152039;
}


/* cocktail of the month style
----------------------------------------------- */

#cocktailOfTheMonth #leftCol {
	/*background:#a1c7e5 url('../img/cocktails/absinthe-celery.jpg') no-repeat 50% 78%;*/
	text-align:center;
	font-size:100%;
}

#cocktailOfTheMonth #leftCol h1, #cocktailOfTheMonth #leftCol h2 {
	font-weight:normal;
}

#cocktailOfTheMonth #leftCol h1 {
	font-size:125%;
	margin-top:25px;
}

#cocktailOfTheMonth #leftCol h2 {
	font-style:italic;
	font-size:110%;
	margin-top:5px;
}

#cocktailOfTheMonth #leftCol p {
	margin-top:225px;
}

#cocktailOfTheMonth #leftCol a:hover {
	text-decoration:none;
}

#cocktailOfTheMonth #singleCol {
	position:relative;
	width:100%;
	height:354px;
}

#cocktailOfTheMonth #singleCol #backToRecipe {
	text-align:left;
	position:absolute;
	left:20px;
	top:328px;
	font-size:80%;
	float:left;
}

#cocktailOfTheMonth #singleCol #video {
	float: left;
	padding:17px 0 0 113px;
	position:relative;
}

.print {
	margin-right: 15px;
}


/* services style
----------------------------------------------- */

#services #leftCol {
	width: 190px;
}

#services #leftCol ul {
	text-align:left;
	padding:35px;
	font-size:70%;
}

#services #leftCol ul li {
	margin-bottom: 1.8em;
}

#services #leftCol ul li a:hover {
	color: #000;
	text-decoration:none;
}


/* events style
----------------------------------------------- */

#events #content #rightCol p {
	margin-top:0;
	margin-bottom:2em;
	float:none;
	margin-left:0;
	font-size:110%;
}
	
	

/* videos style
----------------------------------------------- */


#viddler {
	margin-top: 42px;
}

#youtube {
	margin-top: 23px;
}

#videos .active {/*
	background: url('../img/active.gif') no-repeat;
	padding-left:5px;
	position:relative;
	left:-20px;*/
}


/* contact style
----------------------------------------------- */

#contact #content #leftCol p {
	font-size: 75%;
	text-align:left;
}

#contact #content #leftCol .top {
	margin:0 0 20px 35px;
}

#contact #content #leftCol .col {
	float:left;
	width:140px;
	margin-left: 35px;
}

#contact #content #rightCol .labelTop, #contact #content #rightCol .formTop {
	margin:35px 0 10px 0;
	float:left;
}

#contact #content #rightCol .formTop {
	margin-top:30px;
}

#contact #content #rightCol .label, #contact #content #rightCol .form {
	margin:15px 0 0 0;
	float: left;
}

#contact #content #rightCol .label, #contact #content #rightCol .labelTop {
	width:92px;
	text-align:right;
	margin-right: 3px;
}

#contact #content #rightCol .form, #contact #content #rightCol .formTop {
	width: 249px;
	margin-right:35px !important;
	margin-right:0;
}

#contact input {
	width:175px;
	height:25px;
}

#contact textarea {
	width: 175px;
	height: 100px;
}

#contact #submit {
	width:63px;
	height:29px;
}

#contact .radio {
	width:15px;
	height: 15px;
}

#contact #commonForm, #contact #contactForm, #contact #mailingForm, #contact #submitForm {
	display:none;
}


/* cocktails style
----------------------------------------------- */

#cocktailsWrap{
	width: 633px;
	height: 288px;
	overflow: auto;
	overflow-x:hidden;
	overflow-y:hidden;
	float:left;
	position:relative;
}
 
#cocktailList {
	width: 4753px;
	height: 288px;
}

.cocktailImg{
	width:211px;
	float:left;
	margin-top:33px;
}

#cocktails #content {
	background: #a2c7e4;
}

#prevCocktail, #nextCocktail {
	float: left;
	width: 61px;
}

#prevCocktail img, #nextCocktail img {
	margin-top: 168px;
}

#cocktails #content #rightCol {
	background: #89b9de;
}


/* scrolling style
----------------------------------------------- */

#scrollArrows {
	width: 20px;
	float:right;
}

#scrollArrows #scrollUp {
	margin-top:35px;
}

#scrollArrows #scrollDown {
	margin-top:10px;
}

/* credits style
----------------------------------------------- */

#credits a, #credits a:hover {
	color:#fff;
	text-decoration:none;
}

#credits, #privacy-policy {
	margin:20px;
	color: #fff;
	font-size:80%;
	text-align:left;
	width:360px;
	background:#8fb7d1;
}