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

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/images/bg.png) top repeat-y #fff;
}
img {
	border:none;
}
/***********************************
 WRAPPERS
***********************************/

#wrapperBG {
	width:100%;
	min-height:1180px;
	float:left;
	background:url(/images/bgPhoto.jpg) top no-repeat;
	border-top:10px solid #2e4d01;
}
#wrapper {
	width:960px;
	margin:0 auto;
}
/***********************************
 HEADER
***********************************/

#headerWrapper {
	width:960px;
	height:170px;
	float:left;
	background:url(/images/header_bg.png) no-repeat;
	margin:0 0 20px 0;
}
#logo {
	width:200px;
	height:170px;
	float:left;
}
#nav {
	width:760px;
	height:30px;
	float:left;
	margin:115px 0 20px 0;
}

ul#topnav {
	margin: 0; 
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
}
ul#topnav li {
	float: left;
	margin: 0; 
	padding: 0;
	position: relative;
	color:#444;
	font-size:14px;
}
ul#topnav li a {
	float: left; 
	height: 30px;
	padding:5px 10px;
	margin:0 5px;
	line-height:30px;
	color:#444;
	text-decoration:none;
	font-weight:bold;
}
ul#topnav li a:hover, ul#topnav li:hover a {
	color:#fff;
	background:#0072cb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
}
ul#topnav a.products {
}
ul#topnav a.sale {
}
ul#topnav a.community {

}
ul#topnav a.store {

}


ul#topnav li .sub {
	position: absolute;	
	top: 35px; left: 5px;
	background: #0072cb url(sub_bg.png) repeat-x;
	padding: 10px 10px 10px 5px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
	padding:0;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	margin:0;
	padding:0;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #bbe1ff;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size:13px;
	font-weight:normal;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}

/***********************************
 HERO
***********************************/

#heroWrapper {
	width:960px;
	height:250px;
	float:left;
	background:#4c9cda; /* Must match background colour of 4th accordion header */
	margin:0 0 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}
#heroWrapper .accordionWrapper {
	display:inline-block;
	background-color:none;
	overflow:hidden;
}
#heroWrapper .accordionWrapper img {
	vertical-align:top;
	border:0;
	margin:0;
	padding:0
}
#heroWrapper .accordionWrapper div {
	display:inline;
	float:left;
	margin:auto;
}
#heroWrapper .accordionWrapper div.title {
	cursor:pointer;
	width:80px;
	height:250px;
	font-size:14px;
	color:#fff;
	text-align:center;
}
#heroWrapper .accordionWrapper div.content {
	display:none;
}
#heroWrapper .set1 div.content {
}
/*
#heroWrapper .set1 div.title {
	background:url(/images/heroTitle1.png) no-repeat;
}
#heroWrapper .set2 div.title {
	background:url(/images/heroTitle2.png) no-repeat;
}
#heroWrapper .set3 div.title {
	background:url(/images/heroTitle3.png) no-repeat;
}
#heroWrapper .set4 div.title {
	background:url(/images/heroTitle4.png) no-repeat;
}
*/
#heroWrapper .set1 {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}
#heroWrapper .set2 div.content {
}

#heroWrapper .set3 div.content {
}

#heroWrapper .set4 {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}


/***********************************
 CONTENT COLUMN WRAPPER
***********************************/

#columnWrapper {
	width:960px;
	margin:0 0 20px 0;
	float:left;
}
/***********************************
 CONTENT LEFT
***********************************/

#contentLeft {
	width:710px;
	float:left;
	margin:0 20px 0 0;
}
.contentLeftTop {
	width:710px;
	height:10px;
	float:left;
	background:url(/images/content_bgTop.png) no-repeat;
}
.contentLeftCentre {
	width:650px;
	padding:20px 30px;
	float:left;
	background:url(/images/content_bg.png) repeat-y;
}
.contentLeftBot {
	width:710px;
	height:10px;
	float:left;
	background:url(/images/content_bgBot.png) no-repeat;
}
#contentLeft h1 {
	font-size:26px;
	font-weight:normal;
	color:#0072cb;
	margin:0 0 15px 0;
	padding:0;
}
#contentLeft h2 {
	color:#333;
	font-size:20px;
	font-weight:normal;
	margin:0 0 15px 0;
	padding:0;
}
#contentLeft #eventWrapper h1 {
	font-size:26px;
	font-weight:normal;
	color:#0072cb;
	margin:0 0 15px 0;
	padding:0;
}
#contentLeft #eventWrapper h2 {
	color:#0072cb;
	font-size:18px;
	line-height;24px;
	font-weight:normal;
	margin:0 0 15px 0;
	padding:0;
}
#contentLeft #eventWrapper h3 {
	color:#666;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	margin:20px 0;
	padding:20px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	clear:left;
}

#contentLeft .slideshow { 
	width: 650px; 
	height: 400px; 
	margin: 0 0 20px 0; 
	float:left;
	overflow:hidden;
	clear:both;
}
#contentLeft .slideshow img { 
	padding: 0;
	border: none;
}

#contentLeft p, #contentLeft li, #contentLeft table {
	font-size:14px;
	color:#333;
	line-height:24px;
}



#contentLeft p a, #contentLeft li a {
	color:#0072cb;
	text-decoration:none;
}
#contentLeft p a:hover, #contentLeft li a:hover {
	text-decoration:underline;
}
#contentLeft #featureImage {
	width:310px;
	height:250px;
	float:right;
	margin:0 0 20px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#contentLeft #featureImage .caption {
	width:290px;
	height:20px;
	padding:5px 10px;
	overflow:none;
	font-size:14px;
	color:#fff;
	line-height:20px;
	margin:220px 0 0 0;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	background:url(/images/captionBG.png) repeat-y;
}

/*********
 CONTENT ACCORDION 
*********/

#contentAccordion {
	margin:20px 0 10px 0;
}
#contentAccordion div {
	padding:5px 15px;
	background:#e1f2ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:5px 0;
}
#contentAccordion div img {
	padding:0 0 25px 25px;
}
#contentAccordion h3 {
	margin:5px 0;
}
#contentAccordion h3 a {
	display:block;
	padding:12px 12px 12px 50px;
	margin:0;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	background:url(/images/accordionArrow.png) left no-repeat #0492ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#contentAccordion h3 a:hover {
	background-color: #0082e6;
}
#contentAccordion p, #contentAccordion li {
	font-size: 13px;
}
/***********************************
 CONTENT RIGHT
***********************************/

#contentRight {
	width:230px;
	float:left;
	margin:0;
	padding:0;
}
.contentRightTop {
	width:230px;
	height:10px;
	float:left;
	background:url(/images/contentRight_bgTop.png) no-repeat;
}
.contentRightCentre {
	width:210px;
	float:left;
	padding:0 10px;
	background:#fff;
	display:block;
}
.contentRightBot {
	width:230px;
	height:10px;
	float:left;
	background:url(/images/contentRight_bgBot.png) no-repeat;
}

/*********
 BUTTONS 
*********/

.contentRightFeature {
	width:210px;
	height:100px;
	float:left;
	margin:0 0 10px 0;
	padding:0;
}
/*********
 FORM 
*********/

.contentRightFormTop {
	width:210px;
	height:40px;
	float:left;
	background:url(/images/rightCol_contactTop.png);
}
.contentRightFormCentre {
	width:190px;
	padding:10px;
	background:url(/images/rightCol_contactBot.png) bottom no-repeat #34969f;
	color:#fff;
	float:left;
	font-size:13px;
	line-height:18px;
}
#contentRight form {
}
#contentRight dl {
	clear:both;
	margin:0;
	padding:0;
	width:190px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	overflow:hidden;
}
.contentRightFormCentre a {
	color:#fff;
	text-decoration:underline;
}
#contentRight dt {
	float:left;
	text-align:left;
	width:190px;
	line-height:13px;
	margin:0 0 5px 0;
	padding:0;
	clear:left;
}
#contentRight dt.submitDT {
	line-height:0;
	margin:0;
}
#contentRight dd {
	float:left;
	width:190px;
	line-height:22px;
	margin:0 0 10px 0;
	padding:0;
	clear:left;
}
#contentRight textarea {
	width:180px;
	height:90px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:13px;
}
#contentRight .textfieldStyle {
	width:180px;
	height:20px;
	color:#555;
	font-size:13px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
}
#contentRight .formSubmit {
	color:#094348;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#bef7fc;
	font-size:13px;
	text-transform:none;
	width:190px;
	height:30px;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#contentRight .formSubmit:hover {
	background:#e5fdff;
}

/***********************************
 FOOTER
***********************************/

#footerWrapper {
	width:960px;
	float:left;
	margin:0 0 40px 0;
}
.footerTop {
	width:960px;
	height:10px;
	float:left;
	background:url(/images/footer_bgTop.png) no-repeat;
}
.footerCentre {
	width:940px;
	float:left;
	padding:5px 10px;
	background:url(/images/footer_bgCentre.png) repeat-y;
}
.footerBot {
	width:960px;
	float:left;
	background:url(/images/footer_bgBot.png) no-repeat;
}
#footerLeft {
	width:700px;
	float:left;
	margin:0 20px 0 0;
}
#footerRight {
	width:220px;
	float:left;
	margin:0;
	text-align:right;
}
#footerRight p {
	font-size:12px;
	line-height:18px;
	color:#333;
	margin:0;
}
#footerRight p a {
	color:#0077cd;
	font-weight:bold;
	text-decoration:none;
}
#footerRight a:hover {
	text-decoration:underline;
}
#footerWrapper ul {
	margin:0 0 0 15px;
	padding:0;
	float:left;
	width:700px;
}
#footerWrapper li {
	list-style:none;
	display:inline;
	padding:0 10px;
	border-right:1px solid #999;
	font-size:12px;
	line-height:14px;
	color:#333;
	font-weight:bold;
	margin:0;
}
#footerWrapper li.first {
	padding-left:0;
}
#footerWrapper li.last {
	border-right:none;
}
#footerWrapper li a {
	color:#333;
	text-decoration:none;
}
#footerWrapper li a:hover {
	color:#0077cd;
}
#footerButtons {
	width:700px;
	height:50px;
	margin-top:10px;
	float:left;
}
#footerButtons .buttons {
	width:200px;
	float:left;
	margin:0 30px 0 0;
}
#footerButtons img {
	border:none;
}
#footerButtons h2, #footerButtons h3 {
	color:#393065;
	font-size:24px;
	line-height:24px;
	margin:0;
	padding:5px;
}
#footerButtons h3, #footerButtons h3 a {
	color:#0077cd;
	text-decoration:none;
}
#footerButtons h3.facebook, #footerButtons h3.facebook a {
	color:#3b5997;
	text-decoration:none;
	padding:5px 5px 5px 0;
}
#footerButtons h2 .small, #footerButtons h3 .small {
	font-size:14px;
	line-height:14px;
	padding-left:8px;
}
#footerButtons h3.facebook .small {
	padding-left:0;
}
#footerButtons .buttons:hover h3, #footerButtons .buttons:hover {
	background:#cceaff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}