/* Styles for Perth Bartender */


/* -------- 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:		#000000;
	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:				11px;
	color: 					#FFFFFF;
}
* html body {
	overflow-y:				scroll;
}

#menu {
	position:				fixed; 
	display:				block; 
	top:					60px; 
	left:					328px; 
	width:					120px; 
	height:					280px; 
	background-color:		transparent; 
}
* html #menu {
	position:				absolute;
}

#logo {
	position:				fixed;
	display:				block;
	top:					35px; 
	left:					20px;
	width:					260px; 
	height:					68px;
	background-color:		transparent; 
}
* html #logo {
	position:				absolute;
}

#services {
	position:				fixed;
	display:				block;
	top:					140px;
	left:					20px;
	width:					266px;
	height:					120px;
	overflow:				hidden; 
}
* html #services {
	position:				absolute;
}

#tab_contact{
	position:				fixed; 
	display:				block; 
	top:					260px; 
	left:					20px; 
	width:					250px; 
	height:					280px; 
	background-color:		transparent; 
}
* html #tab_contact {
	position:				absolute;
}

#tab_copyright{
	position:				fixed; 
	display:				block; 
	top:					340px; 
	left:					20px; 
	width:					250px; 
	height:					80px; 
	background-color:		transparent; 
}
* html #tab_copyright {
	position:				absolute;
}

#divider_line{
	position:				fixed; 
	display:				block; 
	top:					36px; 
	left:					306px; 
	width:					1px; 
	height:					80px; 
	background-color:		transparent; 
}
* html #divider_line {
	position:				absolute;
}

#contentmain {
	position:				relative; 
	display:				block; 
	margin:					0 0 0 480px; 
	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; 
	right:					0; 
	width:					100%; 
	height:					4px; 
	background:				url(../images/bg_red.gif); 
	background-repeat:		repeat-x; 
	overflow:				hidden; 
	z-index:				99;
}
* html #topper {
	position:absolute; 
	right:0;
	right/* */:/**/17px; 
	right: /**/17px;
}

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

#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 (GREY BG) -------- */
.section_title{
top: 				0; 
left: 				0; 
width: 				490px;
margin-bottom: 		6px;
}

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

.section_redline{
height: 			1px;
background-image: 		url(../images/red_line.gif);
background-repeat: 		no-repeat;
}

.image_area{
height: 			300px;
}

.spacer_gap{
height: 			88px;
}

.pbimage {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 20px;
}
/* -------- END - Style for right of page (GREY BG) -------- */



/* -------- START - Fonts -------- */

a:link, a:active, a:visited {
    color: #F1CE92;
	text-decoration:	none;
}

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

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

.contact_info_link:hover  {
	font-size:			16px;
	line-height:		22px;
	font-weight:		normal;
	text-decoration:	underline;
	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:				#F1CE92;
}

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

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

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

.subtitle {
	font-size:			14px;
	line-height:		22px;
	color:				#8F8F8F;
	font-weight:		normal;
}

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

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



/* -------- START - Tooltips -------- */
.tip{ 
	width:					194px; 
	font-family:			"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	background:				url(../images/tip_text.png) left top repeat-y; 
}
.tip-top{ 
	background:				url(../images/tip_top.png) top left no-repeat; 
	height:					12px; 
	width:					194px; 
}

.tip-title	{ 
	color:					#F1CE92;
	font-weight:			bold; 
	margin:					0 16px 0 14px; 
}
.tip-text { 
	color:					#FFFFFF; 
	padding:				10px 16px 10px 14px;
}
.tip-bottom	{ 
	background:				url(../images/tip_bottom.png) left bottom no-repeat; 
	width:					194px; 
	height:					16px; 
}
/* -------- END - Tooltips -------- */



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

.topMargin {
	padding-top: 2px;
}

.bottomMargin {
	padding-bottom: 18px;
}

/* RED LINE */
.redline{
height: 			1px;
}

/* -------- 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: #FFFFFF;
	display:block;
	width:100%;
	cursor:pointer;
	height:38px;
	background: #1f1f1f;
	vertical-align: middle;
}

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

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

.toggler:Hover {
	color: #f1ce92;
	background: #363636;
}

.toggler:Hover div{
	margin-left: 6px;
}

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

/* accordion elements */
.element {
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	color: #d7d7d7;
	font-size:			11px;
	line-height:		17px;
	text-align:left;
	padding-left: 20px;
	padding-right: 16px;
	background: #363636;
}

/* -------- 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: #FFFFFF;
	display:block;
	width:100%;
	cursor:pointer;
	height:38px;
	background: #1f1f1f;
	vertical-align: middle;
}

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

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

.toggler2:Hover {
	color: #f1ce92;
	background: #363636;
}

.toggler2:Hover div{
	margin-left: 6px;
}

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

/* accordion elements */
.element2 {
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	color: #d7d7d7;
	font-size:			11px;
	line-height:		17px;
	text-align:left;
	padding-left: 20px;
	padding-right: 16px;
	background: #363636;
}

/* -------- 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: #FFFFFF;
	display:block;
	width:100%;
	cursor:pointer;
	height:38px;
	background: #1f1f1f;
	vertical-align: middle;
}

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

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

.toggler3:Hover {
	color: #f1ce92;
	background: #363636;
}

.toggler3:Hover div{
	margin-left: 6px;
}

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

/* accordion elements */
.element3 {
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	color: #d7d7d7;
	font-size:			11px;
	line-height:		17px;
	text-align:left;
	padding-left: 20px;
	padding-right: 16px;
	background: #363636;
}

/* -------- 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: #FFFFFF;
	display:block;
	width:100%;
	cursor:pointer;
	height:38px;
	background: #1f1f1f;
	vertical-align: middle;
}

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

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

.toggler4:Hover {
	color: #f1ce92;
	background: #363636;
}

.toggler4:Hover div{
	margin-left: 6px;
}

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

/* accordion elements */
.element4 {
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	color: #d7d7d7;
	font-size:			11px;
	line-height:		17px;
	text-align:left;
	padding-left: 20px;
	padding-right: 16px;
	background: #363636;
}

/* -------- END - Mootools Accordion - Menu 04 -------- */