/**********************************************************************
 	*******************************************************************
	Website Name: Great Keppel Island
	Website URL: http://www.greatkeppelisland.com.au/
	Description: A 2 column, simple, modern, tropical, bright & professional layout
	Version: 1.0
	Author: Adz Power Agencies
	Author URL: http://www.adzpower.com.au/
	*******************************************************************
**********************************************************************/ 
	

/*********************************************************/ 
	/* Colors used:                                */
	/* ------------------------------------------- */
	/* HEX #0E3C87 = BACKGROUND BLUE			   */
	/* HEX #00A7EA = BLUE						   */
	/* HEX #005FAF = D. BLUE					   */
	/* HEX #F5821F = ORANGE						   */
	/* HEX #289034 = D. GREEN					   */
	/* HEX #6FB133 = GREEN						   */
	/* HEX #C5D82B = L. GREEN					   */
	/* HEX #046D9A = AQUA						   */
	/* HEX #FFFF99 = YELLOW						   */

/*********************************************************/ 


/* --- -=UNIVERSAL RULES=- -------------
---------------------------------------- */
body, html {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {
	background-color: #FFF;
	background-image: url(images/New-bg.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
}

h1 {
	font-size: 15px;
	color: #399f99;
	text-transform: uppercase;
	margin: 0;
	padding: 0 5px;
}

h2 {
	font-size: 13px;
	color: #399f99;
	text-transform: uppercase;
	margin: 0;
	padding: 0 5px;
}

h3 {
	font-size: 15px;
	color: #399f99;
	margin: 0;
	padding: 15px 5px;
}

p {
	padding: 0 5px 10px 5px;
	margin: 0;
}

b {
	font-weight: 100;
}

object {
	outline:none;
	}
	
.addspacebelow {
	padding-bottom:15px;
	}






/* --- -=TEXT ALIGN=- --- */
.right {
	text-align: right;
}

.center {
	text-align: center;
}

/* --- -=TEXT INDENT=- --- */
.indentSitemap {
	text-indent: 40px;
}


/* --- =-TEXT VARIANTS=- --- */
.grey {
	color: #CCC;
}

.green {
	color: #C5D82B;
}

.black {
	color: #000;
	font-weight: bold;
}

.gregNormanPic {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #ffff99;
}

.gregNorman {
	text-indent: 45px;
	margin: 0;
	padding: 0;
	color: #C5D82B;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	
}

/* --- -=LINKS=- --- */
a, a:visited {
	color: #399f99;
	text-decoration: none;
		
}

a:hover {
	color: #ee8000;
}

#content p a:visited {
	color:#399f99;
	font-weight:bold;
	}
	
.orangelink {
	color:#f5821f;
	font-weight:bold;
	}
.orangelink a {	
	color:#f5821f;
	}
/* --- -=IMG ALIGN=- --- */
.img-left {
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}

.img-center {
	margin: 0 auto;
	display: block;
}

.img-right {
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}

/* --- -=CLEAR=- --- */
.clear {
	clear: both;
}

/* --- -=PNG FIX=- --- */
img, div, input { 
	behavior: url(iepngfix.htc);
}

/* --- -=BLOCKQUOTE=- --- */
blockquote {
	font-style: italic;
	color: #ee8000;
	margin-bottom: 3px;
	margin-top: 10px;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
}


/* --- -=TEMPLATE RULES=- --------------
---------------------------------------- */
/* --- -=HEADER=- --- */
#header {
	width: 960px;
	height: 227px;
	margin: 0 auto;
	background-image: url(images/New-header.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
#slideshow {
	width: 950px;
	margin: 0 auto;
	height: 330px;
	overflow:hidden;
	background-image: url(images/container-bg.png);
	background-position: top center;
	background-repeat: repeat-y;
	}
#slideshow img {
	margin-left:10px;
	margin-right:10px;
	}
#nav {
	background-image: url(images/container-bg3.png);
	background-position: top center;
	background-repeat: repeat-y;
	}
#nav a { 
	background-color: #666;
	color:#fff; 
	text-decoration: none; 
	margin: 0 5px; 
	padding: 3px 5px;
	font-weight:bold;
	}
#nav a.activeSlide { 
	background: #46bab2;
	}
#nav a:focus { 
	outline: none;
	}
/* --- -=BACKGROUND SOUND=- --- */
#sound {
	width: 52px;
	height: 52px;
	float: right;
}

/* --- -=SLIDE SHOW=- --- */
#slideshow {
	width: 960px;
	height: 300px;
	max-height: 300px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0px;
}


/* --- -=MENU/NAVIGATION=- --- */
#menu-container {
	width: 960px;
	height: 46px;
	margin:0 auto;
	padding: 0;
	border-top: 1px solid #d9f0f0 80%;
	background-image:url(images/container-bg2.png);
	background-repeat: repeat-y;
	background-position:center top;
}

#menu {
	width: 918px;
	height: 46px;
	margin: auto;
	border-bottom: 1px solid #d9f0f0;
	border-left: 1px solid #e8e8e8;
	position: relative;
	padding-left: 20px;
	background-image: url(images/menu-bg.png);
	background-repeat: repeat-x;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu ul li {
	float: left;
	list-style-type: none;	
	margin: 0;
	padding: 0;
}

#menu ul li a {
	color: #4abbb4;
	display: block;
	font-size: 8pt;
	line-height: 46px;
	margin: 0;
	padding: 0px 31px;	
	text-decoration: none;
	text-transform: uppercase;	
}

#menu ul li a:hover {
	color: #fff;
	background: #98d6d6;	
}

/**/
#menu li ul {
	width: 15em;
	position: absolute;
	left:auto;
	top: 46px;
	display: none;
	z-index: 9999;
	background-color:#fff;
	}
	
#menu li ul a { 
	background: url(images/menu-bg.png) repeat-x;
	width: 170px;
	height: 40px;
	padding: 0 0 0 30px;
	text-align:left;
	color: #4abbb4;
	}
	
#menu li ul a:hover {
	text-decoration: none;
	background: #98d6d6;
	color: #fff;
	}
	
#menu li:hover ul { 
	display: block; 
	}

#menu li {
	display: block;
	float: left;
	}

/* --- -=WRAPPER=- --- */
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* --- -=INTRO=- --- */
#intro {
	width: 960px;
	border-bottom: 1px dashed #225106;
	padding: 5px 0;
	margin: 10px 0;
}

#intro p {
	font-size: 12pt;
	font-style: italic;
	text-align: justify;
	color: #193d03;
}

/* --- -=CONTENT CONTAINER=- --- */
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-image: url(images/container-bg.png);
	background-position: top center;
	background-repeat: repeat-y;
}
#container-base {
	width: 960px;
	height:27px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-image: url(images/New-content-base.png);
	background-position: top center;
	background-repeat: no-repeat;
	}
/* --- -=CONTENT=- --- */
#content {
	width: 680px;
	float: right;
	margin: 30px 25px 0 0;
}

/* -=TEXT=- */
#content h1 {
	padding-bottom: 5px;
	letter-spacing: 1px;
}

#content h2 {
	padding-bottom: 5px;
	margin-top: 15px;
	letter-spacing: 1px;
}

#content .text-stats {
	text-align: center;
	font-size: 11px;
	color: #225106;
	font-style: italic;
}
/* -=Aerial Photograph=- */
#content .aerial {
	width: 200px;
	height: 150px;
	margin: 20px 225px 0 235px;
	border: 2px solid #FFF;
}

#content .aerial-text {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #399f99;
}

/* -=Revitalisation Plan=- */
#content .revitalisation {
	width: 200px;
	height: 150px;
	margin: 20px 225px 0 225px;
	border: 2px solid #FFF;
}

#content .revitalisation-text {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #399f99;
}

/* -=ORDERED LIST=- */
ol {
	margin: 15px 0 10px 50px;
	padding: 0 0 0 50px;
	font-size: 10pt;
	color: #399f99;
}

ol li {
	padding: 0 50px 15px 0;
}

/* -=UNORDERED LIST=- */
ul {
	margin: 15px 0 15px 50px;
	padding: 0 55px 0 50px;
	font-size: 10pt;
	color: #399f99;
	list-style-type: square;
}

ul li {
	padding: 0 0 15px 0;
	color: #399f99;
}

li a:visited {
	color: #399f99;
}


/* --- -=PAGES IMAGES=- --- */
/* -=HOME PAGE=- */
#content .img-keppel-home {
	width: 640px;
	height: 200px;
	margin: 0 0 10px 5px;
}

#video2 {
	margin: 0 auto;
	padding: 20px 200px 0 165px;	
}

/* -=DESIGN TEAM PAGE=- */
/* Design Team Gallery I */
#content #design-team {
	width: 630px;
	height: 240px;
	margin: auto;
	border-bottom: 1px dashed #225106;
}

#content #design-team .img-box {
	width: 190px;
	height: 190px;
	margin: 0 10px;
	float: left;
}

#content #design-team .img-box p {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #ffff99;
}

/* Design Team Gallery II */
#content #design-team2 {
	width: 630px;
	height: 240px;
	margin: auto;
}

#content #design-team2 .img-box {
	width: 190px;
	height: 190px;
	margin: 0 10px;
	float: left;
}

#content #design-team2 .img-box p {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0 0 0;
	color: #ffff99;
}

/* --- -=NEWS PAGE=- --- */
#newsContainer {
	width: 645px;
	height: 100%;
	padding-bottom: 10px;
	border-bottom: 1px dashed #225106;
}
/* -=NEWS LEFT=- */
#news-left {
	width: 300px;
	margin: 10px 20px 0 0;	
	float: left;
}

#news-left ul {
	margin-left: 30px;
	padding: 0;
}

#news-left a, a:visited {
	color: #399f99;
}

#news-left a:hover {
	color: #f5821f;
}

/* -=NEWS RIGHT=- */
#news-right {
	width: 300px;
	margin: 10px auto;	
	float: left;
}

#news-right ul {
	margin-left: 30px;
	padding: 0;
}

#news-right a, a:visited {
	color: #399f99;
}

#news-right a:hover {
	color: #f5821f;
}

/* -= NEWS - LINKS =- */
#links {
	width: 645px;
	border-bottom: 1px dashed #225106;
}

#links ul {
	list-style-type: none;
	margin: 15px 0 15px 0;
	padding: 0 55px 0 5px; 
}

#links a, a:visited {
	color: #f5821f;
}

#links a:hover, a:active {
	color: #399f99 ;
}

/* -= NEWS - FORMS =- */
#forms {
	width: 645px;
	margin-top: 20px;
}

#forms ul {
	list-style-type: none;
	margin: 15px 0 15px 0;
	padding: 0 55px 0 5px; 
}

#forms a, a:visited {
	color: #C5D82B;
}

#forms a:hover, a:active {
	color: #399f99 ;
}

/* -=SPACER=- */
#content .spacer {
	width: 120px;
	height: 26px;
	background-image: url(images/logo-tiny.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 15px auto 20px auto;
}


/* --- -=SIDEBAR=- --- */
#sidebar {
	width: 200px;
	float: left;
	margin: 0 0 0 22px;
	font-size: 10pt;
}

#sidebar h1 {
	text-align: center;
	padding: 0 0 5px 0;
}

/* -=QUOTE=- */
#sidebar #quote {
	width: 200px;
	height: 420px;
	background-image: url(images/sidebar-quote.png);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom: 1px dashed #225106;
}

#sidebar #quote p {
	padding: 10px 10px 0 15px;
}

#sidebar #quote img {
	padding-top: 5px;
	margin-right: 8px;
}

#sidebar #quote .agnew {
	text-align: right;
	color: #C5D82B;
}

/* -=SIDEBAR REVITALISATION LOGO=- */
#cqSupport {
	width: 200px;
	height: 115px;
	border-bottom: 0px dashed #225106;
	margin: 0 0 10px 0;
	padding-bottom: 30px;
}

/* -=cqSupport Rollover=- */
#cqSupport {
	float: right;
	width: 200px;
	height: 125px;
	margin: 0;
	padding: 10px 0 10px 0;
}

#cqSupport #click {
  display: block;
  width: 200px;
  height: 115px;
  margin-top:22px;
  background: url(images/New-support.gif) no-repeat 0 0;
}

#cqSupport #click:hover { 
  background: url(images/New-support2.gif) no-repeat 0 0;
  border: none;
}

/* -=SUPPORT=- */
#sidebar #cqBenefits {
	width: 200px;
	height: 130px;
	border-bottom: 1px dashed #225106;
	margin: 0 0 20px 0;	
	padding-top: 20px;
}

#sidebar #cqBenefits p {
	text-align: center;
}

/* -=TERRY AGNEW VIDEO=- */
#sidebar #video {
	width: 200px;
	height: 230px;
	border-bottom: 0px dashed #225106;
	padding: 20px 0 0 0;	
}

/* -=TESTIMONIALS - SIDEBAR=- */
#sidebar #video-testimonials {
	width: 200px;
	height: 240px;
	padding: 0;
}

/* -=NEWS=- */
#sidebar #news {
	width: 200px;
	min-height: 145px;
	margin: 0 0 30px 0;	
	padding: 20px 0;
	border-top: 1px solid #cdcdcd;
}

#sidebar #news h1 {
	text-align: center;
	padding: 0 0 10px 0;
}

#sidebar #news p {
	text-align: center;
}

#sidebar #news .leftaligntext {
	text-align: left;
}

#sidebar #news img{
	width: 65px;
	height: 57px;
	margin: 5px 0 15px 70px;
}

#sidebar #news a, a:visited {
	color: #666;
	text-decoration: none;
	padding-bottom: 1px;	
}

#sidebar #news a:hover {
	color: #ee8000;
	text-decoration: 1px dotted #e4e4e4;
	padding-bottom: 1px;
}

/* -=FORM=- */
#sidebar #form {
	width: 200px;
	height: 110px;
	margin: 10px 0 10px 0;	
	padding-top: 20px;
	border-top: 1px dashed #225106;
}

#sidebar #form h1 {
	text-align: center;
	padding: 0 0 10px 0;
}

#sidebar #form p {
	text-align: center;
}

#sidebar #form img{
	width: 65px;
	height: 57px;
	margin: 5px 0 15px 121px;
}

#sidebar #form a, a:visited {
	color: #C5D82B;
	text-decoration: none;
	padding-bottom: 1px;	
}

#sidebar #form a:hover {
	color: #effecd;
	text-decoration: 1px dotted #e4e4e4;
	padding-bottom: 1px;
}

/* -=FORM=- */
#sidebar #follow {
	width: 200px;
	margin: 10px 0 10px 0;	
	padding-top: 20px;
	border-top: 1px dashed #225106;
}

#sidebar #follow h1 {
	text-align: center;
	padding: 0 0 10px 0;
}

#sidebar #follow p {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin: 3px 0 0 0;
	color: #CCC;
}

/* -=Follow Rollover=- */
/* -=Facebook=- */
#facebook {
	margin: 10px auto 0 auto;
  	display: block;
  	width: 144px;
  	height: 44px;
  	background: url("images/facebook.jpg") no-repeat 0 0;
}

#facebook:hover { 
  background-position: 0 -44px;
  border: none;
}

/* -=Twitter=- */
#twitter {
	margin: 10px auto 0 auto;
  	display: block;
  	width: 144px;
  	height: 44px;
  	background: url("images/twitter.jpg") no-repeat 0 0;
}

#twitter:hover { 
  background-position: 0 -44px;
  border: none;
}

/* --- -=FOOTER=- --- */
#footer-container {
	width: 100%;
	height: 145px;
	clear: both;
	margin: 0 auto 0 auto;
}

#footer {
	width: 960px;
	height: 130px;
	padding: 15px 0 0 0;
	margin: 0 auto;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
}

#footer a, a:visited {
	color: #4abbb4;
	text-decoration: none;
	padding-bottom: 1px;	
}

#footer a:hover {
	color: #ee8000;
	text-decoration: 1px dotted #e4e4e4;
	padding-bottom: 1px;
}

/* -=FOOTER ADDRESS=- */
#mediacontact {
	width: 390px;
	height: 100px;
	float: left;
	padding: 25px 0 0 0;	
}

#mediacontact p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	margin: 0px;
	padding: 10px 0 0 0;
	text-align: left;	
}

#mediacontact h1 {
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 9pt;
	letter-spacing: 1px;
	color: #4abbb4;
}

#address {
	width: 390px;
	height: 100px;
	float: right;
	padding: 25px 0 0 0;	
}

#address p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	margin: 0px;
	padding: 10px 0 0 0;
	text-align: right;	
}

#address h1 {
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 9pt;
	letter-spacing: 1px;
	color: #4abbb4;
}


/* -=FOOTER Privacy=- */
#footer .privacy {
	width: 160px;
	height: 90px;
	float: left;
	background-image: url(images/logo-small.png);
	background-position: top center;
	background-repeat: no-repeat;	
}

#footer .privacy p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 60px 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;	
}

/* -=FOOTER Company=- */
#company {
	width: 410px;
	height: 55px;
	float: left;
	padding: 75px 0 0 0;
}

#company p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 1px;
	text-align: left;	
}



/* --- -=SPLASH PAGE LAYOUT=- ----------
---------------------------------------- */
/* --- -=SPLASH PAGE=- --- */
#splash {
	width: 960px;
	margin: 0 auto;
}

/* -=SPLASH TITLE ANIMATION=- */
#splash-title {
	width: 960px;
	height: 140px;
	margin: 0;
	padding: 0;
}

/* -=SPLASH IMAGE SHOW=- */
#splash-img {
	width: 960px;
	height: 390px;
	background-image: url(images/splash-img.png);
}

/* -=SPLASH TEXT=- */
#splash-text {
	width: 150px;
	height: 40px;
	margin: -3px 0 10px 405px;
	float: left;
}

#splash-text img {
	border: 0px;
}

/* -=SPLASH AUDIO=- */
#audio {
	width: 50px;
	height: 50px;
	float: left;
}

/* -=SPLASH FOOTER=- */
#splash-footer {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}

#splash-footer p {
	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
	padding: 8px 0 2px 0;
	margin: 0px;
}

#splash-footer a, a:visited {
	color: #00b3ff;
	text-decoration: none;
	padding-bottom: 1px;	
}

#splash-footer a:hover {
	color: #C5D82B;
	text-decoration: 1px dotted #e4e4e4;
	padding-bottom: 1px;
}

/* -=LOGO=- */
#splash-logo {
	width: 65px;
	height: 57px;
	margin: 10px auto 0 auto;
	background-image: url(images/logo-small.png);
	background-repeat: no-repeat;
}

/* -=TESTIMONIALS PAGE=- */
#video-container {
	width: 645px;
	padding-left: 5px;
	margin: 20px 0 0 0;
}

#video-container .box {
	width: 300px;
	height: 230px;
	float: left;
	margin: 0 10px 20px 10px;
}


/* --- -=PAGES MISC.=- --- */
#content .stats {
	width: 520px;
	height: 350px;
	margin: 10px 67px;
}

/* -=TABLES=- */
#content table {
	width: 575px;
	margin: 20px auto;
	font-size: 10pt;
}

#content table td {
	vertical-align: top;
	padding: 5px;
}


/******************************
***** Nick's Contact Form *****
******************************/

/* Validation DIV
********************/
#validation {
	width:500px;
	margin:0 auto 0 auto;
	}
	
/* If successful */
.success {
	background-color:#009966;
	}
	
.success p {
	color:#FFF;
	font-weight:bold;
	margin:0;
	padding:5px;
	}
	
span.cool {
	font-weight:normal;
	}

/* If unsuccessful */
.failure {
	background-color:#FF5E5E;
	}
	
.failure p {
	color:#000;
	font-weight:bold;
	margin:0;
	padding:5px;
	}
	
span.uncool {
	font-weight:bold;
	color:#FF0000;
	}

/* Form
********************/
form#mailer {
	width:500px;
	margin:10px auto 10px auto;
	clear:both;
	}

/* Labels */
form label {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 10px 0;
	text-align:left;
	}
	
form label small {
	font-size:10px;
	color:#FF0000;
	float:left;
	}
	
form label span.captcha {
	float:left;
	margin:-10px 0 5px 105px;
	top:0;
	}
	
/* Input Areas */
form label input {
	float:right;
	width:200px;
	margin:-10px 100px 0 0;
	border:1px solid #CCC;
	}
	
form label textarea {
	float:right;
	width:300px;
	height:150px;
	margin:-10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #CCC;
	}
	
form label input#captcha {
	float:right;
	width:50px;
	margin:0px 150px 0 0;
	top:0;
	}

/* Hover and Focus effects */	
form label input:hover, textarea:hover {
	border:1px solid #666;
	}
	
form label input:focus, textarea:focus {
	border:1px solid #666;
	}

/* Submit Button */
form input#submit-button {
	float:right;
	width:50px;
	margin:10px 252px 0 0;
	}