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

body
{
	margin: 0px;
	padding: 0px;
	background: #004E64 url(../images/bg_repeat.jpg) repeat-x center top;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrap{
	margin:0px auto;
	width:970px;
	}


#page
{
	width: 970px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 0px 0px;
	background-color:#ffffff;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- CLEAR DIVS -----*/
/*--------------------------------------------------------------------------------------------------------*/
.clear {
	clear:both;
	height:1px;
}

.clear-trim {
	clear:both;
	height:10px;
	background-color:#FFFFFF;
}

.clearfooter {
	height:1px;
	clear:both;
	background-color:#234172;
}

.clearline {
	width:759px;
	height:2px;
	margin: 10px 20px 10px 20px;
	clear:both;
	background: #172A4A url(../images/line.gif) repeat-x;
}

.trim {
	height:10px;
	background-color:#FFFFFF;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- GOOGLE or MULTIMAP -----*/
/*--------------------------------------------------------------------------------------------------------*/
#google-map
{
	width:445px;
	margin: 30px 0px 10px 20px;
	padding: 20px 0px 20px 20px;
	background-color:#FFFFFF;
	border: solid 1px #004E64;
}

#multi-map
{
	width:500px;
	margin: 30px 0px 10px 20px;
	padding: 20px 20px 20px 20px;
	background-color:#FFFFFF;
	border: solid 1px #004E64;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- TOP LINKS FOR 3 WEBSITES -----*/
/*--------------------------------------------------------------------------------------------------------*/
#toplinks
{
	width: 970px;
	margin: 30px auto 10px auto;
	padding: 0px 0px 0px 0px;
	text-align:right;
}

#toplinks p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:80%;
	color:#007293;
}

#toplinks a {
	color:#ffffff;
}

#toplinks a:hover {
	color:#007293;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- HEADER GRAPHIC -----*/
/*--------------------------------------------------------------------------------------------------------*/

#header {
	width: 950px;
	height: 100px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background: #004B60 url(../images/bg_header_gradient.jpg) repeat-x;
	border-bottom: solid 10px #ffffff;
	display:block;
}

#logo {
	width: 500px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#details {
	width: 450px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#details .details-address {
	width:200px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	float:left;
}
#details .details-phone {
	width:250px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	float:left;
}
#details .details-address p,
#details .details-phone p 	{
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	font-size:70%;
	line-height:150%;
	color:#ffffff;
	}

#details .details-address a,
#details .details-phone a {
	color:#ffffff;
}

#details .details-address a:hover,
#details .details-phone a:hover {
	color:#FFFF00;
}


/*--------------------------------------------------------------------------------------------------------*/
/*----- MAIN HOVER NAVIGATION ------*/
/*--------------------------------------------------------------------------------------------------------*/
#navhover {
	width:950px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/nav_back.jpg);
	background-repeat:repeat-x;
	border-bottom: solid 5px #669933;
}

#navhover ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

#navhover a {
	width:189px;
	height:27px;
	float:left;
	color:#ffffff;
	padding: 13px 0px 0px 0px;
	text-align:center;
	font-size:70%;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images/nav_back.jpg);
	background-repeat:repeat-x;
}

#navhover a:hover {
	background-color:#009999;
	background-image:url(../images/nav_backhover.jpg);
	background-repeat:repeat-x;
}

#navhover a.active {
	background-color:#009999;
	background-image:url(../images/nav_backhover.jpg);
	background-repeat:repeat-x;
}

#navhover li {
	display:inline;
	padding:0px;

}
#navhover li.nolink {
	display:inline;
	width:1px;
	height:40px;
	background-image:url(../images/nav_spacer.jpg);
	background-repeat:repeat-x;
	float:left;
}


/*--------------------------------------------------------------------------------------------------------*/
/*----- MAIN CONTAINER ------*/
/*--------------------------------------------------------------------------------------------------------*/
#home-con {
	width:950px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background-color:#D9EEF3;
}

#home-text {
	width:550px;
	height:340px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	float:left;
	background-color:#D9EEF3;
}

#home-text p {
	margin:0px 0px 0px 0px;
	padding:0px 20px 10px 20px;
	font-size:80%;
	line-height:150%;
	color:#000000;
}

#home-text p.welcome {
	margin:0px 0px 0px 0px;
	padding:15px 20px 0px 20px;
	font-size:140%;
	line-height:100%;
	color:#669933;
}

#home-text h1 {
	margin:0px 0px 0px 0px;
	padding:0px 20px 10px 20px;
	font-size:200%;
	color:#004b60;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- HOME FEATURES ------*/
/*--------------------------------------------------------------------------------------------------------*/
#home-features {
	width:400px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	float:right;
}
#home-features img.feature {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	display:block;
	width:390px;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- SUB CONTENT ------*/
/*--------------------------------------------------------------------------------------------------------*/
#content {
	width:950px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 30px 0px;
	background-color:#D9EEF3;
}

#content p {
	margin:0px 0px 0px 0px;
	padding:0px 20px 10px 20px;
	font-size:80%;
	line-height:150%;
	color:#000000;
}

#content p.welcome {
	margin:0px 0px 0px 0px;
	padding:15px 20px 0px 20px;
	font-size:140%;
	line-height:100%;
	color:#669933;
}

#content h1 {
	margin:0px 0px 0px 0px;
	padding:0px 20px 10px 20px;
	font-size:200%;
	color:#004b60;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- PHOTOS ------*/
/*--------------------------------------------------------------------------------------------------------*/
#photo-right {
	width:230px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	float:right;	
}

#photo-right img {
	margin:0px 0px 10px 10px;
	padding:0px 0px 0px 0px;
	display:block;
	width:220px;
}

#photo-right p {
	margin:0px 0px 1px 10px;
	padding:5px 10px 5px 10px;
	background-color:#669933;
	color:#ffffff;
	font-size:70%;
	line-height:150%;
	text-align:center;
	font-weight:bold;
}


/*--------------------------------------------------------------------------------------------------------*/
/*----- STOCKISTS / SPONSORS ------*/
/*--------------------------------------------------------------------------------------------------------*/
#stockists {
	width: 950px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color:#004E64;
	border-bottom: solid 10px #ffffff;
}

#stockists-left {
	width: 474px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#004E64;
	border-right: solid 1px #4D8393;
	float:left;
}

#stockists-right {
	width: 475px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#004E64;
	float:left;
}

#stockists-left h3, #stockists-right h3 {
	margin: 5px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	font-size:100%;
	font-weight:normal;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- FOOTER ------*/
/*--------------------------------------------------------------------------------------------------------*/
#footer {
	width: 950px;
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
}

#footer-left {
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#footer-right {
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#footer-left p {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	font-size:70%;
	text-align:left;
	line-height:150%;
}

#footer-right p {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	font-size:70%;
	text-align:right;
	line-height:150%;
}

#footer-right a, #footer-left a {
	text-decoration:underline;
	color:#ffffff;
}

#footer-right a:hover, #footer-left a:hover {
	text-decoration:none;
	color:#CCCCCC;
}

/*--------------------------------------------------------------------------------------------------------*/
/*----- COLOURS ------*/
/*--------------------------------------------------------------------------------------------------------*/

.green { color:#669933; }
.darkblue { color:#004b60; }
.aquablue { color:#0089b0; }
.lightblue { color:#cfe1e6; }
.white { color:#ffffff; }
.black { color:#000000; }
.red { color:#FF0000; }
.gray { color:#e5e5e5; }
.darkgray { color:#999999; }

/*--------------------------------------------------------------------------------------------------------*/
/*----- ALIGNMENT ------*/
/*--------------------------------------------------------------------------------------------------------*/

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }


/*--------------------------------------------------------------------------------------------------------*/
/*----- STOCKISTS / SPONSORS ------*/
/*--------------------------------------------------------------------------------------------------------*/
#stockists {
	width: 950px;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 10px 0px;
	background-color:#004E64;
	border-bottom: solid 10px #ffffff;
}

#stockists-left {
	width: 474px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#004E64;
	border-right: solid 1px #4D8393;
	float:left;
}

#stockists-right {
	width: 475px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#004E64;
	float:left;
}

#stockists-left h3, #stockists-right h3 {
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	font-size:100%;
	font-weight:normal;
}

#stockists-right ul {
	margin:20px 0px 0px 0px;
	padding:0px 20px 10px 20px;
	color:#ffffff;
	list-style-type:none;
	float:left;
	width:118px;
}

#stockists-right li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	line-height:100%;
	font-size:70%;
	color:#ffffff;
	list-style-type:none;
}

#stockists-right a {
	color:#ffffff;
	text-decoration:none;
}

#stockists-right a:hover {
	color:#ffffff;
	text-decoration:underline;
}