/* Styles for Cocktail Gastronomy */


/* -------- START - Generic Page Layout -------- */

* :focus { outline: 0; }

/* commented backslash hack v2 \*/
* html {
	overflow:				hidden;
}
/* end of hack */

body {
	background:				url(../images/bg.gif);
	background-color:		#f4f4f4;
	background-attachment:	fixed;
	margin:					0;
	padding:				0 0 0 0;
	border:					0;
	height:					100%;
	font-family:			"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size:				12px;
	color: 					#7d7d7d;
	line-height: 			18px;
}
* html body {
	overflow-y:				scroll;
}

#menu {
	position:				fixed; 
	display:				block; 
	top:					70px; 
	left:					350px; 
	width:					100px; 
	height:					160px; 
	background-color:		transparent; 
}
* html #menu {
	position:				absolute;
}

#facebook {
	position:				fixed; 
	display:				block; 
	top:					410px; 
	left:					350px; 
	width:					100px; 
	height:					60px; 
	background-color:		transparent; 
}
* html #facebook {
	position:				absolute;
}

#logo {
	position:				fixed;
	display:				block;
	top:					40px; 
	left:					22px;
	width:					300px; 
	height:					90px;
	background-color:		transparent; 
}
* html #logo {
	position:				absolute;
}

#services {
	position:				fixed;
	display:				block;
	top:					160px;
	left:					26px;
	width:					280px;
	height:					120px;
	overflow:				hidden; 
}
* html #services {
	position:				absolute;
}

#tab_contact{
	position:				fixed; 
	display:				block; 
	top:					310px; 
	left:					26px; 
	width:					300px; 
	height:					90px; 
	background-color:		transparent; 
}
* html #tab_contact {
	position:				absolute;
}

#tab_copyright{
	position:				fixed; 
	display:				block; 
	top:					410px; 
	left:					26px; 
	width:					300px; 
	height:					50px; 
	background-color:		transparent; 
}
* html #tab_copyright {
	position:				absolute;
}

#divider_line{
	position:				fixed; 
	display:				block; 
	top:					40px; 
	left:					330px; 
	width:					1px; 
	height:					412px; 
	background-color:		transparent; 
}
* html #divider_line {
	position:				absolute;
}

#contentmain {
	position:				relative; 
	display:				block; 
	margin:					0 0 0 490px; 
	background:				transparent; 
	/*overflow:				hidden; */
}

.content {
	display:				block; 
	width:					490px; 
	text-align:				justify; 
	float:					left; 
}
.content {
	width/* */:/**/490px; 
	width: /**/490px;
}

#topper {
	position:				fixed; 
	display:				block; 
	top:					0; 
	left:					0; 
	width:					1000px; 
	height:					6px; 
	background:				url(../images/bg_top.gif); 
	overflow:				hidden; 
	z-index:				99;
}
* html #topper {
	position:				absolute; 
	right:					0;
	right/* */:/**/17px; 
	right: /**/17px;
}

#pad {
	display:				block; 
	height:					50px;
}

#drinks{
	position:				fixed; 
	top:					610px; 
	left:					210px; 
	width:					60px; 
	height:					100px;
	z-index:				99;
}

* html #drinks {
	position:				absolute;
	z-index:				99;
}

#bartools{
	position:				fixed; 
	top:					674px; 
	left:					300px; 
	width:					130px; 
	height:					60px;
	z-index:				99;
}

* html #bartools {
	position:				absolute;
	z-index:				99;
}

/* -------- END - Generic Page Layout -------- */


/* -------- START - Style for right of page (WHITE BG) -------- */
.section_title{
	top: 					0; 
	left: 					0; 
	width: 					490px;
	margin-bottom: 			6px;
}

.profile_pic{
	margin-bottom: 			6px;
	margin-top:			 	6px;
}

.section_text{
	top: 					0; 
	left: 					0; 
	width: 						490px;
}

.section_greyline{
	height: 				1px;
	background: 			#c8c8c8;
}

.image_area{
	margin-bottom: 			6px;
	margin-top:			 	6px;
}

.spacer_gap{
	height: 				90px;
}
/* -------- END - Style for right of page (GREY BG) -------- */


/* -------- START - Fonts -------- */
.text_link {
	font-weight:			bold;
	color: 					#393939;
	text-decoration:		underline;
}

.text_link:hover {
	font-weight:			bold;
	color: 					#000000;
	text-decoration:		underline;
}

.contact_info {
	font-size:				15px;
	line-height:			22px;
	color:					#FFFFFF;
	font-weight:			normal;
	text-decoration:		none;
}

.contact_info_link  {
	font-size:				15px;
	line-height:			22px;
	font-weight:			normal;
	text-decoration:		none;
	color:					#ffde00;
}

.contact_info_link:hover  {
	font-size:			15px;
	line-height:		22px;
	font-weight:		normal;
	text-decoration:	none;
	color:				#FFFFFF;
}

.footer {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		16px;
	color:				#FFFFFF;
	font-weight:		normal;
	text-decoration:	none;
}

.footer_link  {
	font-weight:		normal;
	text-decoration:	none;
	color:				#ffde00;
}

.footer_link:hover  {
	font-weight:		normal;
	text-decoration:	none;
	color:				#FFFFFF;
}

.text {
	font-family:		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size:			12px;
	line-height:		18px;
	color:				#7d7d7d;
	font-weight:		normal;
}

.text_bold {
	font-weight:		bold;
	color: 				#393939;
}

.text_small {
	font-family:		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size:			10px;
	line-height:		16px;
}

.text_small_bold {
	font-weight:		bold;
}

.title {
	font-size:			30px;
	line-height:		30px;
	color:				#262626;
	font-weight:		normal;
}

.subtitle {
	font-size:			15px;
	line-height:		22px;
	color:				#535353;
	font-weight:		normal;
}

.popup_link  {
	font-size:			10px;
	font-weight:		normal;
	text-decoration:	none;
	color:				#8C8C8C;
}

.popup_link:hover  {
	font-size:			10px;
	font-weight:		normal;
	text-decoration:	none;
	color:				#4c4c4c;
}
/* -------- END - Fonts -------- */


/* -------- START - Mootools Accordion - General -------- */
.wrap {
	width: 				490px;
}

.topMargin {
	padding-top: 		16px;
}

.topMargin_extra {
	padding-top: 		20px;
}

.bottomMargin {
	padding-bottom: 	16px;
}

/* RED LINE */
.greyline{
	height: 			1px;
	background: 		#c8c8c8;
}

/* -------- END - Mootools Accordion - General -------- */


/* -------- START - Mootools Accordion - Menu 01 -------- */
.toggler {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#959595;
	display:			block;
	width:				100%;
	cursor:				pointer;
	height:				40px;
	background: 		#ffffff;

}
.toggler div{
	margin-left: 		10px;
}

.toggler div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.toggler div span{
	margin-left: 		13px;
	line-height:		35px !important;
	line-height: 		39px ;
}

/* toggler hover */
.toggler:Hover {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#f1ce92;
	display:			block;
	width:				100%;
	cursor:				pointer;
	height:				40px;
	background:			#f4f4f4;
	vertical-align: 	middle;
}
.togglerHover div{
	margin-left: 		10px;
}

.togglerHover div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.togglerHover div span{
	margin-left: 		13px;
	line-height: 		35px !important;
	line-height:		39px ;
}

.element {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	color: 				#848484;
	font-size:			11px;
	text-align:			justify;
	padding-left: 		20px;
	padding-right: 		20px;
	background:			#ffffff;
	border-right-width: 1px;
	border-left-width: 	1px;
	border-right-style: solid;
	border-left-style: 	solid;
	border-right-color: #c8c8c8;
	border-left-color: 	#c8c8c8;
}
/* -------- END - Mootools Accordion - Menu 01 -------- */


/* -------- START - Mootools Accordion - Menu 02 -------- */
.toggler2 {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#ffde00;
	display:			block;
	width:				100%;
	/*cursor:			pointer;*/
	height:				40px;
	background: 		#181818;

}
.toggler2 div{
	margin-left: 		10px;
}

.toggler2 div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.toggler2 div span{
	margin-left: 		13px;
	line-height:		35px !important;
	line-height: 		39px ;
}

/* toggler hover 
.toggler2:Hover {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#f1ce92;
	display:			block;
	width:				100%;
	cursor:				pointer;
	height:				40px;
	background:			#f4f4f4;
	vertical-align: 	middle;
}
.toggler2:Hover div{
	margin-left: 		10px;
}

.toggler2:Hover div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.toggler2:Hover div span{
	margin-left: 		13px;
	line-height: 		35px !important;
	line-height:		39px ;
}*/

.element2 {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	color: 				#848484;
	font-size:			11px;
	text-align:			justify;
	padding-left: 		0px;
	padding-right: 		0px;
	background:			#ffffff;
	border-right-width: 1px;
	border-left-width: 	1px;
	border-right-style: solid;
	border-left-style: 	solid;
	border-right-color: #c8c8c8;
	border-left-color: 	#c8c8c8;
}
/* -------- END - Mootools Accordion - Menu 02 -------- */


/* -------- START - Mootools Accordion - Menu 03 -------- */
.toggler3 {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#959595;
	display:			block;
	width:				100%;
	cursor:				pointer;
	height:				40px;
	background: 		#ffffff;

}
.toggler3 div{
	margin-left: 		10px;
}

.toggler3 div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.toggler3 div span{
	margin-left: 		13px;
	line-height:		35px !important;
	line-height: 		39px ;
}

/* toggler hover */
.toggler3:Hover {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#f1ce92;
	display:			block;
	width:				100%;
	cursor:				pointer;
	height:				40px;
	background:			#f4f4f4;
	vertical-align: 	middle;
}
.toggler3:Hover div{
	margin-left: 		10px;
}

.toggler3:Hover div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.toggler3:Hover div span{
	margin-left: 		13px;
	line-height: 		35px !important;
	line-height:		39px ;
}

.element3 {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	color: 				#848484;
	font-size:			11px;
	text-align:			justify;
	padding-left: 		20px;
	padding-right: 		20px;
	background:			#ffffff;
	border-right-width: 1px;
	border-left-width: 	1px;
	border-right-style: solid;
	border-left-style: 	solid;
	border-right-color: #c8c8c8;
	border-left-color: 	#c8c8c8;
}
/* -------- END - Mootools Accordion - Menu 03 -------- */


/* -------- START - Mootools Accordion - Menu 04 -------- */
.toggler4 {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#959595;
	display:			block;
	width:				100%;
	cursor:				pointer;
	height:				40px;
	background: 		#ffffff;

}
.toggler4 div{
	margin-left: 		10px;
}

.toggler4 div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.toggler4 div span{
	margin-left: 		13px;
	line-height:		35px !important;
	line-height: 		39px ;
}

/* toggler hover */
.toggler4:Hover {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#f1ce92;
	display:			block;
	width:				100%;
	cursor:				pointer;
	height:				40px;
	background:			#f4f4f4;
	vertical-align: 	middle;
}
.toggler4:Hover div{
	margin-left: 		10px;
}

.toggler4:Hover div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.toggler4:Hover div span{
	margin-left: 		13px;
	line-height: 		35px !important;
	line-height:		39px ;
}

.element4 {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	color: 				#848484;
	font-size:			11px;
	text-align:			justify;
	padding-left: 		20px;
	padding-right: 		20px;
	background:			#ffffff;
	border-right-width: 1px;
	border-left-width: 	1px;
	border-right-style: solid;
	border-left-style: 	solid;
	border-right-color: #c8c8c8;
	border-left-color: 	#c8c8c8;
}
/* -------- END - Mootools Accordion - Menu 04 -------- */


/* -------- START - Mootools Accordion - Menu 05 -------- */
.toggler5 {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#959595;
	display:			block;
	width:				100%;
	cursor:				pointer;
	height:				40px;
	background: 		#ffffff;

}
.toggler5 div{
	margin-left: 		10px;
}

.toggler5 div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.toggler5 div span{
	margin-left: 		13px;
	line-height:		35px !important;
	line-height: 		39px ;
}

/* toggler hover */
.toggler5:Hover {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	color: 				#f1ce92;
	display:			block;
	width:				100%;
	cursor:				pointer;
	height:				40px;
	background:			#f4f4f4;
	vertical-align: 	middle;
}
.toggler5:Hover div{
	margin-left: 		10px;
}

.toggler5:Hover div img{
	margin-top: 		12px !important;
	margin-top: 		16px;
}

.toggler5:Hover div span{
	margin-left: 		13px;
	line-height: 		35px !important;
	line-height:		39px ;
}

.element5 {
	font-family: 		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	color: 				#848484;
	font-size:			11px;
	text-align:			justify;
	padding-left: 		20px;
	padding-right: 		20px;
	background:			#ffffff;
	border-right-width: 1px;
	border-left-width: 	1px;
	border-right-style: solid;
	border-left-style: 	solid;
	border-right-color: #c8c8c8;
	border-left-color: 	#c8c8c8;
}
/* -------- END - Mootools Accordion - Menu 05 -------- */


/* ---------------- START - IMAGE SLIDER ------------- */
#SlideItMoo_outer {
	width:480px;
	display:block;
	margin: -4px;
	padding: 0px;
}

#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{
	display:block;
	position:relative;
	cursor:pointer;
	width:30px;
	height:30px;
	bottom:-15px;
	left:446px; 
	background:url(../images/nav_forward.gif) no-repeat center;
}

#SlideItMoo_outer .SlideItMoo_back { 
	bottom:15px;
	left:24px; 
	background:url(../images/nav_back.gif) no-repeat center;  
}

#SlideItMoo_inner{ 
	overflow:hidden ; 
	width:448px ; 
	margin:0px auto 0px;
	padding:0px 0px 0px;
}

#SlideItMoo_items { 
	display:block; 
}

#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	float:left; 
	margin:5px 5px 5px; 
	font-size:11px; 
	width:102px;
	text-align:center; 
	color:#FFFFFF;
}
#SlideItMoo_items a { height:154px; padding:0px; margin:0px 0px 0px; clear:both; display:block; background:#181818; padding:0px; }
#SlideItMoo_items a img{ border:none; }
/* ---------------- END - IMAGE SLIDER ------------- */