@charset "utf-8";
/* CSS Document */

/* Reference: http://www.w3schools.com/Css/css_howto.asp


/*---------------------
 NORMALIZE EVERYTHING
---------------------*/

* {margin:0;padding:0;} 

img { behavior: url(../sunshinecoasttouristinfo/iepngfix.htc) } /* div, a, link must be relative to document not css */

html, body, #wrap {height: 100%;}

#wrap {
	width:900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;} 


#footer {position: relative;
	height: 45px;
	} 


/*---------------------
 BASIC home bg SETTINGS
---------------------*/

body {
	margin: 0 auto;
	color:#c5c3c4;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#bg_homepage {background:#008cd3 url("../images/bg_home.jpg") repeat-x center top;
	background-attachment: scroll;}
	
#bg_accommodation {background:#008cd3 url("../images/bg_living.jpg") repeat-x center top;
	background-attachment: scroll;}
	

/* other table header*/

.general_table {
	margin-top: 30px;
	clear:both;
}
#content .video_table {
	position: relative;
	margin: 0 auto;
	z-index: 1;
	clear:both;
}

p {margin:18px 0 5px 0;}

/*Image settings*/


/*---------------------
 MAIN SCAFFOLD
---------------------*/

/* Content Area */
#main {
	width:900px;
	margin:0 auto;
	clear:both;
	}
	
/* Header container */
#header {
	padding:0;
	height:150px;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 0px solid #97A2BA;}

#header #logo {
	width: 517px;
	height: 200px;
	float: left;}

#header #subscribe {
	position: absolute top right scroll;
	width: 155px;
	padding-top: 0px;
	height:147px;
}
#header .slogan {
	float: left;
	width: 400px;
	margin-top: 30px;
	font-size: 22px;
	line-height: 100%;
}

#header .page_title {
	margin-top: 20px;	
}

#header #toplinks {
	float: right;
	width: 200px;
	margin-top: 12px;
	font-size: 22px;
	height:70px;
	line-height: 140%;
	font-size: 12px;
	text-align: right;
}
#toplinks a, #toplinks a:visited {
	color:#ffffff; text-decoration: none;}
#toplinks a:hover, #toplinks a:active {
	color:#ffffff;
	text-decoration: underline;
}


/* secondary container */

#content {
	width:800px;
	margin:0 auto;
	padding: 0 0 0 0;
	color: #FFF;
}
	
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 40px;
	height: 25px;
	padding-top: 7px;
	font-size: 16px;
	background-image: url(../images/accept.png);
	background-position: left;
	background-repeat: no-repeat;
	text-align: left;
	font-style: normal;
}
#content h1 a, #content h1 a:visited {
	color:#ffffff; text-decoration:underline;}
#content h1 a:hover, #content h1 a:active {
	color:#ffffff;
	text-decoration:none;
}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 40px;
	height: 25px;
	padding-top: 7px;
	font-size: 16px;
	background-image: url(../images/info.png);
	background-position: left;
	background-repeat: no-repeat;
	text-align: left;
	font-style: normal;
}
#content h2 a, #content h2 a:visited {
	color:#8AB9FF;
	text-decoration:underline;
}
#content h2 a:hover, #content h2 a:active {
	color:#8AB9FF;
	text-decoration:none;
}

#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 40px;
	height: 25px;
	padding-top: 7px;
	font-size: 12px;
	background-image: url(../images/accept.png);
	background-position: left;
	background-repeat: no-repeat;
	text-align: left;
	font-style: normal;
}
#content h3 a, #content h3 a:visited {
	color:#0066FF; text-decoration:underline;}
#content h3 a:hover, #content h3 a:active {
	color:#1F67E0;
	text-decoration:none;
}



/* Footer */
#footer {
	background-color: transparent;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 20px;
	font-size: 12px;
}


#footer a {
	color:#9FF;
	text-decoration:none;
}
#footer a:hover {
	color:#039;
	text-decoration:underline;
}
#footer a:visited  {
	color:#9FF;
	text-decoration:none;
}

	
#foot { /* .push must be the same height as .footer */

	width:100%;
	margin:0 auto;
	background-color: transparent;
	height:45px;
	padding: 0;
	text-align: center;}
	
#googlemap {
	width: 480px;
	height: 500px;
	border: 5px solid #0062bb;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
	/*---------------------
    STANDARD FORMS
---------------------*/

#contact p, label, legend { font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #666; }

#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 500px; margin: 8px auto; padding: 8px; border: 0px solid #cbcbcb; background-color: transparent; -moz-border-radius: 5px; -webkit-border-radius:5px; }

/* Form style */

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 150px; font-size: 11px; }
input, textarea, select {
	margin: 0;
	padding: 5px;
	color: #990000;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 2px 0;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:10px; border:0px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:0px -20px; font-weight:bold; color:#000; border:0px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 11px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { font-size: 11px; display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../forms/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h4 { background: url('../forms/assets/success.gif') left no-repeat; padding-left:22px; }

select {
	cursor:pointer;
}