/* @override 
	http://127.0.0.1:8000../css/whisky.css
	http://localhost:8000../css/whisky.css
	http://10.0.1.196:8000../css/whisky.css
	http://10.0.1.4:8000../css/whisky.css
	http://localhost:8080../css/whisky.css
	http://localhost:8000/static/css/whisky.css
*/

/* General */

div#left.scroll_btm_nav {
	width: 434px;
	background: url(../images/nav-scroll-l.png) no-repeat;
}

body {
	background-color: black;
	margin: 0;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #2D2D2D;
}

p {
		font-size: 0.65em;
}

div#date.scroll_btm_nav {
	width: 115px;
	/*background: url(../images/nav-date.png) no-repeat;*/
}

p.legal {
	font-size: 1em;
}

img.portfolio_screen_image#temp {
	position: absolute;
	top: 0;
	left: 0;
}

div#right.scroll_btm_nav {
	width: 435px;
	background: url(../images/nav-scroll-r.png) no-repeat;
	position: relative;
}

div {
	font-size: 15px;
}

div#top.tab_foot {
	background: url(../images/tab-top.png) no-repeat;
	width: 592px;
	height: 8px;
	margin-left: auto;
	margin-right: auto;
}

div#bottom.tab_foot {
	background: url(../images/tab-bottom.png) no-repeat;
	width: 592px;
	height: 8px;
	margin-left: auto;
	margin-right: auto;
}
div.tabs{
	width: 592px;
	height: 21px;
	margin-right: auto;
	margin-left: auto;
}
div.tab {
	width: auto;
	height: 21px;
	float: left;
	cursor: pointer;
}

div#services.tab {
	width: 103px;
	background: url(../images/tab-services-off.png) no-repeat;
}

div#services.tab:hover {
	background: url(../images/tab-services-on.png) no-repeat;
}

div#work.tab {
	width: 77px;
	background: url(../images/tab-work-off.png) no-repeat;
}

div#work.tab:hover {
	background: url(../images/tab-work-on.png) no-repeat;
}

div#people.tab {
	width: 91px;
	background: url(../images/tab-people-off.png) no-repeat;
}

div#people.tab:hover {
	background: url(../images/tab-people-on.png) no-repeat;
}

div#studio.tab {
	width: 86px;
	background: url(../images/tab-studio-off.png) no-repeat;
}

div#studio.tab:hover {
	background: url(../images/tab-studio-on.png) no-repeat;
}

div#recruitment.tab {
	width: 139px;
	background: url(../images/tab-recruitment-off.png) no-repeat;
}

div#recruitment.tab:hover {
	background: url(../images/tab-recruitment-on.png) no-repeat;
}

div#contact.tab {
	width: 96px;
	background: url(../images/tab-contact-off.png) no-repeat;
}

div#contact.tab:hover {
	background: url(../images/tab-contact-on.png) no-repeat;
}

div.info_canvas {
	width: 407px;
	height: 10px;
	margin: 10px auto 20px;
}

div.info {
	float: left;
	height: 10px;
}

div#phone.info{
	background: url(../images/img-phone.png) no-repeat;
	width: 121px;
}

div#email.info{
	background: url(../images/img-email.png) no-repeat;
	width: 175px;
	cursor: pointer;
}

div#email.info:hover{
	background: url(../images/img-email-on.png) no-repeat;
	width: 175px;
}

div.legal {
	color: #3d3d3d;
	text-align: center;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 20px;
	margin-bottom: 35px;
	letter-spacing: 1px;
}

div#fax.info{
	background: url(../images/img-fax.png) no-repeat;
	width: 111px;
}

div.scroll_btm_canvas {
	width: 990px;
	height: 57px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

div.scroll_btm {
	height: 57px;
	float: left;
}

div.scroll_btm_nav {
	height: 46px;
	float: left;
}

div#left.scroll_btm {
	width: 417px;
	background: url(../images/img-scroll-btm-l.png) no-repeat;
}

div#right.scroll_btm {
	width: 421px;
	background: url(../images/img-scroll-btm-r.png) no-repeat;
}

div#date.scroll_btm {
	width: 151px;
}

div.bug {
	position: relative;
	top: -22px;
}

img.bug {
	width: 151px;
	height: 84px;
}

div.bugB {
	position: relative;
	top: -14px;
}

img.bugB {
	width: 115px;
	height: 64px;
}

div.canvas {
	margin-bottomn: 0;
	margin: auto;
	width: 989px;
}

div.header {
	margin: 0;
	width: Auto;
	height: auto;
	padding: 0;
	position: relative;
}

div.middle {
	margin: 0px auto 0;
}

img.preload {
	display: none;
}

div.content {
	background-color: black;
	position: relative;
	top: 0px;
	height: auto;
	padding: 0;
	width: 980px;
	margin: 15px auto;
}

div.footer {
	clear: both;
}


div.text_content {
	color: #4c4c4c;
	padding: 10px 25px 15px;
	font: .8em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

div.spacer {
	width: 980px;
	height: 14px;
	background-color: #ffffff;
	position: relative;
	clear: both;
}

div.stripe {
	width: 980px;
	height: 1px;
	position: relative;
	background-color: #dddddd;
	top: 2px;
}

span.super {
	vertical-align: super;
	font-size: 7px;
}

span.title {
	color: #000;
	font-size: 1.1em;
}

td {
	padding-bottom: 5px;
	padding-top: 5px;
}

td.text {
	padding-left: 15px;
}

a {
	text-decoration: underline;
	color: #4c4c4c;
}

a:hover {
	color: silver;
	text-decoration: none;
}

span.legal_link {
	text-decoration: underline;
	color: #262626;
	cursor: pointer;
}

span.legal_link:hover {
	color: #5f5f5f;
}

/* Header */

div.img_scroll_upper {
	width: 983px;
	height: 32px;
	background: url(../images/scroll_upper.png) no-repeat;
	margin: 35px auto 24px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

div.img_whiskytree {
	width: 612px;
	height: 43px;
	background: url(../images/whiskytree_home.png) no-repeat;
	margin: 0 auto;
	padding: 0;
}

div#blank.img_whiskytree {
	background-image: none;
	margin: 0;
	padding: 0;
}


div#services.tab{
	background: url(../images/tab-services-off.png) no-repeat;
}

div#neutral.tab {
	color: #6d635b;
}

div#neutral.tab:hover {
	color: #000000;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

div#active.tab {
	color: #bbb;
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

div.stripe#bottom {
	top: 11px;
	
}
/* Footer */

div.tab_foot {
}

div#bottom_left.tab_foot {
	width: 234px;
}

div#bottom_info.tab_foot {
	width: 197px;
	height: auto;
}

div#bottom_phone.tab_foot {
	width: 419px;
}

div.tab_phone {
	position: relative;
	float: left;
	cursor: default;
	font-size: 1em;
}

div#phone.tab_phone {
	padding-left: 50px;
}

div#fax.tab_phone {
	padding-left: 75px;
}

div#bottom_legal.tab_foot {
	width: 122px;
	color: #999999;
}

div#bottom_info.tab_foot:hover, div#bottom_legal.tab_foot:hover {
	color: #000000;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

div.legal_canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: wait;
	display: none;
	z-index: 50;
	background: url(../images/trans.png) repeat;
}

div.legal_content {
	position: fixed;
	width: 700px;
	height: 500px;
	background-color: black;
	overflow: auto;
	border: 1px solid #fff;
	cursor: text;
	z-index: 100;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 50px;
}

div.legal_close {
	margin: 0px auto 0;
	position: fixed;
	width: 50px;
	color: #6b6a6a;
	height: 10px;
	background-color: black;
	border: 1px solid #fff;
	cursor: pointer;
	cursor: hand;
	padding: 2px;
	text-transform: uppercase;
	font: bold 0.6em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-align: center;
	z-index: 100;
	right: 0;
	left: 0;
	bottom: 35px;
}

/* index */

div.img_index {
	height: 418px;
	background: #4b4b4b url(../images/homeStills_01.jpg) no-repeat;
}

/* Brew */

div.canvas_brew {
	height: auto;
	width: auto;
}

/* My Comment */

div.img_brew_mid {
	width: 980px;
	height: 243px;
	padding-bottom: 15px;
	background: url(../images/img_BREW_mid_980x243.jpg) no-repeat;
}

div.img_brew_btm {
	width: 980px;
	height: 100px;
	background: url(../images/img_BREW_btm_980x100.jpg) no-repeat;
	position: relative;
	top: 0;
}

/* Who */

div.canvas_who {
	height: auto;
	margin: 0;
}

div.canvas_service {
	width: auto;
	height: auto;
	position: relative;
	float: left;
}



div.who_person {
	position: relative;
	border-bottom: 1px solid #e9e9e9;
	font: 0.7em "Times New Roman", Georgia, Times, serif;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
/*	letter-spacing: 0.1em;*/
	letter-spacing: 1.5px;
	color: white;
}

/* Recruitment */

div.recruit_canvas {
	width: 980px;
}

div.recruit_sidebar_content {
	position: absolute;
	top: 0;
	width: 100%;
	overflow: auto;
}

div.recruit_sidebar {
	width: 379px;
	position: relative;
	margin: 0 0 0 7px;
	display: inline;
	float: left;
	height: 100%;
}

div.recruit_sidebar_title {
	position: relative;
	font: 0.75em "Times New Roman", Georgia, Times, serif;
	margin: 30px 20px 20px;
/*	letter-spacing: 0.1em;*/
	letter-spacing: 1.5px;
	color: white;
}

span.screen_title_span {
	font-size: 0.9em;
	padding-left: 533px;
}

div.recruit_sidebar_item {
	color: #999999;
/*	letter-spacing: 0.1em;*/
	letter-spacing: 1.5px;
	font: 0.7em "Times New Roman", Georgia, Times, serif;
	word-spacing: 0.7px;
	margin: 15px 50px 15px 40px;
	cursor: pointer;
	cursor: hand;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.recruit_sidebar_item:hover {
	color: #cc6633;
}

div.recruit_sidebar_item#active {
	color: #cc6633;
	border-top: 1px solid #993300;
	border-bottom: 1px solid #993300;
}

div.img_recruit_side {
	background: url(../images/img_RCRT_btm_381x67.jpg) no-repeat;
	height: 67px;
	width: 379px;
	position: absolute;
	bottom: 0;
}

div.recruit_content_spacer {
	height:  25px;
}

div.recruit_content {
	width: 580px;
	height: 210px;
	position: relative;
	left: 7px;
	overflow: auto;
}

div.canvas_contact {
	height: auto;
}

div.text_content#bullet {
	background: url(../images/bullet.png) no-repeat 15px 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

/* Contact */

div.img_map {
	background: url(../images/img_CNTCT_WTMap_584x424.jpg) no-repeat;
	width: 584px;
	height: 401px;
}

div.map_google {
	color: #999999;
/*	letter-spacing: 0.1em;*/
	letter-spacing: 1.5px;
	font: 0.7em "Times New Roman", Georgia, Times, serif;
	word-spacing: 0.7px;
	width: 564px;
	position: relative;
	padding-left: 20px;
	height: 20px;
}

div.map_text {
	width: auto;
	height: auto;
	position: relative;
	top: 5px;
	display: inline-block;
	font-size: 0.8em;
}

div.map_text:hover {
	color: #000;
	cursor: hand;
	cursor: pointer;
}

div.contact_underline {
	width: 329px;
	height: 1px;
	background-color: #d5d5d5;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.contact_details {
	position: relative;
	width: 391px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
}

div.contact_spacer {
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 70px;
}

div.contact_map {
	position: relative;
	width: 589px;
	height: auto;
	top: 10px;
	left: 389px;
}

/* Service */
div.column_service {
	width: 490px;
	height: 100%;
	position: relative;
	float: left;
}

div#service_title.text_content {
	color: #000000;
	border-bottom: 1px solid #ddd;
	padding: 0;
	margin: 15px 0 0;
	font-size: 0.75em;
}

div#service_text.text_content {
	padding-left: 0;
	padding-right: 0;
}

div#title.text_content {
	color: silver;
	font-size: 0.75em;
/*	letter-spacing: 0.1em;*/
	letter-spacing: 1.5px;
}

div.column_spacer {
	margin-bottom: 25px;
	margin-left: 50px;
	margin-right: 50px;
}

div.img_service {
	background: url(../images/img_SRV_btm_980x99.jpg) no-repeat;
	width: 980px;
	height: 99px;
	position: relative;
	clear: both;
}

/* Portfolio */

div.portfolio_canvas {
	position: relative;
	height: auto;
}

div.portfolio_sidebar{
	width: 218px;
	position: relative;
	height: 100%;
	left: 0;
	float:  left;
}

div.portfolio_content {
	position: relative;
	width: 762px;
	height: auto;
	left: 0px;
	overflow: hidden;
}

div.sidebar_content {
	position: relative;
	top: 0;
	width: 100%;
	overflow: none;
}

div.sidebar_item {
	color: #999999;
/*	letter-spacing: 0.1em;*/
	letter-spacing: 1.5px;
	word-spacing: 0.7px;
	margin: 15px 50px 15px 25px;
	width: 185px;
	cursor: pointer;
	cursor: hand;
	font: 0.75em "Times New Roman", Georgia, Times, serif;
}

div.sidebar_item#active {
	color: #cc6633;
	border-top: 1px solid #993300;
	border-bottom: 1px solid #993300;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.sidebar_item:hover {
	color: #cc6633;
}

div.sidebar_title{
	position: relative;
	text-transform: uppercase;
	border-bottom: 1px solid #330000;
	color: #330000;
	margin: 30px 20px 20px;
	font: 0.75em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
/*	letter-spacing: 0.1em;*/
	letter-spacing: 1.5px;
}

div.portfolio_screen_spacer {
	position: relative;
	top:  0px;
	width: 757px;
	height: 0px;
}

div.portfolio_screen {
	position: relative;
	top:  0px;
	width: 743px;
	height: 418px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


div.portfolio_thumbnails {
	top: 0;
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#portfolio_screen_text {
	position: relative;
	top:  0px;
	width: 743px;
	height: 15px;
	margin: 0;
	text-align: right;
	padding: 0;
	font-size: 0.6em;
}
div.portfolio_screen_image {
	width: 757px;
	height: 435px;
	cursor: crosshair;
}

img.portfolio_screen_thumbnail {
	width: 57px;
	height: 57px;
	cursor: pointer;
	float: left;
	border: 1px solid black;
	padding: 2px;
	z-index: 8;
}

img.portfolio_screen_thumbnail:hover {
	cursor: pointer;
	border: 1px dotted silver;
}

div.canvas_thumbnail {
	width: auto;
	height: auto;
	position: relative;
	text-align: center;
	z-index: 10;
	display: inline-block;
}

div.thumbnail_row {
	width: 100%;
	margin-top: -2px;
}

div.portfolio_screen_thumbnail#arrow_right {
	text-align: center;
	vertical-align: middle;
}

div.portfolio_screen_thumbnail#arrow_left {
	text-align: center;
	vertical-align: middle;
}

div.portfolio_page_counter {
	width: 745px;
	position: relative;
	height: 15px;
	text-transform: uppercase;
	color: #999999;
	top: 0;
	left: 0;
	clear: both;
}

div.portfolio_screen_title {
	position: relative;
	font: small-caps 0.7em Georgia, "Times New Roman", Times, serif;
	top: 0;
	left: 0;
	padding-left: 10px;
	color: #999999;
	margin-top: 5px;
}

div.page_arrow {
	position: absolute;
	cursor: pointer;
	text-transform: uppercase;
	font: 0.7em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

span.arrow {
	font-size: 1.25em;
}

div.page_arrow#left {
	bottom: 0;
	left: 0;
}

div.page_info {
	width: auto;
	text-align: center;
	font: 0.7em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

div.page_arrow#right {
	right: 0;
	bottom: 0;
}

div.demo_reel_canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: wait;
	display: none;
	background: url(../images/trans.png) repeat;
    z-index: 5000; 
}

div#reel_720 {
	margin: 73px auto 0;
	position: relative;
	width: 720px;
	height: 405px;
	background-color: #000;
	border: 1px solid #404040;
	display: none;
	cursor: pointer;
    z-index: 5001; 
}

div#reel_360 {
	margin: 73px auto 0;
	position: relative;
	width: 360px;
	height: 202px;
	background-color: #000;
	border: 1px solid #404040;
	display: none;
	cursor: pointer;
    z-index: 5001; 
}

div.reel_close {
	margin: 0px auto 0;
	position: relative;
	width: 50px;
	color: #6b6a6a;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	height: auto;
	background-color: black;
	cursor: pointer;
	cursor: hand;
	padding: 2px;
	bottom: 0;
	top: -1px;
	text-transform: uppercase;
	font: bold 0.6em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	z-index: 0;
	text-align: center;
	border-top-width: 1px;
}

div#nav_whisky_top {
	width: 983px;
	height: 39px;
	background: url(../images/nav-whisky-top.png) no-repeat;
}

div.nav_button {
	height:  13px;
	float: left;
	cursor: pointer;
}

div#nav_mid_blank {
	width: 471px;
	background: url(../images/nav-mid-blank.png) no-repeat;
	height: 13px;
	float: left;
}

div#nav_services {
	width: 97px;
	background: url(../images/nav-services.png) no-repeat;
}

div#nav_services:hover {
	background: url(../images/nav-services-on.png) no-repeat;
}

div#nav_work {
	width: 60px;
	background: url(../images/nav-work.png) no-repeat;
}

div#nav_work:hover {
	background: url(../images/nav-work-on.png) no-repeat;
}

div#nav_people {
	width: 77px;
	background: url(../images/nav-people.png) no-repeat;
}

div#nav_people:hover {
	background: url(../images/nav-people-on.png) no-repeat;
}

div#nav_studio {
	width: 74px;
	background: url(../images/nav-studio.png) no-repeat;
}

div#nav_studio:hover {
	background: url(../images/nav-studio-on.png) no-repeat;
}

div#nav_recruitment {
	width: 124px;
	background: url(../images/nav-recruitment.png) no-repeat;
}

div#nav_recruitment:hover {
	background: url(../images/nav-recruitment-on.png) no-repeat;
}

div#nav_contact {
	width: 80px;
	background: url(../images/nav-contact.png) no-repeat;
}

div#nav_contact:hover {
	background: url(../images/nav-contact-on.png) no-repeat;
}

div#nav_whisky_mid {
	height: 13px;
}
div#nav_btm {
	background: url(../images/nav-btm.png) no-repeat;
	width: 983px;
	height: 11px;
}

div#nav_bar {
	margin-top: 45px;
}

div.section_title {
	margin-bottom: 15px;
}
div#services.section_title {
	background: url(../images/title-service.png) no-repeat;
	width: 985px;
	height: 17px;
	
}

div#work.section_title {
	background: url(../images/title-work.png) no-repeat;
	width: 979px;
	height: 18px;
	
}

div#people.section_title {
	background: url(../images/title-people.png) no-repeat;
	width: 980px;
	height: 22px;
	
}

div#studio.section_title {
	background: url(../images/title-studio.png) no-repeat;
	width: 979px;
	height: 17px;
	
}

div#recruit.section_title {
	background: url(../images/title-recruit.png) no-repeat;
	width: 979px;
	height: 17px;
	
}

div#contact.section_title {
	background: url(../images/title-contact.png) no-repeat;
	width: 986px;
	height: 17px;
	
}

div#legal.section_title {
	background: url(../images/title-legal.png) no-repeat;
	width: 986px;
	height: 17px;
	
}

div#client_login {
	color: #777;
	position: static;
	right: 0;
	background-color: black;
	bottom: 0;
	float: right;
	font-variant: small-caps;
	margin-right: 10px;
}

div#client_login:hover {
	color: white;
	cursor: pointer;
}

div#home_link {
	cursor: pointer;
	position: absolute;
	height: 25px;
	width: 473px;
	top: 0;
	left: 0;
}

div#header.text_content {
	padding: 0;
	margin-top: 15px;
	margin-bottom: 10px;
	font: small-caps 1.08em/1.2em "Times New Roman", Times, Georgia, serif;
}

::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}
 
::-webkit-scrollbar-button:vertical {
    background-color: #a5a5a5;
}
 
/* Turn on single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}
 
/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}
 
/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:vertical:increment {
    background-color: #7e7e7e;
}
 
/* Place The scroll up button at the up */
::-webkit-scrollbar-button:vertical:decrement {
    background-color: #7e7e7e;
}
 
/*::-webkit-scrollbar-track:vertical {
    background-color: blue;
    border: 1px dashed pink;
}*/
 
/* Top area above thumb and below up button */
::-webkit-scrollbar-track-piece:vertical:start {
    border: 1px solid #000;
}
 
/* Bottom area below thumb and down button */
/*::-webkit-scrollbar-track-piece:vertical:end {
    border: 1px dashed pink;
}*/
 
/* Track below and above */
::-webkit-scrollbar-track-piece {
    background-color: #212121;
}
 
/* The thumb itself */
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #c1c1c1;
	border: 1px solid #fff;
}
 
/* Corner */
::-webkit-scrollbar-corner:vertical {
    background-color: black;
}
 
/* Resizer */
::-webkit-scrollbar-resizer:vertical {
    background-color: gray;
}