/* snowsurftravel.com.au --------------- by gocreate.com.au -------------------------------- */

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #000;
	margin: 4px 0 0 0;
	padding: 0;
	a.link, a.visited, a.active: #069;
}

* { margin: 0; padding: 0; }
p { margin: 14px 0; }

a, a:active { outline: none; }
:focus { -moz-outline-style: none; }

#ct *, #menubox *, #footer * { font-family: Arial, Helvetica, sans-serif; }

#ct p, #ct .t1 p, #ct .t1b p, #ct .t4 p, #ct .list li, #ct .list2 li, #ct .h2, #ct .h4i, 
#footer .f2, #ct form, #ct span, #ct select
{ font-size: 14px; }
#ct .h4, #ct .h3, #ct .t3 { font-size: 16px; }
#ct .h5 { font-size: 18px; }
#ct h1, #help h1 { font-size: 20px; }
#ct .t2, #ct .t7, #footer .f1 { font-size: 10px; }
#ct .t5, #ct .t5u, #ct .t6 { font-size: 12px; }

#center { margin-left: auto; margin-right: auto; text-align: center; }


/* keywords ----------------------------------------------- */

#kw { 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center; 
}

.kw { color: #FFF; font-size: 1px; }


/* home page ----------------------------------------------- */

.list ul { margin: 0; padding: 0; }
.list li { 
list-style-type: square; 
list-style-position: outside;
color: #069;
margin-left: 1.0em;
line-height: 1.5em;
position: relative;
}

.list2 ul { margin: 0; padding: 0; }
.list2 li { 
list-style-type: square; 
list-style-position: outside;
color: #000;
margin-left: 1.0em;
line-height: 1.5em;
position: relative;
}


/* text ----------------------------------------------- */

h1 { font-size: 20px; text-decoration: none; font-weight: bold; color: #069; margin: 16px 0 8px 0; text-transform: uppercase; }
#help h1 { font-size: 20px; text-decoration: none; font-weight: bold; color: #069; margin: 10px 0 0px 0; text-transform: uppercase; }

.h2, a.h2:link, a.h2:visited, a.h2:active  { text-decoration: none; font-weight: bold; color: #006699;}
a.h2:hover { text-decoration: none; color: #FF0000;}

.h3, a.h3:link, a.h3:visited, a.h3:active  { text-decoration: none; font-weight: bold; color: #FFFFFF;}
a.h3:hover { text-decoration: none; color: #FFFF00;}

.h4, a.h4:link, a.h4:visited, a.h4:active  { text-decoration: none; font-weight: bold; color: #006699;}
a.h4:hover { text-decoration: none; color: #FF0000; }

.h4i { font-style: italic; text-decoration: none; font-weight: bold; color: #006699;}

.h5, a.h5:link, a.h5:visited, a.h5:active { text-decoration: none; font-weight: bold; color: #FF0000;}
a.h5:hover { text-decoration: none; font-weight: bold; color: #FFFF00;}

.t1 { text-decoration: none; font-weight: normal; color: #000;}
a.t1:link , a.t1:visited, a.t1:active { text-decoration: underline; color: #069;}
a.t1:hover { text-decoration: none; color: #F00;}

.t1b { text-decoration: none; font-weight: bold; color: #000000; }
a.t1b:link, a.t1b:visited, a.t1b:active { text-decoration: underline; color: #006699; }
a.t1b:hover { text-decoration: underline; color: #FF0000; }

.t2 { text-decoration: none; font-weight: normal; color: #000000; }
a.t2:link, a.t2:visited, a.t2:active  { text-decoration: underline; color: #006699; }
a.t2:hover { text-decoration: underline; color: #FF0000; }

.t3 { text-decoration: none; font-weight: bold; color: #000000; }
a.t3:link, a.t3:visited, a.t3:active  { text-decoration: underline; color: #006699; }
a.t3:hover { text-decoration: underline; color: #FF0000;}

.t4 { text-decoration: none; font-weight: normal; color: #006699;}
a.t4:link, a.t4:visited, a.t4:active  { text-decoration: underline; color: #006699; }
a.t4:hover { text-decoration: underline; color: #FF0000;}

.t5, a.t5:link, a.t5:visited, a.t5:active  { text-decoration: none; font-weight: normal; color: #000000;}
a.t5:hover { text-decoration: underline; color: #FF0000; }

.t5u { text-decoration: none; font-weight: normal; color: #000000;}
a.t5u:link, a.t5u:visited, a.t5u:active  { text-decoration: underline; color: #000000;}
a.t5u:hover { text-decoration: underline; color: #FF0000; }

.t6 { text-decoration: none; font-weight: normal; color: #000000; }
a.t6:link, a.t6:visited, a.t6:active  { text-decoration: underline; color: #006699; }
a.t6:hover { text-decoration: underline; color: #FF0000; }

.t7 { text-decoration: none; font-weight: normal; color: #000000;}
a.t7:link, a.t7:visited, a.t7:active  { text-decoration: underline; color: #006699; }
a.t7:hover { text-decoration: underline; color: #FF0000; }

.f1, a.f1:link, a.f1:visited, a.f1:active { text-decoration: none; font-weight: normal; color: #000000;}
a.f1:hover { text-decoration: underline; color: #FF0000;}

.f2 { text-decoration: none; font-weight: bold; color: #006699; }
a.f2:link, a.f2:visited, a.f2:active { text-decoration: underline; color: #006699; }
a.f2:hover { text-decoration: underline; color: #FF0000; }


/* structural divs / tables ----------------------------------------------- */

#logohdr, #logoL, #logoR { height: 150px; display: block; padding: 0; }
#logohdr { width: 760px; background: #069; border-top: 1px solid #069;
position: relative; margin: 0 auto; clear: both; overflow: hidden; z-index: 1; }
#logoL, #logoR { top: 0px; position: absolute; }
#logoL { width: 213px; left: 0px; margin: 0; text-align: left; z-index: 2; border-right: 1px solid #FFF; }
#logoR { width: 545px; right: 0px; margin: 0; text-align: right; z-index: 2; border-right: 1px solid #069; }

#ctbox {
width: 760px;
margin: 0 auto;
text-align: center;
padding: 0;
background: #FFF;
border-left: 1px solid #069;
border-right: 1px solid #069;
z-index: 1;
}

#ct {
width: 730px;
margin: 0 auto 13px auto;
text-align: justify;
padding: 0;
font-size: 14px; 
background: #FFF;
border: none;
}

.hmspec, .hmspec2 {
width: 100%;
margin: 0 auto;
padding: 0;
background: #FFF;
border: none;
}
.hmspec { text-align: left; }
.hmspec2 { text-align: justify; }

#subnav { padding: 10px 0 0 0; }

#footer {
width: 760px;
margin: 0 auto;
text-align: center;
padding: 0;
background: #FFF;
border: none;
}

#njs { width: 100%; margin: 14px auto 0 auto; padding: 0; text-align: left; display: block; }

#cML, #cTI, #cHi, #cSnAc, #cSuAc, #cGeAc, #cTD, #cTr { display: none; position: relative; height: auto; width: 100%; }


/* navigation bar ----------------------------------------------- */

#navbar { width: 760px; height: 30px !important; background: #069; margin: 0 auto; clear: both; 
border-top: 1px solid #FFF; z-index: 1; }

#navbar, #menubox, #navbarR { display: block; padding: 0; }
#navbar, #menubox { position: relative; }

#menubox { width: 620px; background: #069; float: left; text-align: left; border: none; margin: 2px auto 0 auto; z-index: 4; }

#navbarR { width: 120px; height: 29px; position: absolute; right: 0px; top: 4px; margin: 0; overflow: hidden; z-index: 2; }
#sbox { width: 80px; font-size: 12px; margin: 0 0 0 0; vertical-align: middle; }
#sbtn { margin: 0 0 0 0; vertical-align: middle; }


/* menu ----------------------------------------------- */

#nav, #nav ul {
float: left; list-style: none; padding: 0; margin: 0;
line-height: 1.0em; background: #069; font-weight: bold; font-size: 13px;	
}
#nav { border: none; }
#nav ul { border: 1px solid #69C; z-index: 5;}

#nav a { display: block; color: #FFF; text-decoration: none; padding: 0.5em 0.6em; z-index: 7; }
#nav a.arrow { background: url(/images/arrowR.gif) center right no-repeat; }

#nav li { float: left; padding: 0; width: auto; }

#nav li ul {
position: absolute; left: -999em; height: auto; width: 14.4em; w\idth: 13.9em; margin: 0;
font-weight: normal; border-width: 2px; background: #FFF; z-index: 8;
}

#nav li li { padding-right: 1em; width: 12.9em; }
#nav li ul a { width: 13em;	w\idth: 9em; padding: 0.25em 1.0em; color: #069; z-index: 10;}
#nav li ul ul { margin: -1.45em 0 0 12.5em; }

#nav li:hover, #nav li.sfhover { background: #69C; }
#nav li ul li:hover, #nav li ul li.sfhover { background: #CCF; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto; 
}


/* borders etc ----------------------------------------------- */

.homebdr, .homebdrT { border-left: 1px solid #069; }
.homebdr { padding: 6px 14px 10px 14px; }
.homebdrT { padding: 6px 14px 0 14px; }

.homebdrLeft { border: none; padding: 6px 10px 10px 5px; }
.homebdrLeftT { border: none; padding: 6px 10px 0 5px; }

.homepadL { border-left: 1px solid #069; padding: 0 0 0 10px; }
.homepadL2 { padding: 50px 0 0 10px; text-align: center; }
.homepadR, .homepadR2 { padding: 0 10px 0 5px; }
.homepadR2 { text-align: justify; }

.pic { margin: 0 0 20px 0; }

.bdrNav {
border-top: 1px solid #FFF;
border-bottom: 1px none #FFF;
border-left: 1px solid #069;
border-right: 1px solid #069;
}

.bdrSnow1 {
	border-top: 1px solid #069;
	border-bottom: none;
	border-left: 1px solid #069;
	border-right: none;
}

.bdrSnow2 {
	border-top: none;
	border-bottom: 1px solid #069;
	border-left: none;
	border-right: 1px solid #069;
}


/* all sorts ----------------------------------------------- */

.hr1 { color: #006699; background-color: #006699; border: 0; height: 1px; width: 100%; text-align: center;} 

.container1 {height: 20px;}
.left-element {float: left;}
.right-element {float: right;}
*>html .left-element {width: 49%;}
*>html .right-element {width: 49%; text-align: right;}
  
.wrapright {
float:right;
margin-left:10px;
margin-bottom:10px;
}

.wrapright2 {
float:right;
margin-left:10px;
margin-bottom:0px;
}

.wrapleft {
float:left;
margin-top:0px;
margin-right:10px;
margin-bottom:10px;
}


/* clearing ----------------------------------------------- */

#clarity {
clear: both; 
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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