/* --------- Meta Layout --------- */

body {
	font: 76% Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #f3f3f3 url(../images/body-bg.gif);	
	}
#main-wrapper {
	margin:0 auto;
	padding: 0;
	width: 940px;
	background:#fff;
	}
#contentwrapper {
	margin: 0;
	padding: 0 0 30px 0;
	border-bottom:#76A99D solid 2px;
	}
#skip {
	display:none;
	}

/* --------- weather --------- */

div.weather {
	float:left;
	margin: 0 10px 18px 0;
	text-align:center;
	padding:0 0 15px 0;
	border:#2881ab solid 1px;
	width: 210px;
	}
div.weather h3 {
	text-transform:uppercase;
	color: #fff;
	background: #333333;
	width: 190px;
	padding: 5px 10px 6px 10px;
	margin: 0 0 12px 0;
	}
	
/* --------- Horizontal menu menu --------- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 100%;
background-color:#424a52;
voice-family: "\"}\"";
voice-family: inherit;
float:left;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 0 0 0; /*Margin between each menu item*/
padding: 5px 20px;
text-decoration: none;
letter-spacing: 1px;
background-color: #424A52; /*Default menu color*/
border-right: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #76A99D; /*Brown color theme*/ 
border-color: #76A99D; /*Brown color theme*/ 
border-right: 1px solid white;
}

#modernbricksmenuline{
clear: both;
padding: 0;
margin: 0 0 2.7em 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #76A99D; /*Brown color theme*/ 
}


/* --------- Feature image --------- */

img.feature {
	float:right;
	margin: 0 0 10px 0;
	padding-left: 12px;
	}

/* --------- Flash --------- */

#flashcontent {
	margin: 0 0 20px 0;
	}
	
/* --------- paragraph --------- */

p {
	line-height: 1.6em;
	}

/*------------headers-------------*/
#content-column h2 {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	font-size:1.9em;
	color:#757b82;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1em;
	}
#content-column h2 span{
	color:#76A99D;
	font-weight:bolder;
	}
#left-column h3, #right-column h3 {
	font: bold 1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 1.4em 0 0 0;
	padding: 5px 0 6px 10px;
	background-color: #76A99D;
	color:#fff;
	}
#left-column h3.first {
	margin-top: 0;
	}
#left-column h3 span, #right-column h3 span{
	color:#1A246A;
	}
#miniheader {
	margin: 0;
	padding: 0;
	width: 940px;
	height: 34px;
	background:#424a52 url(../images/miniheader-bg.gif) right top repeat-y;
	}

#header {
	margin:0 0 2px 0;
	padding: 0;
	height:6em;
	background-color: #fff;
/*	border-bottom:#90ae02 solid 2px; */
	overflow:hidden;
	}
#header #title1 {
	width: 679px;
	margin: 0;
	padding: 20px 0 0 25px;
	height:5.6em;
	float:left;
	background:#fff url(../images/header-bg.gif) left 13px no-repeat;
	}

#title1 h1 { /* "Sunshine Coast Holiday Accommodation" */
	font-weight: normal;
	margin: 0 0 0 20px;
	padding: 0;
	color:#76A99D;
	font-size:2.5em;
	letter-spacing: -0.05em;
	}
#title1 h1 span { /* "Sunshine Coast" */
	font-weight: normal;
	margin: 0 65px 0 190px;
	padding: 0;
	color:#76A99D;
	letter-spacing: -0.05em;
	font-size: 110%;
	}
#title1 h1 a{
	margin: 0;
	padding: 0;
	color:#5a636c;
	letter-spacing: -0.05em;
	text-decoration:none;
	}

#header #title2 {
	margin: 0;
	padding: 10px 0 0 0;
	width: 410px;
	height:5.8em;
	float:left;
	text-align:center;
	background:#fff url(../images/headbar.gif) right 13px no-repeat;
	}
#header #title2 p {
	margin: 0;
	padding: 1.5em 0 0 0;
	color:#474f58;
	font-size:1.2em;
	font-weight:500;
	}	
#header #titlelinks {
	float: right;
	margin: 0;
	padding: 14px 8px 0 0;
	width: 200px;
	height:5.8em;
	font-size:1.1em;
	text-align: right;
	}
#header #titlelinks ul {
	margin: 0;
	padding: 0;
	list-style:none;
	font: .8em Tahoma, Arial, Helvetica, sans-serif;
	}
#header #titlelinks li {
	margin: 0;
	padding: .1em 0 .1em 0;
	background:url(../images/titlelinks-bullet.gif) right center no-repeat;
	}	
#header #titlelinks li a{
	margin: 0 10px 0 0;
	padding:0 0 0 0;
	color:#666c71;
	text-decoration:none;
	}	
#header #titlelinks li a:hover, #header #titlelinks li a.nowpage {
	text-decoration:underline;
	color: #ff0000;
	}	



/*---------links------------*/

a.external {
	padding-right: 7px;
	background: url(../images/external.gif) right center no-repeat;
	margin-right: 2px;
	}

a:link {
	text-decoration: underline;
	color:#474f58;
	}
a:visited {
	text-decoration: underline;
	color:#666666;
	}
a:hover {
	text-decoration: none;
	color:#e13817;
	}
a:active {
	text-decoration: none;
	color:#e13817;
	}
	
.linklist {
	margin: 8x 0 20px 0;
	padding: 0 10px 0 10px;
	background-color:#f3f3f3;
	border: solid #CCCCCC 1px;
	}
.linklist2 {
	margin: 8x 0 20px 0;
	padding: 0 10px 0 10px;
	background-color:#f3f3f3;
	border: solid #CCCCCC 1px;
	}
.linklist ul, .linklist2 ul, .linklist p {
	margin: 8px 0 15px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	}

.linklist2 ul {
	border: none;
	}
.linklist li {
	margin: 0;
	padding: .3em 0 .4em 10px;
	background:url(../images/bullet-linklist.gif) left center no-repeat;
	font: 1em Tahoma, Arial, Helvetica, sans-serif;
	border-bottom:#aaa4a1 dashed 1px;
	}
.linklist li.bottom, .linklist2 li.bottom {
	border: none;
	}
.linklist2 li {
	margin: 0;
	padding: 4px 0 4px 10px;
	background:url(../images/bullet-linklist.gif) left 10px no-repeat;
	font: 1em Tahoma, Arial, Helvetica, sans-serif;
	border-bottom:#aaa4a1 dashed 1px;
	}
.linklist li a:link, .linklist2 li a:link, .linklist p a:link {
	margin: 0;
	padding: 0 0 0 0;
	color:#474f58;
	text-decoration:none;
	}	
.linklist li a:visited, .linklist2 li a:visited, .linklist p a:visited{
	margin: 0;
	padding: 0 0 0 0;
	color:#474f58;
	text-decoration:none;
	}
.linklist li a:hover, .linklist2 li a:hover, .linklist p a:hover {
	margin: 0;
	padding: 0 0 0 0;
	color:#e13817;
	text-decoration:underline;
	}
.linklist li a:active, .linklist2 li a:active, .linklist p a:active {
	margin: 0;
	padding: 0 0 0 0;
	color:#e13817;
	text-decoration:underline;
	}	
.linklist p {
	font-size:0.9em;
	}		
/* -------left column-------*/
#wrapper {
	margin: 0;
	padding: 0 0 0 12px;
	width:710px;
	float:left;
	background-color:#fff;
	}
#content-column {
	margin: 0;
	padding: 0;
	width: 470px;
	float:right;
	background-color:#fff;
	}
#left-column {
	margin: 0;
	padding: 0;
	width: 210px;
	float:left;
	background-color:#fff;
	}
.subsection {
	margin: 25px 17px 25px 0;
	padding: 0;
	background-color:#fff;
	width: 100px;
	float:left;
	}
.rightmost {
	margin-right: 0;
	}
.subsection img {
	margin: 0;
	padding: 0;
	border:#000 solid 1px;
	}
.subsection p {
	margin: 2px 0;
	padding: 0;
	font-size: 0.9em;
	}
.last-p {
	margin: 10px auto 30px auto;
	padding: 0 0 0 0;
	border-bottom:#aaa4a1 dashed 1px;
	width:320px
	}
				
/* -------right column-------*/
/*---for old IE--*/
#right-column {
	margin: 0 10px 0 0;
	padding: 0;
	width:160px;
	float:right;
	background-color:#fff;
	}
/*----------------*/
body>div#main-wrapper>div#contentwrapper>div#right-column {
	margin: 0 20px 0 0;
	padding: 0;
	width:160px;
	float:right;
	background-color:#fff;
	}
#ad {
	margin: 0 10px;
	padding: 15px 10px;
	border:#666 solid 1px;
	text-align:center;
	}
	
/* --------- Map --------- */

div#map {
	height: 450px;
	margin: 20px 0 0 0;
	border:#000 solid 1px;
}
#side-bar a:hover {
	text-decoration: underline;
	}
#side-bar p {
	font-size: 1em;
	margin: .4em 0 .4em 0;
	padding-left: 10px;
	background: url(../images/bullet-blue.gif) 0 .55em no-repeat;
	}
#side-bar {
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 1em;
	}
 #side-bar-title {
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 1em;
	}
/*-------footer--------*/
#footer {
	clear:both;
	margin: 2px 0 0 0;
	padding: 15px 20px 8px 20px;
	width: 900px;
	background-color:#fff;
	text-align:center;
	border-top:#76A99D solid 1px;
	font-size: 0.8em;
	}
#footer p {
	font-size:1.1em;
	}
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}	
#footer li {
	margin: 0;
	padding: 0 5px;
	display:inline;
	border-right:#666c71 1px solid;
	}
#footer li.last {
	border:none;
	}
#footer li a, #footer p a{
	margin: 0;
	padding: 0;
	color: #666c71;
	}		
/* -----alter default styles------ */
	
	
	
/* --------- Clearfloat --------- */

.clearfloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
	}
.clearfloat { display: inline-block; }
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }