/* Evolution Surf - Screen */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	padding: 20px 0;
	background: url('../images/core/tile-body.jpg') 0 0 repeat;
}

/*=============================
	Container
==============================*/

div.container {
	width: 1024px;
	height: auto;
	margin: 0 auto;
}

/*=============================
	Container Content
==============================*/

div.container-content {
	width: 1000px;
	height: auto;
	padding: 12px;
	background: #FFF;
}

/*=============================
	Header
==============================*/

div.header {
	width: 1000px;
	height: 72px;
	background: #1F1919 url('../images/core/bg-header.jpg') 500px center no-repeat;
	position: relative;
}

/* Logo */
div.logo img {
	border: 0;
}

/* Moshtix */
div.moshtix {
	width: 98px;
	height: 52px;
	position: absolute;
	top: 8px;
	right: 8px;
}

div.moshtix img {
	border: 0;
}

/*=============================
	Stores
==============================*/

div.stores {
	width: 1000px;
	height: auto;
}

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

div.stores ul {
	list-style-type: none;
}

div.stores ul li {
	overflow: hidden;
	text-indent: -9999px;
	padding-right: 10px;
	float: left;
}

div.stores ul li.bullet {
	background: url('../images/core/icon-bullet.jpg') right center no-repeat;
}

div.stores ul li.dunsborough span {
	width: 135px;
	height: 25px;
	display: block;
	background: url('../images/core/title-dunsborough.jpg') 0 0 no-repeat;
}

div.stores ul li.bunbury span {
	width: 86px;
	height: 25px;
	display: block;
	background: url('../images/core/title-bunbury.jpg') 0 0 no-repeat;
}

/*=============================
	Banner
==============================*/

div.banner {
	width: 977px;
	height: 365px;
	margin-bottom: 18px;
	padding: 11px 14px 12px 8px;
	background: url('../images/core/bg-banner.jpg') 0 0 no-repeat;
}

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

/* Banner Flash */

#banner-inner {
	width: 743px;
	height: 364px;
	float: left;
	background: url('../images/core/bg-bannerflash.jpg') 0 0 no-repeat;
}


#home #banner { display: block; }
#home #banner-inner { display: none; }
#banner { width: 743px; height: 364px; float: left; display: none; }

/* Banner Navigation */

div.banner-navigation {
	width: 224px;
	height: 364px;
	float: left;
	margin-left: 7px;
	background: url('../images/core/bg-bannernavigation.jpg') 0 0 no-repeat;
}

/*=============================
	Content
==============================*/

div.content {
	width: 1000px;
	height: auto;
	font-family: Arial;
}

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

/*=============================
	Content Left
==============================*/

div.content-left {
	height: auto;
	float: left;
	background: #FFF;
}

div.content-left div.heading {
	margin-bottom: 10px;
	background: #1F1919 url('../images/core/bg-headingright.jpg') right center no-repeat;
}

div.content-left div.heading div {
	display: block;
	padding: 8px 15px;
	background: url('../images/core/bg-headingleft.jpg') left center no-repeat;
}

div.content-left div.heading h2 {
	color: #FFF;
	font: bold 1.4em Arial;
	text-transform: uppercase;
}

/* Scroll Text */

div.scroll-text {
	padding: 0 15px;
	width: 458px;
	height: 239px;
	overflow: auto;
}

/* Normal Text */

div.normal-text {
	padding: 0 15px;
	width: 718px;
	height: auto;
	float: left;
}

div.wide-text {
	width: 718px; 
	margin-left: 15px;
}

/* Normal Left Text */
div.normal-left-text {
	width: 357px;
	height: auto;
	padding-right: 2px;
	float: left;
}

/* Normal Right Text */

div.normal-right-text {
	width: 357px;
	height: auto;
	float: left;
}

/* Standard */

div.standard {
	font-size: 1.1em;
	color: #726D60;
}

div.standard h1 {
	font-size:1.4em;
	margin:0 0 10px 0;
	}
	

div.standard h2 {
	font-size: 1.5em;
	color: #1F1919;
	margin-bottom: 10px;
}

div.standard h3 {
	font-size: 1.4em;
	color: #1F1919;
	margin-bottom: 10px;
	background: #E3E0D7;
	padding: 8px 5px;
}

div.standard h4 {
	font-size: 1.3em;
	color: #1F1919;
	margin-bottom: 10px;
}

div.standard h5 {
	font-size: 1.2em;
	color: #1F1919;
	margin-bottom: 10px;
}

div.standard p {
	margin-bottom: 10px;
	line-height: 1.6em;
}

div.standard a {
	color: #2CA59E;
	text-decoration: underline;
}

div.standard a:hover {
	color: #000;
}

div.standard ul {
	list-style-type: none;
	margin-bottom: 10px;
}

div.standard ul li {
	line-height: 1.6em;
	padding-left: 15px;
	background: url('../images/core/icon-arrow.jpg') left 6px no-repeat;
}

div.standard ul.pad li { margin-bottom: 10px; }

div.standard ul li .inner { display: block; font-weight: bold; padding: 5px 35px; }

/* Gallery */

div.gallery {
	margin-bottom: 10px;
}

div.gallery table td {
	padding: 5px;
}

div.gallery table td img {
	float: left;
}

/* Brands */

div.brands ul {
	list-style-type: none;
}

div.brands ul li {
	float: left;
	padding: 0;
	margin-right: 28px;
	margin-bottom: 30px;
	text-align: center;
	background: none;
	width: 150px;
}

div.brands ul li img {
	padding: 3px;
	border: 2px solid #E3E0D7;
}

/* Surf Sites */

div.surf-sites ul {
	list-style-type: none;
}

div.surf-sites ul li {
	float: left;
	padding: 0;
	margin-right: 28px;
	margin-bottom: 30px;
	text-align: center;
	background: none;
	width: 150px;
}

div.surf-sites ul li img {
	padding: 3px;
	border: 2px solid #E3E0D7;
}

/* Enquiry Form */

div.enquiry-form table td {
	padding: 5px 15px 5px 0;
}

div.enquiry-form table td input.field,
div.enquiry-form table td textarea.field  {
	padding: 5px;
	width: 250px;
	color: #726D60;
	font: normal 1em Arial;
	border: 1px solid #B7B4AB;
}

div.enquiry-form table td input.button {
	padding: 3px;
	color: #FFF;
	border: 0;
	background: #2CA59E;
}

/*=============================
	Content Middle
==============================*/

div.content-middle {
	width: 249px;
	height: auto;
	float: left;
	margin-left: 11px;
}

div.content-middle div.heading {
	margin-bottom: 10px;
	background: #1F1919 url('../images/core/bg-headingright.jpg') right center no-repeat;
}

div.content-middle div.heading div {
	display: block;
	padding: 8px 15px;
	background: url('../images/core/bg-headingleft.jpg') left center no-repeat;
}

div.content-middle div.heading h2 {
	color: #FFF;
	font: bold 1.4em Arial;
	text-transform: uppercase;
}

/* Gold Card */

div.gold-card {
	width: 209px;
	height: 139px;
	color: #130E0E;
	font-size: 1.1em;
	padding: 80px 20px 20px 20px;
	background: url('../images/core/bg-goldcard.jpg') 0 0 no-repeat;
}

div.gold-card ul {
	list-style-type: none;
	line-height: 1.6em;
	margin-left: 10px;
}

div.gold-card p {
	line-height: 1.6em;
}

div.gold-card a {
	color: #2CA59E;
	text-decoration: underline;
}

div.gold-card a:hover {
	color: #000;
}

/*=============================
	Content Right
==============================*/

div.content-right {
	width: 249px;
	height: auto;
	/*margin-left: 3px;*/
	float: right;
}

div.content-right div.heading {
	margin-bottom: 10px;
	background: #1F1919 url('../images/core/bg-headingright.jpg') right center no-repeat;
}

div.content-right div.heading div {
	display: block;
	padding: 8px 15px;
	background: url('../images/core/bg-headingleft.jpg') left center no-repeat;
}

div.content-right div.heading h2 {
	color: #FFF;
	font: bold 1.4em Arial;
	text-transform: uppercase;
}

/* Managers */

div.managers {
	font-size: 1.4em;
	color: #2CA59E;
}

div.managers ul {
	height: 199px;
	background: url('../images/core/bg-managers.jpg') 0 0 no-repeat;
	list-style-type: none;
	padding: 20px;
}

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

div.managers ul li {
	margin-bottom: 5px;
	float: left;
}

div.managers ul li span {
	float: left;
}

div.managers ul li img {
	float: left;
	margin-right: 10px;
	border: 5px solid #FFF;
}

div.managers ul li strong {
	color: #FFF;
}

/*=============================
	Footer
==============================*/

div.footer {
	width: 1000px;
	height: auto;
	padding: 20px 0;
	text-align: center;
	color: #A0998D;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.footer ul {
	list-style-type: none;
}

div.footer ul li {
	display: inline;
	margin-right: 10px;
}

div.footer p {
	line-height: 1.6em;
}

div.footer a {
	color: #2CA59E;
	text-decoration: none;
}

div.footer a:hover {
	color: #A0998D;
}

#clear {
	display: block;
	clear: both;
}