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

body {
	background-color: #00788A;
	/*background-image:url(../_images/bg/home.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	colour: black;
	margin: 0px;
	padding: 0px;
}


#mainContainer {
	width: 960px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -480px;
	/*border: 1px solid red;*/
}

#shopLinks {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 186px;
	height: 300px;
}

#blogList {
	position: absolute;
	top: 340px;
	right: 0px;
	width: 146px;
	padding: 20px;
	background-color: white;
}

#contentHolder {
	position: relative;
	top: 340px;
	left: 0px;
	width: 764px;	
	margin-bottom: 20px;
	float: left;
	z-index: 100;
}
#innerContent {
	background-color: white;
	padding: 20px;
	overflow: auto;
	z-index: 100;
	/*height: 1000px;*/
	/*border: 1px solid red;*/
}
div.body a {
	color:  #2ac2d2;
	font-weight: bold;
}
#contentLeft {
	position: relative;
	width: 490px;
	vertical-align: top;
	float: left;
	z-index: 100;
	/*border: 1px solid green;*/
}
#contentRight {
	position: relative;
	width:194px;
	vertical-align: top;
	float: right;
	/*border: 1px solid green;*/
}

#footer {
	postiion: relative;
	bottom: -30px;
	/*color: #00788A;*/
	color: white;
	clear: both;
	line-height: 32px;
	font-size: 8px;
}
#footer a {
	color: white;
}
div.block {
	position: relative;
	/*margin: 2px 0px 2px 0px;
	border: 1px solid green;*/
}
div.block .editBlock{
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 5001;
}
div.block .editBlock a  {
	cursor: pointer;
	display: block;
	background-color: #d8d8d8;
	color: #484848;
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 0px 1px 0px 1px;
	font-size: 8px;
	float: right;
}

p.contentAreaControls {
	margin: 0px;
	position: static;
	top: 0px;
	left: 0px;
	z-index: 9000;
}

.contentAreaButton {
	cursor: pointer;
	display: block;
	background-color: #d8d8d8;
	color: #484848;
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 0px 1px 0px 1px;
	font-size: 8px;
}
ul.blockList {
	background-color: #d8d8d8;
	border: 1px solid #cccccc;
	position: absolute;
	top: 16px;
	left: 1px;
	width: 125px;
	z-index: 4900;
	padding: 0px;
	font-size: 10px;
}
ul.blockList li {
	list-style-type: none;
	text-indent: 0px;
}
ul.blockList li a {
	color: black;
	font-size: 10px;
	color: #484848;
	display: block;
	width: 100%;
	line-height: 14px;
	text-decoration: none;
	padding: 0px;
}
ul.blockList li a:hover {
	background-color: #aaaaaa;
	color: white;
}
.minHeight300 {
	min-height: 300px;
}
/*-----------------------------------------------------------------------*/
/*                            navigation                                 */
/*-----------------------------------------------------------------------*/
#navigation {
	height: 12px;
	position: absolute;
	top: 308px;
	left: 0px;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation li {
	float: left;
	text-indent: 0px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	list-style-type: none;
	overflow: visible;
	z-index: 20001;
	position: relative;
	
}
#navigation a {
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	color: black;
	background-color: white;
	display: block;
	width: 100%;
	line-height: 14px;
	text-decoration: none;
	text-align: center;
	
}
#navigation a:hover {
	color:  #00788A;
	background-color: #e8e8e8;
}

#navigation li.hasSubnav div{
	display: none;
	z-index: 20000;
	position: absolute;
	width: 160px;
}
#navigation .hasSubnav div ul.subnav li {
	float: none;
	display:block;
	margin: none;
	z-index: 20000;
}

/*-----------------------------------------------------------------------*/
/*                            Block Globals                              */
/*-----------------------------------------------------------------------*/

h2 {
	color:  #00788A;
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	
}

h3 {
	margin: 0px;
	padding: 0px;
	color:  #2ac2d2;
	
}
p.intro {
	font-weight: bold;
	color:  #2ac2d2;
	font-size: 13px;
	margin-bottom: 17px;
}

#contentRight .separator {
	margin: 20px 0px 20px 0px;
	color: #d8d8d8;
	width: 190px;
	height: 1px;
	clear: both;
}
#contentLeft .separator {
	display: none;
}
/*-----------------------------------------------------------------------*/
/*                            shop Links                                 */
/*-----------------------------------------------------------------------*/

#shopLinks img {
	display: block;
	margin: 20px 0px 0px 0px;
}

/*-----------------------------------------------------------------------*/
/*                            Offer Block                                */
/*-----------------------------------------------------------------------*/

.offerLink {
	display: block;
	width: 188px;
	height: 50px;
	background-image: url(../_images/offer_btn.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.offerLink:focus {
	outline: none;
}

/*-----------------------------------------------------------------------*/
/*                            Webcam Image                               */
/*-----------------------------------------------------------------------*/

.webcamImage {
	width: 190px;
}

/*-----------------------------------------------------------------------*/
/*                         Basic Social Block                            */
/*-----------------------------------------------------------------------*/
ul.social {
	padding: 0px;
	height: 32px;
}
ul.social li {
	list-style-type: none;
	text-indent: -99999px;
	width: 32px;
	height: 32px;
	float: left;
	margin: 3px;
	background-repeat: no-repeat;
	background-position: center;
}
ul.social a {
	display: block;
	width: 100%;
	height: 100%;
}

#delicious {
	background-image: url(../_images/socialIcons/delicious-32x32.png);
}
#digg {
	background-image: url(../_images/socialIcons/digg-32x32.png);
}
#stumbleUpon {
	background-image: url(../_images/socialIcons/stumbleUpon-32x32.png);
}
#suggest {
	background-image: url(../_images/socialIcons/email-32x32.png);
}
#YouTube {
	background-image: url(../_images/socialIcons/YouTube-32x32.png);
}
.social h2.blockTitle {
	display: none;
}

/*-----------------------------------------------------------------------*/
/*                         Basic Social Block                            */
/*-----------------------------------------------------------------------*/

#emailSubscribe input[type=text] {
	border: 1px solid #2ac2d2;
	margin: 0px 10px 0xp 0px;
}
#email {
	width: 190px;
}
#name {
	width: 115px;
}
#submit {
	width: 70px;
	font-weight: bold;
	color: white;
	background-color: #2ac2d2;
	border: 1px solid #2ac2d2;
}

/*-----------------------------------------------------------------------*/
/*                             MultiColumn                               */
/*-----------------------------------------------------------------------*/
/*.first {
	margin-right: 10px;	
}*/
.last {
	margin-left: 18px;
}
.column {
	width: 235px;
}

/*-----------------------------------------------------------------------*/
/*                             Main Content                              */
/*-----------------------------------------------------------------------*/

#contentLeft h3{
	color: #2ac2d2;
}
#contentLeft ul {
	padding: 10px 30px 10px 0px;
}
#contentLeft p {
	margin-bottom: 12px;
}
#contentLeft .body>ul>li {
	font-weight: bold;
	color: #2ac2d2;
	font-size: 13px;
	margin-bottom: 3px;
	margin-left: 30px;
}

.singleColumn {
	width: 235px;
	/*border: 1px solid blue;*/
}

.leftFloat {
	float: left;
	margin-right: 6px;
}

/*-----------------------------------------------------------------------*/
/*                             Standard Form                             */
/*-----------------------------------------------------------------------*/
#contentLeft form>ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#contentLeft form>ul>li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	text-indent: 0px;
}
#contentLeft form>ul>li>label {
	display: inline-block;
	width: 125px;
}
#contentLeft form>ul>li>input[type=text] {
	width: 363px;
	border: 1px solid #2ac2d2;
}
#contentLeft form>ul>li>input[type=submit] {
	width: 235px;
	float: right;
}
#contentLeft textarea {
	width: 363px;
	border: 1px solid #2ac2d2;
	margin-left: -5px;
	vertical-align: top;
	height: 150px;
}

/*-----------------------------------------------------------------------*/
/*                               RSS List                                */
/*-----------------------------------------------------------------------*/

#blogList ul.newsFeed {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	list-style-type: disc;
	list-style-position:outside;
}
#blogList ul.newsFeed li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-indent: 0px;
	list-style-type: disc;
	list-style-position:outside;
	color: black;
}
#blogList ul.newsFeed li a {
	color: black;
	text-decoration: none;
}
#blogList ul.newsFeed li a:hover {
	text-decoration: underline;
}
p.feedLink {
	line-height: 32px;
	margin-bottom: 10px;
}
p.feedLink>a{
	background-image:url(../_images/subscribe.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	height: 100%;
}
p.twitterLink {
	line-height: 32px;
}
p.twitterLink>a{
	background-image:url(../_images/twitter.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	height: 100%;
}
.linksList ul {
	padding: 0px;
	margin: 0px 0px 0px 12px;
}
.linksList ul>li {
	list-style-type: disc;
	margin: 2px 0px 2px 0px;
	color: #00788A;
}
.linksList ul>li>a {
	font-size: 13px;
	font-weight: bold;
	color: #00788A;
}
.carousel {
	width: 490px;
	height: 163px;
	background-color: black;
}
.carouselTitle {
	font-size: 30px;
}
.jCarouselLite {
	width: 440px;
	background-color: black;
	float: left;
	margin-left: 5px;
	z-index:500;
}
.jCarouselLite ul li {
	margin: 5px;
	background-color: black;
}
.prev {
	color: white;
	font-weight: bold;
	display: block;
	float: left;
	width: 15px;
	height: 120px;
	vertical-align: middle;
	text-decoration: none;
	background-color: black;
	background-image: url(../_images/prev.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
.next {
	color: white;
	font-weight: bold;
	float: right;
	display: block;
	float: right;
	width: 15px;
	height: 120px;
	vertical-align: middle;
	text-decoration: none;
	background-color: black;
	background-image: url(../_images/next.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
.thickbox {
	border: none;
}
.map {
	width: 490px;
	height: 400px;
	
}
#mapContainer {
	/*border: 1px solid red;
	overflow: auto;
	padding: 10px;*/
	height: auto;
	position: static;
}
#blogList .gallery_image_block {
	margin-bottom: 20px;
}
div.contactForm {
	margin-top: 80px;
}

/*---------------------------------------------------------------*/
/*  Hide the sKfr replaced text                                  */
/*---------------------------------------------------------------*/
.alt {
	display: none;
}

a img  {
	border: none;
}

/*---------------------------------------------------------------*/
/*  Article List for games page                                  */
/*---------------------------------------------------------------*/


ul.storyThumblist {
	list-style-type: none;
}
ul.storyThumblist li {
	float: left;
	width: 235px;
	/*min-height: 300px;*/
	margin-right: 14px;
	/*border: 1px solid red;*/
	list-style-type: none;
}


.gamepop {
	width: 652px;
	z-index: 50000;
	background-color: white;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -320px;
	border: 1px solid #d8d8d8;
	padding-bottom: 40px;
}
#pageFade {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #888888;
	opacity: 0.80;
	filter: alpha(opacity = 80);
	cursor: wait;
	z-index: 25000;
	zoom: 1;
	}
iframe {
	border-style: none;;
}
.close {
	text-indent: -9999999px;
	background-image: url(../_images/close.jpg);
	display: block;
	float: right;
	width: 16px;
	height: 16px;
}
ul.storyThumblist {
	overflow: auto;
}

.widgetForm {
	width: 490px;
	border: 1px solid red;
}
.widgetForm #formcontent {
	border: 1px dotted orange;
}
.widgetForm form {
	border: 1px dashed blue;
}