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

/* RESETS */
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #fff;
}

.icon { vertical-align: bottom; margin-right: 5px; }
.link { margin-bottom: 15px; }

ul {
	list-style: none inside;
}

ol li { color: #555; font-size: 1.2em; list-style: none; }
p {
	color: #555;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 1.2em;
}

p.centred {
	text-align: center;
	font-size: 1.4em;
	line-height: 1.3em;
}

p.indent {
	padding-left: 29px;
	margin-bottom: 1.7em;
}

em {
	font-weight: bold;
}

a, a:visited {
	color: #25677f;
	outline: none;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration:underline;
}

a img, a:hover img, a:active img, a:link img {
	border: none;
	text-decoration: none;
}

img.supporting-image {
	float: right;
	background-color: #fff;
	border: 1px solid #d6d1d1;
	padding: 3px;
	margin: 12px 0 0 16px;
	display: inline;
}

img.supporting-side { 
	margin: 0 0 16px 16px; 
}

img.floatright {
	float: right;
	background-color: #fff;
	border: 1px solid #d6d1d1;
	padding: 3px;
	margin: 0 0 0 8px;
	display: inline;
}

img.floatleft {
	float: left;
	padding-right: 6px;
	margin: 0;
}

#header h1 a {
	text-indent: -9999px;
	display: block;
	width: 460px;
	height: 210px;
}

#header2 h1 a {
	text-indent: -9999px;
	display: block;
	width: 330px;
	height: 150px;
}

h1 a:hover {
	cursor: pointer;
}

form {
	color: #fff;
	font-size: 1.2em;
	padding-top: 7px;
}

input.mailform {
	width: 236px;
	height: 16px;
	border: 1px solid #bebebe;
	color: #c2c2c2;
	font-size: 1.0em;
	padding: 6px;
}

/* END RESETS */


/* MAIN STRUCTURE */
#wrap {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* HEADER */

#header {
	width: 100%;
	height: 487px;
	background: url(../images/header.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
}

#header-info {
	width: 940px;
	margin: auto;
	position: relative;
}

#header #header-info h4 { position: absolute; top: 85px; right: 0; }
#header #header-info h3 { position: absolute; top: 47px; right: 0; }

#header2 #header-info h4 { position: absolute; top: 45px; right: 0; }
#header2 #header-info h3 { position: absolute; top: 7px; right: 0; }

#header2 {
	float: left;
	width: 100%;
	height: 289px;
	margin: 0;
	padding: 0;
}

.header2-background { background: url(../images/header2.jpg) top center no-repeat; }
.header3-background { background: url(../images/header3.jpg) top center no-repeat; }
.header4-background { background: url(../images/header4.jpg) top center no-repeat; }
.header5-background { background: url(../images/header5.jpg) top center no-repeat; }
.header6-background { background: url(../images/header6.jpg) top center no-repeat; }

#headerleft {
	float: left;
	width: 810px;
}

#headerright {
}

#header2 #headerright { 
	margin-top: -15px;
}

#headerright h4 {
	color: #6ba1e1;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 4px;
}

#headerright h3 {

	font-size: 3.6em;
	font-weight: bold;
	line-height: 1.0em;
}


/* NAVIGATION */

#nav {
	float: left;
	clear: left;
	width: 100%;
	height: 58px;
	background: url(../images/nav.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
}

#nav ul {
	text-align: center;
	padding-top: 18px;
}

#nav ul li {
	display: inline;
}

#nav ul li a, #nav ul li a:visited {
	
	color: #cde6fe;
	font-size: 1.5em;
	padding-right: 10px;
}

#nav ul li a.active { color: #fff; }

#nav ul li a.final, #nav ul li a:visited.final {
	padding: 0;
}

#nav ul li a:hover, #nav ul li a:active {
	color: #fff;
	text-decoration: none;
}

/* MAIN AREA */

#main-area {
	float: left;
	clear: left;
	width: 100%;
	background: url(../images/horizontal.gif) top no-repeat;
}

#main-area2 {
	clear: left;
	width: 940px;
	margin: auto;
	background: url(../images/main-body-background.png) top repeat-x;
	text-align: left;
}

/* THREE COLUMN LAYOUT */

#main-area h3 {
	color: #000;
	font-size: 2.8em;
	
	text-align: center;
	margin: 100px 0 2px 0;
}

#two-column-body h3 {
	width: 470px;
}

#two-column-body ul {
	margin-bottom: 1.2em;
}

#two-column-body ul li {
	color: #555;
	font-size: 1.2em;
	line-height: 1.6em;
	padding-left: 20px;
	background: url(../images/cowrie-li.png) no-repeat;
}

#main-area2 h3 {
	color: #000;
	font-size: 2.8em;
	margin: 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #a7a9ac;
}

#main-area h4, #main-area2 h4 {
	color: #6ba1e1;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-top: 15px;
}

#main-area h5, #main-area2 h5 {
	color: #25677f;
	font-size: 1.9em;
	font-weight: normal;
}

#main-column-wrap {
	margin: auto;
	width: 940px;
	text-align: left;
}

#main1, #main2 {
	text-align: left;
	float: left;
	width: 300px;
	margin: 0 20px 15px 0;
}

#main3 {
	float: right;
	width: 300px;
	margin: 0 0 15px 0;
}

#main1 {
	background: url(../images/menus-bg.png) top center no-repeat;
}

#main1 h4, #main3 h4 {
	text-align: center;
	margin-top: 10px;
	padding-top: 0;
}

#main2 h2 {
	text-indent: -9998px;
}

#main2 {
	background: url(../images/relaxbespoilt.gif) top center no-repeat;
	padding-top: 80px;
}

#main3 {
	background: url(../images/events-bg.png) top center no-repeat;
}

#main3 .event h5 {
	color: #000;
}

/* FEATURE AREA */

#feature-area {
	float: left;
	clear: left;
	background: url(../images/feature-border.gif) top left repeat-x #eaf0f2;
	width: 100%;
}

#feature-area h2 {
	color: #023446;
	font-size: 2.8em;

	padding: 0 0 3px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #d3dee2;
	position: relative;
}

#feature-column-wrap {
	margin: 0 auto;
	width: 940px;
	padding-top: 15px;
	text-align: left;
}

#feature1, #feature2 {
	float: left;
	width: 300px;
	margin-right: 20px;
}

#feature3 {
	float: right;
	width: 300px;
}

#subscribe-area {
	float: left;
	clear: left;
	background-color: #d8e4e7;
	border-top: 1px solid #bacdd3;
	border-bottom: 1px solid #bacdd3;
	width: 100%;
}

#subscribe-column-wrap {
	margin: 0 auto;
	width: 940px;
}

#subscribe1, #subscribe2 {
	float: left;
	width: 300px;
	margin-right: 20px;
	padding: 8px 0 16px 0;
}

#subscribe1 {
	text-align: center;
}

#subscribe3 {
	float: right;
	width: 300px;
	padding: 8px 0 16px 0;
}

#subscribe1 h3 {
	color: #000;
	
	font-size: 2.5em;
	padding-top: 10px;
	position: relative;
}

#subscribe-sidebar h3 {
	margin: 0;
	padding: 0 0 10px 10px;
	border: none;
}

#subscribe1 h3 span {
	background: url(../images/gradients/grad-subscribe.png) top left repeat-x;
  	position: absolute;
  	display: block;
  	width: 100%;
  	height: 30px;
}

* html #subscribe h3 span {
	background-color: #d8e4e7;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/gradients/grad-subscribe.png", sizingMethod="scale");
}

#subscribe2 p {
	line-height: 1.6em;
	margin: 5px 0 0 0;
}

/* TWO COLUMN LAYOUT */

#two-column-body {
	float: left;
	width: 620px;
}

#two-column-body .event h5 {
	color: #000;
}

#two-column-sidebar {
	float: right;
	width: 300px;
	margin: 0;
}

#testimonial {
	float: left;
	padding-top: 35px;
	width: 300px;
}

#testimonial blockquote {
	color: #6891b2;
	font-size: 1.4em;
	text-align: center;
	line-height: 1.4em;
	background: transparent url(../images/quote-open.png) left top no-repeat;
}

#testimonial blockquote div {
  padding: 0 0 0 20px;
  background: transparent url(../images/quote-close.png) right bottom no-repeat;
}


#testimonial blockquote em {
	font-weight: normal;
}

#testimonial p.author {
	color: #000;
	font-style: italic;
	font-size: 1.4em;
	text-align: right;
	padding-top: 15px;
}

#subscribe-sidebar {
	float: left;
	clear: left;
	width: 300px;
	background: url(../images/envelope.jpg) top center no-repeat;
	padding: 90px 0 0 0;
	margin: 0;
}

#subscribe-text {
	float: left;
	width: 300px;
}

#subscribe-text p {
	text-align: center;
	padding: 0;
	margin: 0;
}

#subscribe-sidebar {
	float: left;
	clear: left;
	width: 300px;
	margin-bottom: 40px; 
}
	
/* FOOTER */

#footer {
	float: left;
	clear: left;
	width: 100%;
	background: url(../images/footer-bg-top.gif) top left repeat-x #013243;
}

#footer-wrap {
	margin: 0 auto;
	width: 940px;
	background: url(../images/footer.jpg) top left no-repeat #013243;
	text-align: center;
	padding: 90px 0 10px 0;
}

#footer-wrap p {
	color: #d3dee2;
	line-height: 0.6em;
}

#footer-wrap ul#contact li {
	display: inline;
	color: #d3dee2;
	font-size: 1.2em;
	padding-right: 15px;
}

#footer-wrap ul#contact li a, #footer-wrap ul#contact li a:visited {
	color: #d3dee2;
}

#footer-wrap ul#contact li.end {
	padding-right: 0;
}

#footer-wrap ul#contact li span {
	color: #fff;
}

#footer-wrap ul#footernav {
	padding: 20px 0;
}

#footer-wrap ul#footernav li {
	display: inline;
}

#footer-wrap ul#footernav li a, #footer-wrap ul#footernav li a:visited {
	color: #fff;
	font-size: 1.2em;
	padding-right: 12px;
}

#footer-wrap ul#footernav li a.right, #footer-wrap ul#footernav li a:visited.right {
	padding-right: 0;
}

#footer-wrap p.copyright, #footer-wrap p.copyright a, #footer-wrap p.copyright a:visited {
	color: #607d87;
}

table.ingredients {
	width: 400px;
	margin: 0 0 15px 0;
}

table.ingredients td { 
	color: #555;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 1.2em;
	border-bottom: 1px dashed #ccc;
}

table.ingredients td.value { width: 75px; color: #3e74a2; }

fieldset { margin: 0 0 30px 0; border: none; }
fieldset legend { padding: 0 0 3px 0; margin: 15px 0 3px 0; color: #555; font-size: 1.2em; font-weight: bold; display: block; }
fieldset ol { margin: 0; border: none; }
fieldset ol li { width: 600px; height: 35px; position: relative; }
fieldset ol li.textarea { height: 160px; }
fieldset ol li label { position: absolute; top: 6px; left: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; width: 135px; text-align: right; }
fieldset ol li:hover label { color: #000; }
fieldset ol li input, fieldset ol li select, fieldset ol li textarea { position: absolute; top: 0; right: 50px; }
fieldset ol li select { position: absolute; top: 0; right: 58px; }

input.text-box, textarea.textarea-box, select.select-box { margin: 1px; padding: 3px; width: 400px; background: #f3faff; border: 1px solid #cedde9; color: #819db1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea.textarea-box { height: 150px; }
input.text-box:hover, textarea.textarea-box:hover, select.select-box:hover { border: 1px solid #bbcfde; }
input.text-box:focus, textarea.textarea-box:focus, select.select-box:focus { border: 2px solid #cecece; margin: 0px; color: #000; background: #fff; }
input.submit { background: url(../images/nav.jpg) 640px -20px; color: #e4edf4; padding: 8px; border: 1px solid #6489a3; margin-top: 10px; margin-bottom: 10px; }
input.submit:hover { cursor: pointer; color: #fff; border: 1px solid #000; }
.small-box { width: 75px !important; }

input.search-box { padding: 4px; border: 1px solid #ccc; background: #fff; color: #25677f; }
#submit, input.search-submit { padding: 4px; background: #d8e4e7; border: none; color: #000; font-weight: bold; }
input.search-submit:hover { cursor: pointer; }

#blog-sidebar ul li, #blog-sidebar ul li a, #blog-sidebar ul li p, #blog-sidebar p { font-size: 9pt !important; line-height:1.6em; }

#author, #email, #url, #comment { background: #eaf0f2; border: 1px solid #d8e4e7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 150px; }
#author:focus, #email:focus, #url:focus, #comment:focus { background: #fff; color: #25677f; }
#commentform textarea { width: 400px !important; }
#commentform #submit { float: none; }
#message-sent { padding: 10px 10px 0 10px; display: block; background: #eaf0f2; border: 2px solid #d8e4e7; text-align: center; }

#two-column-body img, #main1 img, #main2 img, #main3 img {
	background-color:#FFFFFF;
	border:1px solid #D6D1D1;
	padding:3px;
}

.align-right, .alignright, .alignRight {
	float: right;
	margin: 0 0 0 8px;
}