/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

/*  @group LAYOUT - ID + CLASSES  */

/* @group 0.  */

body {
	height: 100%;
}

#backgroundImage {
	display: block; position: fixed;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}


#container {
	display: block; position:absolute;
	z-index:1;
	top:-1px; left:0;
	width:100%; height:100%;
	min-height:100%;
}

html > body #container {
	height:auto;
}

#sub-container {
	display: block; position:relative;
	height:auto;
	margin:0;padding:0 0 70px;
	width:1166px;
	z-index:2;
}


.home #sub-container {
	min-height:730px;
}	


#footer {
	display: block; position:absolute;
	bottom:0; left:0;
	height:71px; width:100%;
	padding: 20px 0 0 0; margin: 0;
	z-index:3;
	background: transparent url(../images/background/footer-background.png) repeat-x scroll left top;
}

#headerAd {
	float:right;
	width: 469px;
	height: 61px;
	margin: 75px 5px 0 0;
}

#footerAd {
	float:right;
	margin: 0 5px 15px 0;
	width: 728px;
	height: 90px;
}

/* @end */


/* @group 1. logotype */

#logotypeBox {
	display: block;
	width: 337px; height: 159px;
	margin: 46px 0 0 25px; padding: 0;
	background: transparent url(../images/logotypes/Logotype.png) no-repeat scroll left top;
}

/* @end */


/* @group 2. navigation */

#navigation {

}

/* @end */


/* @group 3. Main Content */

.inside #mainContentBox {
	background: transparent url(../images/background/background-lines.png) no-repeat 229px 174px;
}

.sidePanel-left {
	display: block; float: left;
	width: 214px;
	margin: 0; padding: 0;
}

.centreColumn {
	display: block; float: left;
	width: 560px;
	margin: 0 14px 0 0; padding: 15px;
	background: transparent url(../images/background/centreColumn-white.png) repeat-y left top;
}

.centreColumnEnd {
	display: block;
	width: 590px;
	margin: 0; padding: 0;
	background: transparent url(../images/background/centreColumn-end.png) no-repeat left top;
}

.centreColumn .inner {
	display: block;
	width: 500px;
	padding: 20px 25px 25px 25px;
	background: transparent url(../images/background/centreColumn-dark.png) repeat-y left top;
}

.sidePanel-right {
	display: block; float: left;
	width: 338px;
}

.sidePanel-right .inner {
	display: block;
	width: 328px;
	padding: 5px;
	background: transparent url(../images/background/sidePanel-right-white.png) repeat-y left top;
}

.home .sidePanel-left {
	width: 633px;
}
.home .sidePanel-right {
	width: 328px;
	padding-top: 61px;
}

.home  .sidePanel-right .inner {
	width: 216px;
	padding: 7px 7px 30px 111px;
	background: transparent url(../images/background/sidePanel-right-Hwhite.png) repeat-y right top;
}

.home .sidePanel-right .adpos1 {
	padding: 7px 7px 30px 111px;
}

#homeIntro {
	display: block; position: absolute;
	top: 520px; left:25px;
	width: 645px; height: 125px;
}

#innerIntro {

}

/* @end */


/* @group 4. footer */

#footerLogos {
	display: block; float: left;
	width: 425px; height: 71px;
	background: transparent url(../images/background/logoDivider.gif) no-repeat right top;
}

#footerNav {
	display: block; float: left;
	width: 720px; height: 33px;
	text-align: right;
}

#poweredByBox{
	display: block; float:left;
	width: 720px; height: 14px;
}

/* @end */

/* @group  GENERIC CLASSES  */

.clearer {
	clear:both;
	display:block;
	margin:0; padding:0;
	width:100%; height:60px;
}

/* @end */

/* @end */

/* @group  HEADINGS  */

/* NB --- do NOT style base HTML tags
h1{}
h2{}
h3{}
h4{}
h5{}
*/

#homeIntro h2 {
	display: block;
	color: #FFF;
	margin: 0 0 7px 0;
}

.centreColumn h2 {
	display: block;
	color: #FFF;
	font-size: 130%;
	margin: 0 0 10px 0;
}

#logotypeBox h3 {
	display: block;
	text-indent: -500em;
}

/* @end */

/* @group  PARAGRAPHS  */

/* NB --- do NOT style base HTML tags
p{}
*/

p.breadcrumbs {
	display:block;
	height:14px; width:100%;
	margin: 10px 0 6px 0; padding:0;
	font-size:75%; color:#FFF;
}

/* @end */

/* @group  QUOTES  */

/* NB --- do NOT style base HTML tags
blockquote{}
blockquote p{}
cite{}
blockquote cite{}
*/

/* @end */

/* @group  CODE  */

/* NB --- do NOT style base HTML tags
pre{}
code{}
p code{}
pre code{}
*/

/* @end */

/* @group  LISTS  */

/* NB --- do NOT style base HTML tags
ol{}
ul{}

li{}

ol li{}
ul li{}
*/

#navigation ul {
	list-style-type:none;
	margin: 0; padding: 0;
}

.beachbTemp #navigation ul.hasChildren {
	padding-bottom: 49px;
	background: transparent url(../images/background/subnav_bottom.png) no-repeat left bottom;
}

#navigation ul ul {
	margin-top:12px;
	padding-bottom:6px;
	background: transparent url(../images/background/subnav_repeat.png) repeat-y left top;
}

#navigation li {
	display:block;
	width: 189px; height:46px;
	margin:0; padding:9px 0 0 0;
}

#navigation li.open {
	height: auto;
	background: transparent url(../images/background/subnav_top.png) no-repeat left 64px;
}

	/*#navigation ul li.mN_beachb .open ul {
		padding-bottom: 64px;
		background: transparent url(../images/background/subnav_bottom.png) no-repeat left bottom;
	}*/

#navigation li.underOpen {
	background: transparent url(../images/background/subnav_bottom.png) no-repeat left top;
}

#navigation li li {
	height: auto;
	margin: 0; padding: 0;
}

#footerNav ul {
	/*float: left;*/
	margin:17px 0 8px 0; padding:0;
	height: 14px;
	list-style-type:none;
	font-size:69%;
	color: #000;
}

#footerNav li {
	display:inline;
	margin:0; padding:0;
	margin-left:7px;
}

#footerNav li a {
	color: #F04E30; text-decoration:none;
	font-weight: bold;
	padding:0 8px 0 0;
	border-right: 1px solid #636363;
}

#footerNav li.lastNav a { padding-right: 0; border-width:0;}
#footerNav li a:hover { color: #FFF;}


/* @end */

/* @group  IMAGES  */

/* NB --- do NOT style base HTML tags
img{ }
img a{ }
img a:hover{ }
*/

img.fL_srfN {
	margin-left: 14px;
}

/* @end */

/* @group  BREAK  */

/* NB --- do NOT style base HTML tags
hr{}
*/

.centreColumnEnd hr, .clearer hr { display:none; }

/* @end */

/* @group  LINKS  */

/* NB --- do NOT style base HTML tags
a{ }
a:hover{ }
a:visited, a:active, a:focus{ }
a:visited{ }
a:active{ }
a:focus{ }
*/

.mN_learntosurf a, .mN_festivalsevents a, .mN_beachtowns a, .mN_beachbrands a, .mN_surfingholidays a {
	display: block;
	width: 189px;
	height: 94px;
	text-indent: -500em; outline:none;
	background: transparent url(../images/background/navigation.png) no-repeat left top;
}

.mN_learntosurf a { background-position: left top;}
.mN_learntosurf a:hover, .mN_learntosurf.open a, .mN_learntosurf.openOnly a { background-position: left -94px;}

.mN_festivalsevents a { background-position: left -188px;}
.mN_festivalsevents a:hover, .mN_festivalsevents.open a, .mN_festivalsevents.openOnly a { background-position: left -282px;}

.mN_beachtowns a { background-position: left -376px;}
.mN_beachtowns a:hover, .mN_beachtowns.open a, .mN_beachtowns.openOnly a  { background-position: left -470px;}

.mN_beachbrands a { background-position: left -564px;}
.mN_beachbrands a:hover, .mN_beachbrands.open a, .mN_beachbrands.openOnly a  { background-position: left -659px;}

.mN_surfingholidays a { background-position: left -753px;}
.mN_surfingholidays a:hover, .mN_surfingholidays.open a, .mN_surfingholidays.openOnly a  { background-position: left -848px;}

.mN_learntosurf li a , .mN_festivalsevents li a, .mN_beachtowns li a, .mN_beachbrands li a, .mN_surfingholidays li a {
	text-indent: 0;
	text-align: right;
	width: 164px;
	height: auto;
	padding: 0 28px 8px 0; margin: 0;
	color: #FFF;
	text-decoration: none;
	font-size: 75%; font-weight:normal;
	background: none;
}

.mN_learntosurf li a:hover, .mN_festivalsevents li a:hover, .mN_beachtowns li a:hover, .mN_beachbrands li a:hover, .mN_surfingholidays li a:hover {
	color: #F67354;
}

p.breadcrumbs a {
	color: #AF7B85; text-decoration:none;
}
p.breadcrumbs a:hover { text-decoration:underline; }

a img { border-width:0;}

#logotypeBox a {
	display: block;
	width: 337px; height: 159px;
	text-indent: -500em;
}


/* @end */

/* @group  FORMS  */

/* @end */