/*-----------------------------------------------------------------------------
Outdoor Events Australia Core Style Sheet

version:   1.0
author:    Flow Interactive, http://www.flowinteractive.net.au

/*----------------------------------------------------------------------------
COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY
-----------------------------------------------------------------------------*/

/* = General
--------------------------------------------------------*/
html {height: 100%}
body {
	font-family: Arial, helvetica, sans-serif;
	font-size: 76%;
	color: #000;
	background: #fff url(../images/new/bodybg.jpg) top center repeat-y;
	margin: 0;
	line-height: 150%;
	text-align: center;
	height:100%
}
a {
	color: #000
}
a img {border: none}
#footer a {color:#fff}
.cntr {text-align:center}
.right {text-align:right}
.float {float: left}
.mleft {margin-left: 20px}

/* = Typography
--------------------------------------------------------*/
h1 {font-weight: bold;font-size: 1.3em; color:#BE1E3A; margin: 0 0 0.5em 0}
h2 {font-weight: bold;font-size: 1.3em; color:#BE1E3A; margin: 0 0 0.5em 0}
#homecol h1 {margin-left: -33px; margin-bottom: 0}
#subcol h1 {padding: 10px 0 10px 70px; background:#0A1A2C; color:#fff; border-bottom: 2px solid #F98D00; font-size: 2em}
h3 {font-size: 1.2em; color:#F98D00; font-weight:bold; margin: 0.75em 0}
h4 {font-size: 1.2em; color:#CC3300; text-transform:uppercase; font-weight: bold; margin: 0.5em 0}
ul.star {list-style: disc url(../images/new/star.gif); margin-left: 1.5em}
li {margin-bottom:0.5em}
p {font-size: 1em; margin-bottom: 1em}
p#pLinks {margin-top: 2em}
#contactus {font-size: 2em; font-weight: bold; color:#0B1C2F; line-height:1.2em; text-align:center; margin-top: 20px}
#phone {color:#CC3300; font-size:1.3em}
a#enquire {display:block; margin-top: 35px; text-align:center}
ol {list-style:decimal; margin: 1em 0 1em 3em}
ul {list-style:disc; margin: 1em 0 1em 3em}
/*Header replacement*/
#homecol h1 {
	text-indent: -9000px;
	background: transparent url(../images/new/hometitle.jpg) top left no-repeat;
	width: 392px;
	height:68px
}
.hlight {font-weight:bold; color:#F98D00}
#free {padding-left: 80px; background: transparent url(../images/new/free.png) 0 10px no-repeat}
#subcol.col1 p, #subcol.col1 h3, #subcol.col1 img {padding: 0 10px}
/* = Menu
----------------------------------------------*/
/*#menu {
	position: relative;
	width: 960px;
	background: url(../images/new/menubg.jpg) repeat-x;
	z-index:100;
	height: 30px;
	
}
#menu ul {margin: 0 auto; padding: 0; line-height:1; list-style-type:none; width: 950px}
#menu li {float:left; position: relative}
#menu li a {
padding: 0.35em 1.1em 0.2em 1.1em;
font-weight: bold;
color: #0A1A2C;
display:block;
font-size: 1.2em;
text-decoration:none;
text-align:center;
z-index: 1
}
#menu li a:hover, #menu li a:active, #menu li a.sel {
	background:transparent url(../i/menusel.gif) 2px 9px no-repeat; color:#fff
}
#menu li a.sel {font-weight: bold}

/*Drop downs*/
/*#menu ul li ul {
	position: absolute;
	background: transparent url(../i/ddmenubg.png);
	border: 1px solid #ccc;
	width: 13em;
	display:none;
	z-index:1000
}
#menu ul li ul li a {width: 11em; margin:0; text-align:left; display:block}

#menu ul li:hover ul, .menu ul li a:hover ul, #menu ul li.sfhover ul {
	display:block
}*/

/*From original CSS file*/
#menu {
	background: #4A8A8C url(/images/new/menubg.jpg) left top repeat-x;
	width: 100%;
}
#menuinner {
	/*background: url(/images/menuB.gif) left bottom repeat-x;
	width: 100%;*/
}
#menu a {
	display: block;
	float: left;
	padding: 6px 17px 5px 17px;
	font-size: 1.2em;
	font-weight: bold;
	border-left: solid 1px #44515E;
	border-right: solid 1px #95A8B4;
}
#menu b {
	display: none;
}
#menu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:hover {
	background: #4A8A8C;
	color: #0A1A2C;
}
#menuclear {
	clear: both;
}
.popmenu {
	display: none;
	position:   absolute;
	z-index:100;
}
.popmenu a {
	display: block;
	width: 170px;
	background: #69A6A8;
	padding: 4px 3px 4px 21px;
	font-size: 100%;
	font-weight: bold;
	border-top: solid 1px #B0C5D1;
	border-bottom: solid 1px #5C6D7F;
}
.popmenu > a {
	width: 146px;
}
.popmenu a:link, .popmenu a:visited {
	background: #69A6A8;
	text-decoration: none;
	color: #FFFFFF;
}
.popmenu a:hover {
	background: #4A8A8C;
	text-decoration: none;
	color: #FFFFFF;
}

/* = Containers
----------------------------------------------*/
#wrapper {position: relative; width: 960px; min-height: 100%; margin: 0 auto;background: transparent url(../i/contbg.jpg) top repeat-x;}
* html #wrapper {height: 100%}
.col1 {float: left; width: 349px; padding: 0 10px; margin-right: 20px}
#homecol.col1, #subcol.col1 {background: transparent url(../images/new/col1bg.jpg) top left repeat-x}
#subcol.col1 {width: 470px; padding: 0}
#subcol.col1wide {width: 850px; padding: 0; background: transparent url(../images/new/col1bg.jpg) top left repeat-x}
#subcol.col1wide td {text-align:center; padding: 5px; vertical-align:middle}
.col2 {float: right; width: 490px}
#subcol2.col2 {width: 340px}
#bul-col1 {float: left; width: 65%}
#bul-col2 {float: left; width: 35%}
#container {padding-bottom: 2em}
#header {
	position: relative;
	background: transparent url(../images/new/headerbg.jpg) top left no-repeat;
	min-height: 151px
}
#logo {
	position: relative;
	padding: 10px 0 25px 25px;
}
#strapline, #strapline2 {
	position: absolute;
	top: 30px;
	right: 110px;
	font-weight: bold;
	color:#0B1D32;
	font-size: 1.6em
}
#strapline2 {
	position: absolute;
	top: 60px;
	right: 40px;
	text-align:right
}
#flashBanner {position:relative; margin-bottom: -5px; z-index:1}
#content {
	position: relative;
	background: #fff url(../images/new/contentbg.jpg) top left repeat-x;
	padding: 20px 20px 0 40px
}
.quadcolumn {
	float: left;
	width: 49%;
	text-align:center;
	margin-bottom: 25px
}
#footer {
	position:relative;
	width: 926px;
	padding: 0.5em 1.5em;
	margin: -0.7em auto 0 auto;
	font-size: 0.9em;
	background:#0A1A2C;
	color:#fff;
	text-align:right
}
#fl, #fr {float: left; width: 30%; top: 0}
#fr {width: 65%; text-align:right}

/* buttons */
.orangeBtn {
	position:relative;
	float:left;
	margin-top:6px;
	display:inline;
	color:#fff;
	text-decoration:none
}
.orangeBtn span {
	cursor:hand;
	position:relative;
	float:left;
	padding-left:13px;
	padding-right:9px;
	line-height:3.4ex;
	padding-bottom:10px;
}
.orangeBtn:hover, .orangeBtn:focus {
	background-position: right -95px;
}
.orangeBtn:hover span,
.orangeBtn:focus span {
	color:#fff;
	background-position: left -95px;
}
.orangeBtn{
	background:url("../images/new/orangebuttonright.gif") no-repeat right top;
}
.orangeBtn span{
	background:url("../images/new/orangebuttonleft.gif") no-repeat left top;
}
#headerStar {position: absolute; left: 25px; top: 5px; background: transparent url(../images/new/headerstar.png) no-repeat; width: 95px; height:68px}
#register {margin-top: 15px}
/* = Forms
----------------------------------------------*/
form#response {width: 500px}
div#register form {width: 500px}
#response div, #register p {clear:both}
#response label, #register label {float: left; width: 8em; font-weight: bold; color:#000}
#response input, #register input {float: left; width: 14em; color:#333; margin: 0 10px 5px 0; border: 1px solid #ccc}
#response fieldset {font-weight: bold; color:#000; border: 1px solid #000; padding: 10px}
textarea {font-family: Arial, helvetica, sans-serif; color:#333; font-size: 1em}
/* = Easy Clearing
----------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */