/****** ##LOG: 
Author:  Vanessa Skane
Created: 11/02/10

Description: general styles for ecosummit2010
******/

/* mainSiteContainer required because of large footer and smaller resolutions */
#mainSiteContainer {
	position: relative;
		
	background: #0361a3 url(../images/background-image.jpg) no-repeat center top;
	
}

#siteContainer {
	position: relative;	
	width: 964px;
	height: 100%;
	margin:0 auto;
	text-align: left;
}

/*** HEADER AND MAIN CONTENT ***/
#header {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/header-main-02.jpg) no-repeat center;	
}

#headerAbout {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/about-kings-header.jpg) no-repeat center;	
}

#headerEquipment {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/boat-equipment-header.jpg) no-repeat center;	
}

#headerContact {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/contact-us-header.jpg) no-repeat center;	
}

#headerEco {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/eco-tours-header.jpg) no-repeat center;	
}

#headerExmouth {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/exmouth-header.jpg) no-repeat center;	
}

#headerLocations {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/locations-header.jpg) no-repeat center;	
}

#headerNingaloo {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/ningaloo-reef-header.jpg) no-repeat center;	
}

#headerCruises {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/perth-cruises-header.jpg) no-repeat center;	
}

#headerGallery {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/photo-gallery-header.jpg) no-repeat center;	
}

#headerTourism {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/tourism-header.jpg) no-repeat center;	
}

#headerWA {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/wa-header.jpg) no-repeat center;	
}

#headerWhaleShark {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/whale-shark-header.jpg) no-repeat center;	
}

#headerWhaleWatching {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/whale-watching-header.jpg) no-repeat center;	
}

#headerCost {
	position: relative;
	width: 964px;
	height: 338px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/what-does-it-cost-header.jpg) no-repeat center;	
}

#homeButton {
	position: absolute;
	width: 49px;
	height: 49px;
	top: 10px;
	left: 15px;
}


#logoKings {
	position: absolute;
	width: 275px;
	height: 115px;
	top: 15px;
	left: 65px;
}

#mainContentContainer {
	position: relative;
	width: 100%;
	height: 100%;	
}

#mainContent {
	position: relative;
	float: left;
	width: 964px;
	height: 100%;
	padding: 0 0 20px 0;
	
	margin-top: 5px;
	
}

#mainContent p {
	padding: 10px 0;
	margin: 0;
}


#mainContent ul {
	padding: 5px 10px 5px 30px;
	margin: 0;
}

#mainContent li {
	position: relative;
	margin:0;
	padding: 2px 5px 0px 18px;	
	background-image: url(../images/bullet.gif);
	background-position: 0 10%;
	background-repeat: no-repeat;	
}

#mainContentHome {
	position: relative;
	width: 695px;
	height: 100%;
}

#mainContentHome p {
	padding: 0 20px;
	margin: 0;
}

#mainContentInfo {
	position: relative; 
	float: left; 
	width: 519px; 
	height: 100%;
}


#breadcrumbs {
	margin: 0;
	padding: 0 0 10px 0;
}
#breadcrumbs a {
	color: #eaffbe;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	text-decoration: none;
}

/********  LEFT CONTENT   ********/

#leftContentContainer {
	position: relative;
	float: left;
	width: 167px;
	height: 100%;
	
}

#leftContent {
	position: relative;
	height: 100%;	
}

#leftNavPanel {
	background: url(../images/left-nav-panel.png) no-repeat center top;	
	width: 167px;
	height: 404px;	
	padding: 24px 0 0 0;
}




/********  CENTRE CONTENT   ********/

#centreContentContainer {
	position: relative; 
	float: left; 
	width: 494px; 
	height: 100%;
	
	padding: 10px 20px;
	
}

#centreLeft {
	position: relative;
	float: left;
	width: 267px;
}

#centreRight {
	position: relative;
	float: left;
	width: 267px;
}

#homePanels {
	background: url(../images/panels-home.png) no-repeat center top;	
	width: 534px;
	height: 275px;	
	margin-left: -20px;
}


/********  RIGHT CONTENT   ********/

#rightContentContainer {
	position: relative; 
	float: left; 
	width: 262px; 
	height: 100%;
	top: 10px;
}


#videoPanel {
	position: relative;
	background: url(../images/video-panel-trans-small.png) no-repeat center top;
	width: 262px;
	height: 219px;
}

#videoButtonBackground {
	position: relative;
	
}

#videoButtons {
	position: relative;
	
}




/******** FOOTER *********/
#footerContainer {
	position: relative;
	background: #4db34b url(../images/footer-background.gif) repeat-x center top;
	height: 200px;
}


#footer {
	position: relative;
	width: 932px;
	height: 100%;
	margin:0px auto;	
	font-size: 0.8em;
	color:#ffffff;
}

#footer a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

#footer a:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#footer ul {
	position: relative;
	margin:0;
	list-style-type: none;
	width: 932px;	
	height: 20px;
	float: left;
}

#footer li {
	position: relative;
	margin:0;
	padding: 8px 25px 5px 25px;	
	float: left;
	background-image: url(../images/footer-pipe.gif);
	background-position:0 75%;
	background-repeat:no-repeat;
}

#footerLinksContainer {
	position: relative;
	width: 100%;
	height: 100%;
	top: 10px;
}

#footerLinksContainer .footerLinks {
	position: relative;
	float: left;
	width: 230px;
	height: 100%;
	background-image: url(../images/footer-links-divider.png);
	
	background-position: 100% 20%;
	background-repeat: no-repeat;
}

#footerLinksContainer .footerLinks ul {
	position: relative;
	margin:0;
	padding-left: 30px;
	list-style-type: none;
	width: 180px;	
	height: 100%;
}

#footerLinksContainer .footerLinks li {
	position: relative;
	margin:0;
	padding: 2px 5px 0px 18px;	
	width: 160px;
	background-image: none;
}

#footerLinksContainer .footerLinks h2 {
	margin:0;
	color: #eaffbe;
	font-size: 20px;
}

#footerUtility {
	position: relative;
	width: 700px;
	left: 140px;
	text-align: center;
		
}

#footerUtility p {
	margin: 0;
	padding: 30px 0 20px 80px;
}

#footerUtility a {
	text-decoration: underline;
}