@charset "UTF-8";
/* *
Designed and developed by The Workshop, LLC

Client: Bar Lab
Project: Website 2.0
Designers: Wayne Fan, Emerson Taymor and Skot Carruth

===COLOR SCHEME===

Background: #000
Text: #000
Links (red): #98131a
Links lighter(Brown/Gray): #4f4c44
Content BG: #ebebeb
Accent/Borders: #d7d7d7
	
*/

body{
	font-family: Times, Georgia, "Times New Roman", serif;
	font-size: .625em;
	color:#000;
	background:url(../_images/bg.jpg) no-repeat top center #000;
}

.container{
	margin: 150px auto 20px;
	background-color:#ebebeb;
	width:1000px;
	border:1px solid #fff;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px; 
}

#header{
	position:relative;
	width:1000px;
}

#logo{
	position:absolute;
	z-index:10;
	left:-100px;
	top:-140px;
}

#tagline{
	float:left;
	margin:45px 0 0 40px;
}

#contactDetails{
	float:right;
	margin:23px 30px 0 0 ;
	margin-bottom:20px;
}

.dividerLine{
	clear:both;
	width:100%;
	height:10px;
	background:url(../_images/dividing_lines.png) no-repeat;
	
}
ul#nav{
	padding:12px 8px 8px;
	display:block;
	border-bottom:1px solid #d7d7d7;
	overflow:hidden;
	zoom:1;
}
ul#nav li{
	display:inline;
}

ul#nav li a{float:left;padding:0 48px;}
ul#nav li a:hover, ul#nav li.selected a{background-position:bottom;}

ul#nav li a#overviewBtn{
	background-image:url(../_images/nav/overview.png);
	width:110px;height:16px;
}

ul#nav li a#teamBtn{
	background-image:url(../_images/nav/team.png);
	width:63px;height:16px;
}

ul#nav li a#servicesBtn{
	background-image:url(../_images/nav/services.png);
	width:96px;height:16px;
}

ul#nav li a#experienceBtn{
	background-image:url(../_images/nav/experience.png);
	width:134px;height:21px;
}

ul#nav li a#contactBtn{
	background-image:url(../_images/nav/contact.png);
	width:91px;height:17px;
}

#content{padding:30px;}

#lftCol{
	width:620px;
	float:left;
}
#rtCol{
	width:300px;
	float:right;
}

ul#servicesList{margin-bottom:20px;}
ul#servicesList li{
	display:inline;
	padding-right:20px;
	font-size:1.4em;
	text-transform:uppercase;
}
ul#servicesList li a{color:#4f4c44;}
ul#servicesList li a:hover, ul#servicesList li.selected a, ul#servicesList li a.selected{color:#000;}

#feature-container{
	height:348px;
	width:621px;
	overflow:hidden;
}
.featSect{
	visibility: hidden;
	position: absolute;
	height:348px;
	width:621px;
	text-indent:-9999px;
}

#feature-menus{background-image:url(../_images/services/feat/cocktail_menus.png);}
#feature-program{background-image:url(../_images/services/feat/beverage_programs.png);}
#feature-efficiency{background-image:url(../_images/services/feat/bar_efficiency.png);}
#feature-inventory{background-image:url(../_images/services/feat/bar_inventory.png);}
#feature-catering{background-image:url(../_images/services/feat/cocktail_catering.png);}
#feature-brand{background-image:url(../_images/services/feat/brand_development.png);}

.experienceCont{
	margin-top:30px;
	border-bottom:double #d7d7d7;
	padding-bottom:25px;
}

h2.pressHeader{
	font-size:3em;	
}

#brandList{line-height:80px;margin-bottom:20px;border-bottom:1px solid #d7d7d7;}
#printFeatures{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #d7d7d7;}
#printFeat img{border:2px solid #d7d7d7;}
#printFeat a:hover img{border:2px solid #98131a;}
#brandList li, #printFeat li{
	display:inline;	
	padding-right:13px;
}


#webMent{
	margin:-10px 0 30px;	
}
#webMent li, #printFeatures li{
	font-size:1.4em;
	line-height:1.2em;
	padding-top:10px;
}
#webMent a, #printFeatures a{
	color:#000;
	/*font-style:italic;*/
	font-weight:normal;
}
#webMent a:hover, #printFeatures a:hover{
	color:#98131a;
}
.contactCont{margin-top:20px;}
.contactCont .keyDetails{
	float:left;
	width:300px;
}
.keyDetails img{
	margin-right:20px;	
}

#address{
	padding-bottom:7px;
	margin:10px 0 20px;
	border-bottom:1px solid #d7d7d7;
}
#phone p{padding-top:15px;}
#phone a{
	color:#000;
	font-weight:normal;
	cursor:default;
}

.contactCont form{
	float:right;
	width:300px;
}

.teamMember{margin-bottom:20px;border-bottom:1px solid #d7d7d7;}
.teamMember img{margin:0px 20px 20px 0;}

ul.bullets{
	list-style:disc inside;
	margin-left:25px;
	font-size:1.4em;
	line-height:1.6em;
	margin-bottom:20px;
}
ul.bullets li{margin-top:4px;}

ul.bullets li ul{list-style:circle inside;margin-left:25px;}

/* TEAM */

.team .teamMember{
	overflow:hidden;
	zoom:1;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}

.team .teamMember img{
	margin-left:20px;	
}

/* EXPERIENCE */

#printFeatures li, #webMent li{
	display:block;
	padding:20px 0;
	clear:both;
	font-size:1em;
	overflow:hidden;
	zoom:1;
}
#printFeatures li p, #webMent li p{font-size:1.4em;width:430px;float:left;margin:0;}
#printFeatures span, #webMent span{
	float:left;
	padding-right:15px;
	width:175px;
	text-align:center;
	padding-top:10px;
}

.experience #rtCol img{
	margin:0 0 20px 80px;	
}
.experience #rtCol ul{
	margin-top:20px;
	font-size:1.4em;
	padding-bottom:20px;
	border-bottom:1px solid #aaa;
}

.experience #rtCol ul li{
	padding:8px 0;	
}


/* FOOTER */

#footer{clear:both;width:960px;margin:0px auto;overflow:hidden;zoom:1;}
#footer p{font-size:1.1em;}
p.copyrightInfo{color:#fff;float:left;}
p.credits{color:#fff;float:right;}
#footer a:hover{color:#d7d7d7;}


/* ~~~~~ Typography ~~~~~ */

a {text-decoration:none; color: #98131a; font-weight:bold;}
a:hover {color: #000;}
a.selected{color: #000;}
h1 { font-weight:bold;margin-bottom: 20px;}
h2, h3 {font-size: 1.8em; color: #000; margin-bottom: 20px; font-weight:bold;text-transform:uppercase;}
p {font-size: 1.4em;line-height: 1.3em;margin-bottom:20px;}

h1#contactResponse{font-size:3.2em;font-weight:bold;}

h1#services, h1#experience, h1#contact, h1#about, h1#team, h1#printPress, h1#webPress, h1#barLabTV, ul#nav li a{
	text-indent:-9999px;
	background-position:top;
	background-repeat:no-repeat;
	display:block;
}

h1#services{
	background:url(../_images/header/services.png);
	width:142px;height:25px;
}
h1#experience{
	background:url(../_images/header/experience.png);
	width:196px;height:33px;
}
h1#contact{
	background:url(../_images/header/contact.png);
	width:133px;height:25px;
}
h1#about{
	background:url(../_images/header/about.png);
	width:105px;height:25px;
}
h1#team{
	background:url(../_images/header/team.png);
	width:92px;height:25px;
}

h1#printPress{
	background:url(../_images/header/print-press.png);
	width:197px;height:25px;	
}
h1#webPress{
	background:url(../_images/header/web-press.png);
	width:178px;height:25px;	
}
h1#barLabTV{
	background:url(../_images/header/barlab-tv.png);
	width:256px;height:25px;	
}
/* UTILITY CLASSES */
.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.clear {clear: both;}
.dropShadow{
	-moz-box-shadow: 0px -1px 5px #000;
	-webkit-box-shadow: 0px -1px 5px #000;
	box-shadow: 0px -1px 5px #000;
}
.more{
	text-align:right;
	text-transform:uppercase;
}

input,textarea{
	outline:none;
	border:none;
	background-color:#d7d7d7;
	padding:7px 10px;
	display:block;
	color:#666;
	width:280px;
	font-size:1.4em;
	font-family: Times, Georgia, "Times New Roman", serif;
	margin-bottom:8px;
}

textarea{height:150px;}
input#submit{background-color:#98131a;color:#fff;width:auto;text-transform:uppercase;letter-spacing:2px;font-weight:bold;cursor:pointer;}
label{color:#000;font-size:1.8em;text-transform:uppercase;font-weight:bold;margin-bottom:20px;display:block;}
strong{font-weight:bold;}
em{font-style:italic;}
strong a{font-weight:bold !important;}