* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
	
	}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    background: white; 
    padding-bottom:100px;
    font: 14px/2.8 Georgia, Serif;
}

#focus-stealer      { position: absolute; left: -9999px; }

p { 

	}
strong, b {
	font-weight: bold;
	}
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	}
form{
	margin: 0;
	padding: 0;
	}
hr {
	border: 0px;
	color: white;
	background-color: transparent;
	border-top: 1px solid #BFC820;	
	margin-left: -10px;
	margin-bottom: 13px;
	}

.clear {
	clear:both;
}

.left {
	float:left;
	padding-right: 10px;
}

.right {
	float:right;
}

.hide {
	display: none;
	}
.highlight {
	color: #d9ecff;	
	}
.space{
	line-height:20px;	
	}	

		
/*header Container*/

#headerWrapper {
	width:980px;
	height: 94px;
	margin:0px auto;
	text-align:left;
	padding:0px 0px 0px 0px;
	background: url(../../images/homepage/logo_bg.png) left  top no-repeat;
}

#retreat_logo{
	width: 257px;
	height: 55px;
	float: left;
	background: url(../../images/homepage/retreat_logo.png) left  top no-repeat;
	padding:15px 10px 0px 20px;
	margin: 20px 1px 0 20px;
}

#retreat_slogan{
	width: 495px;
	height: 40px;
	float: left;
	background: url(../../images/homepage/retreat_slogan.png) left  top no-repeat;
	padding: 0px 0px 0px 0px;
    margin: 30px 8px 0 75px;
}


	
/*Main area*/

#mainWrapper {
	text-align:center;
	padding:1px 0px 0px 0px;
		width:980px;
	margin:0px auto;
}

#mainContainer {
	width:980px;
	margin:0px auto;
	text-align:left;
	padding:0px 0px 0px 0px;
}

#column1 {
	float:left;
	width:265px;
	padding:0px 0px 0px 0px;
}

#column2 {
	width:715px;
	float: left;
	padding:0px 0px 0px 0px;
}

/*LHS menu*/

#menu{
	margin: 10px 0 10px 0px;
	font-size: 17px;
	color: #008BE8;
	width: 245px;
	float: left;
	background: url(../../images/homepage/lhs_bg.png) left  top repeat-y;
	padding: 12px 10px 10px 10px;
	font-family: georgia, arial, helvetica, sans-serif;
	}
	
#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #008BE8;
	}

#menu li{
	float: left;
	display: inline;
	width: 245px;
	height: 20px;
	list-style: none;
	}
#menu li a{
	float: left;
	display: inline;
	font-size: 17px;
	color: #008BE8;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: none;
	}
#menu li a:hover{
	float: left;
	display: inline;
	font-size: 17px;
	color: #008BE8;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: underline;
	}
#menu li.menu_devider{
	float: left;
	display: inline;
	width: 240px;
	height: 14px;
	background: url(../../images/homepage/menu_devider.png) left  center no-repeat;
	list-style: none;
	}

/*caravan shows/ news*/
#announcements{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 20px 0px;
	font-size: 17px;
	color: #008BE8;
	width: 265px;
	float: left;
	background: url(../../images/homepage/lhs_bg.png) left  top repeat-y;
	font-family:  arial, helvetica, sans-serif;
	}

#announcements h1{
	margin: 0px 0px 0px 0px;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	width: 265px;
	height:33px;
	float: left;
	background: url(../../images/homepage/announcements_h1_bg.png) left top no-repeat;
	padding: 5px 0px 0px 6px;
	font-family:  georgia, arial, helvetica, sans-serif;
	}	
#announcements ul{
	list-style: none;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	color: #000000;
	font-family:  arial, helvetica, sans-serif;
	padding: 5px 5px 5px 7px;
	}

#announcements li{
	float: left;
	display: inline;
	width: 255px;
	list-style: none;
	}
#announcements li.heading{
	float: left;
	display: inline;
	width: 255px;
	list-style: none;
	font-size:  13px;
	font-weight: bold;
	color: #000000;
	font-family:  arial, helvetica, sans-serif;
	}
	
#announcements li{
	float: left;
	display: inline;
	font-size:  11px;
	color: #000000;
	font-family:  arial, helvetica, sans-serif;
	text-decoration: none;
	}
#announcements li a{
	float: left;
	display: inline;
	font-size:  11px;
	color: #000000;
	font-family:  arial, helvetica, sans-serif;
	text-decoration: none;
	}
#announcements li a:hover{
	float: left;
	display: inline;
	font-size:  11px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: underline;
	}
#announcements li.menu_devider{
	float: left;
	display: inline;
	width: 240px;
	height: 16px;
	background: url(../../images/homepage/menu_devider.png) left  center no-repeat;
	list-style: none;
	}


/*content area*/
#content {
	width:707px;
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../../images/homepage/content_bg.png) left top repeat-y;
	margin: 10px 0 10px 8px;
}
#flash_container{
	width: 691px;
	height: 209px;
	margin: 10px 0 10px 8px;
	}

#contentCol1 {
	float:left;
	display: inline;
	width:470px;
	padding:5px 8px 5px 12px;
	text-align:justify;
	color: #333333;
	font-size: 12px;
	letter-spacing: 0.08em;
	line-height: 19px;
	
}

#contentCol1 h1{
	color: #008BE8;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	font-size: 18px;
	font-family:  georgia, arial, helvetica, sans-serif;
}

#contentCol1 h2{
	color: #008BE8;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	font-size: 14px;
}

#contentCol1 ul{
	margin: 0px 0px 10px 10px;
	color: #333333;
	padding: 5px 5px 5px 7px;
	font-family: georgia,helvetica, arial, sans-serif;
	font-size: 10pt;
	}

#contentCol1 li{
	float: left;
	color: #333333;
	font-family: georgia,helvetica, arial, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	}
#contentCol1 li a{
	float: left;
	color: #333333;
	font-family: georgia,helvetica, arial, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	}
#contentCol1 li a:hover{
	float: left;
	color: #333333;
	font-family: georgia,helvetica, arial, sans-serif;
	font-size: 10pt;
	text-decoration: underline;
	}

#contentCol1_img{
	color: #008BE8;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	font-size: 18px;
	width: 453px;
	height:303px;
	float: left;
	background: url(../../images/homepage/home_img.jpg) left top no-repeat;
	margin: 8px 0px 10px 8px;
	border: 1px solid #333333;
}

#contentCol1 p{
	padding:10px 0px 0px 0px;
	font-size: 14px;
text-align:justify;
}

#contentCol1 a{
color:black;
font-weight:bold;
text-decoration:none;
}

#contentCol1 a:visited{
color:black;
font-weight:bold;
text-decoration:none;
}

#contentCol1 a:active{
color:black;
font-weight:bold;
text-decoration:none;
}
#contentCol1 a:hover{
color:black;
font-weight:bold;
text-decoration:underline;
}
		
#inputField { 
		color: #333333; 
		font-size: 12px; 
		font-family: georgia, arial, helvetica, sans-serif;
		}

#inputField input{ 
		color: #333333; 
		font-size: 12px; 
		font-family: georgia, arial, helvetica, sans-serif;
		height: 20px;
		padding: 0px 0px 0px 10px;
		margin: 10px 0px 0px 10px;
		}

#textField textarea{ 
		color: #333333; 
		font-size: 12px; 
		font-family: georgia, arial, helvetica, sans-serif;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 10px 0px;
		}
#inputFieldBold{ 
		color: #333333; 
		font-size: 11px;
		font-weight: bold;
		font-family: georgia, arial, helvetica, sans-serif;
		padding: 10px 0px 10px 0px;
		}
		
		
#contentGallery {
	float:left;
	display: inline;
	width:687px;
	padding:5px 8px 5px 12px;
	text-align:justify;
	color: #333333;
	font-size: 12px;
	letter-spacing: 0.08em;
	line-height: 19px;
	
}

#contentGallery h1{
	color: #008BE8;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	font-size: 18px;
	font-family:  georgia, arial, helvetica, sans-serif;
}

#contentGallery h2{
	color: #008BE8;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	font-size: 14px;
}
/*Site map*/

#sitemap ul{
	margin: 5px 5px 5px 40px;
	font-size: 13px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	padding: 5px 5px 5px 40px;
	float: left;
	display: inline;
		width: 310px;
	}

#sitemap li{
	float: left;
	width: 310px;
	font-size: 13px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: none;
	}
#sitemap li a{
	float: left;
	font-size: 13px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: none;
	}
#sitemap li a:hover{
	float: left;
	font-size: 13px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: underline;
	}
	

/*our range - features*/
#features{
	margin: 0px 5px 5px 10px;
	font-size: 11px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	padding: 0px 5px 5px 10px;
	float: left;
	width: 687px;
	}

#features ul{
	margin: 0px 0px 15px 0px;
	font-size: 11px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	padding: 0;
	float: left;
	width: 220px;
	}

#features li{
	float: left;
	width: 220px;
	font-size: 11px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: none;
	white-space: pre-wrap;
	}
#features li a{
	float: left;
	font-size: 11px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: none;
	}
#features li a:hover{
	float: left;
	font-size: 11px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: underline;
	}
	
/*dealers*/
#brisbaneRV{
	margin: 10px 0px 0px 0px;
	width: 163px;
	height: 47px;
	float: left;
	display: inline;
	background: url(../../images/homepage/brisbaneRvs.png) left  top no-repeat;
	padding: 0px 0px 0px 0px;
	}	
#groperRV{
	margin: 20px 0px 0px 0px;
	width: 141px;
	height: 20px;
	float: left;
	display: inline;
	background: url(../../images/homepage/groperRV.png) left  top no-repeat;
	padding: 0px 0px 0px 0px;
	}
#scenicCaravans{
	margin: 20px 20px 0px 0px;
	width: 118px;
	height: 34px;
	float: left;
	display: inline;
	background: url(../../images/homepage/scenicCaravans.png) left  top no-repeat;
	padding: 0px 0px 0px 0px;
	}	
#seventhStreet{
	margin: 15px 30px 0px 0px;
	width: 94px;
	height: 58px;
	float: left;
	display: inline;
	background: url(../../images/homepage/7thStreet.png) left  top no-repeat;
	padding: 0px 0px 0px 0px;
	}
#caravanningQueensland{
	margin: 15px 10px 0px 0px;
	width: 96px;
	height: 68px;
	float: left;
	display: inline;
	background: url(../../images/homepage/caravanningQueensland.png) left  top no-repeat;
	padding: 0px 0px 0px 0px;
	}
#cia{
	margin: 12px 0px 0px 30px;
	width: 39px;
	height: 42px;
	float: left;
	display: inline;
	background: url(../../images/homepage/cia.png) left  top no-repeat;
	padding: 0px 0px 0px 0px;
	}	
#RVMAA{
	margin: 35px 0px 0px 0px;
	width: 91px;
	height: 14px;
	float: left;
	display: inline;
	background: url(../../images/homepage/RVMAA.png) left  top no-repeat;
	padding: 0px 0px 0px 0px;
	}

/*end*/
	
#contentCol2 {
	float: left;
	display: inline;
	width:6px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../../images/homepage/contentCol2_bg.png) top left repeat-y;
	height: 694px;
}


#contentCol3 {
	width:202px;
	float:left;
	display: inline;
	padding:0px 0px 0px 9px;
}

/* catalogue */
#catalogue{
	margin: 0px 0px 20px 0px;
	font-size: 17px;
	color: #008BE8;
	width: 193px;
	float: left;
	background: url(../../images/homepage/lhs_bg.png) left  top repeat-y;
	padding: 0px 0px 0px 0px;
	font-family:  arial, helvetica, sans-serif;
	}
#catalogue h1{
	margin: 0px 0px 0px 0px;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	width: 193px;
	height:33px;
	float: left;
	background: url(../../images/homepage/rhs_menu_h1.png) left top no-repeat;
	padding: 5px 0px 0px 6px;
	font-family:  georgia, arial, helvetica, sans-serif;
	}	
#catalogue_image{
	margin: 0px 0px 0px 5px;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	width: 176px;
	height:140px;
	float: left;
	background: url(../../images/homepage/catalogue_image.png) left top no-repeat;
	padding: 5px 0px 0px 6px;
	font-family:  georgia, arial, helvetica, sans-serif;
	}	
	
/* videos */
#videos{
	margin: 0px 0px 20px 0px;
	font-size: 17px;
	color: #008BE8;
	width: 193px;
	float: left;
	background: url(../../images/homepage/lhs_bg.png) left  top repeat-y;
	padding: 0px 0px 0px 0px;
	font-family:  arial, helvetica, sans-serif;
	}
#videos h1{
	margin: 0px 0px 0px 0px;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	width: 193px;
	height:33px;
	float: left;
	background: url(../../images/homepage/rhs_menu_h1.png) left top no-repeat;
	padding: 5px 0px 0px 6px;
	font-family:  georgia, arial, helvetica, sans-serif;
	}	

#videos ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000000;
	font-family:  arial, helvetica, sans-serif;
	padding: 5px 5px 5px 7px;
	}

#videos li{
	float: left;
	display: inline;
	width: 193px;
	list-style: none;
	}
#videos li.heading{
	float: left;
	display: inline;
	width: 193px;
	list-style: none;
	font-size:  13px;
	font-weight: bold;
	color: #000000;
	font-family:  arial, helvetica, sans-serif;
	}
	
#videos li{
	float: left;
	display: inline;
	font-size:  11px;
	color: #000000;
	font-family:  arial, helvetica, sans-serif;
	text-decoration: none;
	}
#videos li a{
	float: left;
	display: inline;
	font-size:  11px;
	color: #000000;
	font-family:  arial, helvetica, sans-serif;
	text-decoration: none;
	}
#videos li a:hover{
	float: left;
	display: inline;
	font-size:  11px;
	color: #000000;
	font-family: georgia, arial, helvetica, sans-serif;
	text-decoration: underline;
	}
#videos li.rhs_devider{
	float: left;
	display: inline;
	width: 179px;
	height: 16px;
	background: url(../../images/homepage/rhs_devider.png) left  center no-repeat;
	list-style: none;
	}
#creekToCoast{
	float: left;
	display: inline;
	width:167px;
	height: 101px;
	background: url(../../images/homepage/video_creekToCoast.png) left  center no-repeat;
	list-style: none;
	margin: 5px 1px 5px 5px;
	}

#productionVideo{
	float: left;
	display: inline;
	width:167px;
	height: 101px;
	background: url(../../images/homepage/video_productionVideo.png) left  center no-repeat;
	list-style: none;
	margin: 5px 1px 5px 5px;
	}
	
	

/* Footer*/
#footerWrapper {
	width:980px;
	margin:0px auto;
	background:  url(../../images/homepage/footer_bg.png) top left repeat-y ;
	color: #333333;
	float: left;
	height: 57px;
}

#footerColumn1 {
	width:325px;
	float:left;
	text-align:left;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#footerColumn1  h1{
	font-size: 14px;
	padding:2px 0px 0px 5px;
	margin:5px 24px 10px 0px;
	color: #333333;
	font-weight: normal;
}
#footerColumn2 {
	width:325px;
	float:left;
	text-align:center;
	padding:20px 0px 0px 0px;
	margin:0px 0px 25px 0px;
}
#footerColumn2  h1{
	font-size: 14px;
	padding:15px 0px 0px 5px;
	margin:5px 24px 10px 0px;
	color: #333333;
	font-weight: normal;
}
#footerColumn2 a{
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	padding:0;
	font-weight: normal;
	}
#footerColumn2 a:hover{
	color: #000000;
	font-size: 14px;
	text-decoration: underline;
	padding:0;
	font-weight: normal;
	}
#footerColumn3 {
	width:325px;
	float:right;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 25px 0px;
}
#ideasUnboxed {
	float: right;
	display: inline;
	width:168px;
	height: 57px;
	background: url(../../images/homepage/ideasUnboxed.png) left  top no-repeat;
	margin: 0px 0px 0px 5px;
}