/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Title:		Cocktail Screen Styles
Author: 	info@hinterlands.com.au
Copyright:	2010, Hinterlands Pty Limited. (please don't re-use without permission).
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

CSS powered by 
        __                              ___   __        .ama     ,
      ,d888a                          ,d88888888888ba.  ,88"I)   d
     a88']8i                         a88".8"8)   `"8888:88  " _a8'
   .d8P' PP                        .d8P'.8  d)      "8:88:baad8P'
  ,d8P' ,ama,   .aa,  .ama.g ,mmm  d8P' 8  .8'        88):888P'
 ,d88' d8[ "8..a8"88 ,8I"88[ I88' d88   ]IaI"        d8[         
 a88' dP "bm8mP8'(8'.8I  8[      d88'    `"         .88          
,88I ]8'  .d'.8     88' ,8' I[  ,88P ,ama    ,ama,  d8[  .ama.g
[88' I8, .d' ]8,  ,88B ,d8 aI   (88',88"8)  d8[ "8. 88 ,8I"88[
]88  `888P'  `8888" "88P"8m"    I88 88[ 8[ dP "bm8m88[.8I  8[
]88,          _,,aaaaaa,_       I88 8"  8 ]P'  .d' 88 88' ,8' I[
`888a,.  ,aadd88888888888bma.   )88,  ,]I I8, .d' )88a8B ,d8 aI
  "888888PP"'        `8""""""8   "888PP'  `888P'  `88P"88P"8m"    TM

*/

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Clears / Resets
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles!
:focus {
	outline: 0;
} 
*/

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clear {
	clear:both;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Master
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

body {
	font-size: 100%;
	font-family: "ITC Lubalin Graph", "Palatino Linotype", "Book Antiqua", "Utopia", serif  ;
	background-color: #000;
} 

#page {
	width:1000px;
	height:797px;
	background: url("../images/bg.jpg") no-repeat #000;
	margin: 0 auto;
	position:relative;
	overflow:hidden;
}

#subnav li {
	font-family: "Souvenir Medium", "Georgia", serif  ;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Nav
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#magic-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 109px;
	height: 10px;
	background: url(../images/menu-bar.gif) center center repeat-x transparent;
}

#nav {
	position: absolute;
	display:block;
	width: 1000px;
	height:125px;
	top:0;
	left:0;
	z-index:20;
	background: url("../images/top-layer-cap.png") no-repeat transparent;
}

#nav ul {
	display:block;
	width:710px;
	height:70px;
	list-style:none;
	margin: 0 auto;
}

#nav ul li {
	display: block;
	float: left;
}

#nav ul li a {
	display:block;
	width: 160px;
	height: 25px;
	float: left;
	margin-top:30px;
}
#nav ul li.concierge{ margin-right: 37px; }
#nav ul li.concierge a {
	width:138px;
	height:19px;
	text-indent: -9999px;
	background: url("../images/menu-sprite-19.png") no-repeat transparent;
}

#nav ul li.lounge { margin-right: 55px; }
#nav ul li.lounge a {
	width: 152px;
	height: 19px;
	
	text-indent: -9999px;
	background: url("../images/menu-sprite-19.png") no-repeat -175px 0 transparent;
}
#nav ul li.thebar { margin-right: 51px; }
#nav ul li.thebar a {
	width:104px;
	height:19px; 
	text-indent: -9999px;
	background: url("../images/menu-sprite-19.png") no-repeat -383px 0 transparent;
}

#nav ul li.gallery a {
	width: 162px;
	height: 19px;
	text-indent: -9999px;
	background: url("../images/menu-sprite-19.png") no-repeat -537px 0 transparent;
}

#nav ul li.concierge a:hover { background-position: 0 -19px; }
#nav ul li.lounge a:hover { background-position:-175px -19px; }
#nav ul li.thebar a:hover { background-position:-383px -19px; }
#nav ul li.gallery a:hover { background-position:-537px -19px; }

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Window
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#window {
	position: absolute;
	width: 578px;
	height: 360px;
	top:0;
	left:0;
	padding: 169px 209px 203px 213px;
	z-index:10;
	background: url("../images/frame-w-darkbg.png") no-repeat transparent;
}

 
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Content
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


#content {
	font-size: 15px;
	text-align: center;
	color: #fff;
	z-index: 12;
}	
#content p {padding: 20px;}	
/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Footer
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#footer {
	width: 1000px;
	height: 69px;
	position: absolute;
	bottom:0;
	left:0;
	background: url("../images/decal.jpg") no-repeat 20px 10px #fff;
}

#footer a {
	float:right;
	margin-right: 20px;
	margin-top: 8px;
}

#footer p {
	float: left;
	font-size: 10px;
	padding-top: 35px;
	padding-left: 210px;
	font-family: Arial, sans-serif;
	color: #999;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
The Bar Bottle Nav
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#bottle {
	position: absolute;
	width: 1000px;
	height: 281px;
	bottom:68px;
	left:0;
	z-index: 11;
}


#bottle ul {
	display:block;
	width:1000px;
	list-style:none;
	margin: -26px auto 0 auto;
}

#bottle ul li {
	height: 305px; 
	display:inline;
	position: relative;
}

#bottle ul li a {
	display:block;
	width: 100px;
	height: 281px;
	float:left;
}

#bottle ul li img { position: absolute; bottom: 0px; left:0px; }

#bottle ul li a.strategy {
	width: 102px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-two-316.png") 0 0 no-repeat transparent;
}

#bottle ul li a.research {
	width: 112px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-two-316.png") -102px 0 no-repeat transparent;
}

#bottle ul li a.creative {
	width: 92px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-two-316.png") -219px 0 no-repeat transparent;
}

#bottle ul li a.advertising {
	width: 123px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-two-316.png") -310px 0 no-repeat transparent;
}

#bottle ul li a.channel {
	width: 129px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-two-316.png") -440px 0 no-repeat transparent;
}

#bottle ul li a.pos {
	width: 107px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-two-316.png") -569px 0 no-repeat transparent;
}

#bottle ul li a.sales {
	width: 102px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-two-316.png") -680px 0 no-repeat transparent;
}

#bottle ul li a.incentives {
	width: 108px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-two-316.png") -783px 0 no-repeat transparent;
}

#bottle ul li a.training {
	width: 130px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-one-316.png") 0 0 no-repeat transparent;
}

#bottle ul li a.launches {
	width: 111px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-one-316.png") -133px 0 no-repeat transparent;
}

#bottle ul li a.conferences {
	width: 100px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-one-316.png") -250px 0 no-repeat transparent;
}

#bottle ul li a.tradeshow {
	width: 99px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-one-316.png") -354px 0 no-repeat transparent;
}

#bottle ul li a.digital {
	width: 106px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-one-316.png") -455px 0 no-repeat transparent;
}

#bottle ul li a.websites {
	width: 107px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-one-316.png") -563px 0 no-repeat transparent;
}

#bottle ul li a.pr {
	width: 107px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-one-316.png") -672px 0 no-repeat transparent;
}

#bottle ul li a.photos {
	width: 107px;
	text-indent: -9999px;
	background: url("../images/bottles-sprite-one-316.png") -786px 0 no-repeat transparent;
}




#bottle ul li a.strategy:hover { background-position: 0 -316px }
#bottle ul li a.research:hover { background-position: -102px -316px }
#bottle ul li a.creative:hover { background-position: -219px -316px }
#bottle ul li a.advertising:hover { background-position: -310px -316px }
#bottle ul li a.channel:hover { background-position: -440px -316px }
#bottle ul li a.pos:hover { background-position: -569px -316px }
#bottle ul li a.sales:hover { background-position: -680px -316px }
#bottle ul li a.incentives:hover { background-position: -783px -316px }
#bottle ul li a.training:hover { background-position: 0 -316px }
#bottle ul li a.launches:hover { background-position: -133px -316px }
#bottle ul li a.conferences:hover { background-position: -250px -316px }
#bottle ul li a.tradeshow:hover { background-position: -354px -316px }
#bottle ul li a.digital:hover { background-position: -455px -316px }
#bottle ul li a.websites:hover { background-position: -563px -316px }
#bottle ul li a.pr:hover { background-position: -672px -316px }
#bottle ul li a.photos:hover { background-position: -786px -316px}



body.concierge #bottle ul li {width:210px; }
body.lounge #bottle ul li { width: 165px; }
body.gallery #bottle ul li { width: 171px; }

/****THE BAR BOTTLES*****/
body.thebar #bottle .bottle-container, body.thebar #bottle .bottle-page {
width:880px;
height:281px;
float:left;
}

body.thebar #bottle .bottle-container {
margin:0 18px;
overflow:hidden;
position:relative;
}

body.thebar #bottle .bottle-pages {
position:absolute;
top:0;
left:0;
width:1760px;
height:281px;
}

body.thebar #bottle .bottle-page {
	float:left;
}

body.thebar #bottle ul {
display:block;
margin:0 auto;
height:281px;
}

body.thebar #bottle ul.bottle-page-one {
width:875px;
}
body.thebar #bottle ul.bottle-page-two {
width:867px;
}

body.thebar #bottle .prev-wrap, body.thebar #bottle .next-wrap {
	float:left;
	width:42px;
	height:281px;
}
body.thebar #bottle a.prev {	
	display:block;
	width:17px;
	height:29px;
	text-indent: -9999px;
	background: url(../images/arrow-left-sprite-29.gif) no-repeat #000;
	margin-left: 25px;
	margin-top: 170px;
}

body.thebar #bottle a.next {	
	display:block;
	width:17px;
	height:29px;
	text-indent: -9999px;
	background: url(../images/arrow-right-sprite-29.gif) no-repeat #000;
	margin-right: 25px;
	margin-top: 170px;
}

body.thebar #bottle a.prev:hover, body.thebar #bottle a.next:hover { background-position: 0 -29px;}

/*:::::::::::::::::::::::Concierge Page:::::::::::::::::::::::::::*/
body.concierge #content { padding-top: 145px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*::::::::::::::::::::::::The Bar Page::::::::::::::::::::::::::::*/
body.thebar #content { padding-top: 100px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::Lounge Page::::::::::::::::::::::::::::*/
body.lounge #content { text-align: left; line-height: 26px;}
body.lounge #content p {
display: block;
width: 360px;
float: left;
padding: 40px 20px 0 20px;

}
body.lounge #content ul#subnav { 
	display: block;
	float: left;
	height: 350px;
	width: 146px;
	padding: 45px 10px 0 20px;
	text-transform: uppercase;
	color: #d8b635;
	background: url("../images/bar.png") right 20px no-repeat transparent;
}

body.lounge #content ul li {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	padding: 0px 0 30px 0;
}
body.lounge #content ul a { text-decoration: none; color: #d8b635; }

body.lounge #content .desc_item {
	width:402px;
	height:360px;
	overflow:hidden;
	float:left;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*::::::::::::::::::::::::Gallery Page::::::::::::::::::::::::::::*/
body.gallery #content {
width: 488px;
height: 360px;
padding-left: 90px;
background: url(../images/gallery-bg.jpg) 0 0 no-repeat transparent;
}

body.gallery #gallery-nav {
	position: absolute;
	z-index:99;
	float: left;
	top: 169px;;
	left: 213px;
	width: 90px;
	height: 360px;		
	background: url(../images/sidebar.png) top left repeat-y transparent; 
	
}
body.gallery #content div#main img {
	display:none;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Miscellaneous
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.left { float: left; }
.right { float: right; }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Lounge
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body.lounge div.desc_item {
	width:100%;
	height:360px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
The Bar
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body.thebar div.item {
	display:none;
}

body.thebar #content p {
	line-height: 1.5;
}

body.thebar #content h2 { 
	font-family: "Souvenir Medium", "Georgia", serif; 
	color: #d8b635; 
	font-size: 16px; 
	font-weight:bold;
}