/* Styles for Perth Bartender */


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

* :focus { outline: 0; }

body{
margin: 			0;
padding: 			0;
border: 			0;
font-family:		"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:			11px;
color:				#000000;
background-color: 	#1F1F1F;
}
/* -------- END - Generic Page Layout -------- */


/* -------- START - Style for right of page (GREY BG) -------- */
.mainContent_area{
position:			fixed;
width: 				490px;
margin-top: 		40px;
margin-left: 		30px;
}

.mainContent_wrap {
width: 				490px;
margin:				40px 0 0 30px;
}

.section_title{
position:			relative;
top: 				0; 
left: 				0; 
width: 				490px;
margin-bottom: 		6px;
}

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

.section_redline{
margin-top: 		8px;
height: 			1px;
}

.image_area{
height: 			300px;
}

.spacer_gap{
height: 			79px;
}

.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;
}
/* -------- END - Fonts -------- */


/* -------- 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;
	position: relative;
}

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

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

.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:38px;
	background: #363636;
	vertical-align: middle;
}
.toggler:Hover div{
	margin-left: 6px;
	position: relative;
}

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

.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;
	position: relative;
}

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

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

.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:38px;
	background: #363636;
	vertical-align: middle;
}
.toggler2:Hover div{
	margin-left: 6px;
	position: relative;
}

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

.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;
	position: relative;
}

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

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

.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:38px;
	background: #363636;
	vertical-align: middle;
}
.toggler3:Hover div{
	margin-left: 6px;
	position: relative;
}

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

.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 - 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 - STATIC Accordion (Popup Pages) -------- */
.toggler_static_odd {
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	display:block;
	width:100%;
	height:38px;
	background: #363636;
	vertical-align: middle;
}
.toggler_static_odd div{
	margin-left: 6px;
	position: relative;
}

.toggler_static_odd div img{
	position: absolute;
	margin-top: 16px !important;
	margin-top: 12px;
}

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

.element_static_odd {
	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;
}

.toggler_static_even {
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	display:block;
	width:100%;
	height:38px;
	background: #1f1f1f;
	vertical-align: middle;
}
.toggler_static_even div{
	margin-left: 6px;
	position: relative;
}

.toggler_static_even div img{
	position: absolute;
	margin-top: 16px !important;
	margin-top: 12px;
}

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

.element_static_even {
	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: #1f1f1f;
}
/* -------- END - STATIC Accordion (Popup Pages) -------- */