/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font:normal 12px/1.4em verdana, arial, sans-serif;
		color:#fff;
		line-height:normal;
		margin:0;
		height:100%;
		width:100%;
		text-align:center;
		background:#000000;		
	}
	
	body { background:url(../images/bg-main.jpg) no-repeat bottom center #000000; }
	
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* GLOBAL RESET */
		html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
		h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
		fieldset,img { border: none; }
		caption,th { text-align: left; }
		table { border-collapse: collapse; border-spacing: 0; }
		
	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display:none;
	}
	/* Paragraph default styling, amend as desired */
	p {
		margin:0 0 20px 0;
		padding:0;
	}
	
	em{
		font-style:italic;
		color:#95adbd;
	}
	
	/* Removes blue border on img links */
	img {
		border:0;
	}
	/* Default link styling */
	a {
		color:#95adbd;
		text-decoration:none;
		font-weight:bold;
	}
	a:hover {
		color:#95adbd;
		text-decoration:underline;
	}
	/* Float an element left with a margin */
	.floatL {
		float:left;
		margin:0 20px 20px 0;
	}
	/* Float an element right with a margin */
	.floatR {
		float:right;
		margin:0 0 20px 20px;
	}
	
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#mainWrap{
		width:1050px;
		padding-left:61px;
	}

	#bubblewrap {
		width:1050px;
		margin:0 auto;
		text-align:left;
	}
	#top {
		position:relative;
		height:100px;
		float:left;
		margin:0 0 6px 0;
		width:989px;
	}
	#middle {
		position:relative;
		float:left;
		width:989px;
	}
	#left{
		float:left;
		width:326px;
		margin:0 0 10px 0;
	}
	#left img{
		border:#8696a0 1px solid;
	}
	
	#content{
		float:right;
		width:622px;
		border:1px solid #8696a0;
		/*filter: alpha(opacity=85);
		-moz-opacity:.85;
		opacity:.85;*/
		margin:0 0 10px 0;
		padding:20px 11px 10px 11px;
		font-size:1.1em;
	}
	#content img{
		margin:10px;
	}
	
	#bottom {
		position:relative;
		float:left;
		width:989px;
	}
	
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family:arial, verdana, sans-serif;
		font-size:1em;
		color:#666;
	}
	
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color:#fff;
		line-height:normal;
		margin:0 0 15px 0;
		padding:0;
	}
	
	h1 {
		font-size:2em;
		font-weight:normal;
	}
	
	
	h2 {
		font-size:1em;
		font-weight:bold;
		margin:0 0 15px 0;
		color:#95adbd;
	}
	
	h3 {
		font-size:1.2em;
	}
	
	
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#logo{
		position:absolute;
		right:0;
		top:50%;
		margin-top:-32px;
	}

/* NAV STYLES  */

	#nav{
		position:absolute;
		left:0;
		bottom:0;
		list-style:none;
		padding:0 10px 0 28px;
		margin:0;
		width:610px;
		
	}
	
	#left_list {
		background:url(../images/list_2nd_line_bg.png) top left no-repeat;
		position: absolute; 
		width: 27px; height: 54px; z-index: 3000; margin-top: -11px;
	}
	
	#nav li{
		background:url(../images/nav_li_bg.png) top left no-repeat;
		float:left;
		padding:0;
		margin:-1px 0 0 -28px;
		white-space:nowrap;
	}
	#nav li a{
		display:block;
		float:left;
		padding:6px 35px 0 10px;
		margin:0 0 0 27px;
		color:#fff;
		height:21px;
		text-align:center;
		background:url(../images/nav_a_bg.png) top right no-repeat;
	}
	
	#nav li.first{
		background-image:url(../images/nav_first.png);
	}
	
	#nav li.selected{
		background:url(../images/nav_selected_bg.gif) no-repeat top right;
	}
	
	
	
	#nav li.selected a{
		background:none;
	}

/* Search STYLES  */

	#search{
		position:absolute;
		left:599px;
		top:47px;
		padding:0 0 0 25px;
		margin:0;
		height:27px;
		width:204px;
		background:url(../images/bg_search.gif) no-repeat 0 0;
	}
	#search *{
		float:left;
	}
	#search .formfield{
		background:transparent;
		border:0;
		color:#fff;
		width:110px;
		padding:6px 0 0 0;
	}
	#search p{
		margin:0;
		padding:0;
		float:left;
	}
	#search fieldset{
		margin:0;
		padding:0;
		border:0;
	}
	#search legend{
		display:none;
	}
	
	#searchResults p.title a{
		text-decoration:underline;
		font-size:1.4em;
		font-weight:normal;
		
	}
	
	#searchResults p.title span{
		font-weight:bold;
		color:#4b92e1;
	}
	
	#searchResults p.para span{
		font-style:normal;
		font-weight:bold;
		color:#4b92e1;
	}
	
 /* */

	.bbb-ring{
		padding:25px 0 0 0;
		font:bold Arial, Helvetica, sans-serif;
	}
	.bbb-ring span{
		color:#95adbd;
	}
	
/* HOMEPAGE STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.hpwrap{
		float:left;
		width:989px;
	}
	
	#animation{
		float:left;
		border:#a0b8d2 1px solid;
		height:308px;
		width:655px;
	}
	
	.shopWindow{
		width:657px;
		float:left;
	}
	
	.ctas{
		float:right;
	}
	
	.ctas img{
		border:none;
	}
	
	.ctas a:hover{
		filter: alpha(opacity=85);
		-moz-opacity:.85;
		opacity:.85;
	}
	.cta1, .cta2{
		margin:0 0 6px 0;
		width:324px;
		height:150px;
		padding:0;
		border:#a0b8d2 1px solid;
		clear:left;
	}

/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.firstpara{
		color:#95adbd;
	}

/* Tabbed jQuery */
	.tabbed {
		margin:00;
		padding:0;
		float:left;
		width:989px;
		position:relative;
		}
	.tabbed .tabs {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		font-size:1.1em;
		width:989px;
		border-bottom:1px solid #64747f;
	}
	.tabbed .tabs li {
		float:left;
	}
	.tabbed .tabs li a {
		float:left;
		display:block;
		padding:10px 15px;
		color:#fff;
		font-weight:normal;
	}
	.tabbed .tabs li a:hover, .tabbed .tabs li a.selected {
		font-weight:bold;
	}
	.tabbed .tabbox {
		float:left;
		height:100px;
		padding:6px 0;
	}
	
	.arrowleft{
		position:absolute;
		top:85px;
		left:-20px;
	}
	.arrowright{
		position:absolute;
		top:85px;
		right:-20px;
	}
	
	#scroller{
		margin-left:-30px;
		float:left;
	}
	
	
/*	Carousel Styles	 */
		
.linkboxes{
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
	width:600px;
}
.linkboxes li{
	padding:0;
	margin:10px 7px 6px 0;
	display:inline;
	float:left;
	clear:right;
	
}
.linkboxes li a{
	display:block;
	height:98px;
	width:157px;
	background:#799aae;
	border:1px solid #c4dcec;
	position:relative;
	color:#fff;
	filter: alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;

}
.linkboxes li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	text-decoration:none;

}
.linkboxes li a span{
	position:absolute;
	left:10px;
	bottom:10px;
}

	
/* Breadcrumb */

	#breadcrumb{
		float:left;
		width:989px;
		padding:5px 15px 15px 15px;
		color:#95adbd;
		font-weight:bold;
	}
	#breadcrumb ul{
		float:left;
		list-style:none;
		padding:0;
		margin:0;
	}
	#breadcrumb ul li{
		float:left;
		padding-left:20px;
		margin-left:15px;
		background:url(../images/arrow_breadcrumb.gif) no-repeat left center;
	}
	#breadcrumb ul li.first{
		padding-left:0;
		margin-left:0;
		background:none;
	}
	#breadcrumb ul li a{
		color:#fff;
		font-weight:normal;
	}
	
/*  */

	.pagelinks{
		float:right;
		width:160px;
		margin:0 0 10px 10px;
	}
	.pglink{
		float:left;
		width:160px;
		height:101px;
		margin:0 0 10px 0;
		position:relative;
	}
	.pglink a{
		float:left;
		width:160px;
		height:101px;
		display:block;
		background:url(../images/bg_pglink.gif) no-repeat top left;
		cursor:pointer;
	}
	.pglink a:hover{
		filter: alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;
	}
	.pglink a span{
		position:absolute;
		bottom:0;
		left:0;
		padding:10px 30px 10px 10px;
	}

/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/*	-----------------------------	*/
	/*	--	COLLAPSING MENU STYLES --	*/
	/*	-----------------------------	*/

	ul#menu, ul#menu ul {
		list-style:none;
		padding:0;
		margin:0;
		background:#425365;
		filter: alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;	
	}
	
	ul#menu a {
		background:#e5e5e5;
		padding:8px 10px;
		color:#000;
		font-weight:bold;
		font-size:1em;
		margin:0 0 1px 0;	
	}
	
	ul#menu li {
		font-weight:bold;
	}
	
	ul#menu li a {
		background:#e5e5e5;
		padding:8px 10px;
		color:#222;
		font-size:1em;
		font-weight:bold;
		display:block;
	}
	
	ul#menu li a:hover {
		color:#000;
		background:#e5e5e5;
	}
	
	ul#menu li ul li a {
	  color: #fff;
	  padding-left: 20px;
	  font-weight:normal;
	  background:#425365;
	}
	
	ul#menu li ul li a:hover{
		background:#8498a6;
		color:#fff;
		text-decoration:none;
	}
	
	ul#menu li ul li a.selected{
		background:#8498a6;
		color:#fff;
	}
	
	ul#menu ul.innerSections a{
		background:#24292d;
	}
	
	ul#menu ul.innerSections a:hover, ul#menu ul.innerSections a.selected{
		background:#565657;
	}
	
	

	/*
	#left h3, #left h3 a{
		background:#e5e5e5;
		padding:8px 10px;
		color:#222;
		font-size:1em;
		margin:0 0 1px 0;
	}
	#left ul{
		list-style:none;
		padding:0;
		margin:0;
		background:#425365;
		filter: alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;
	}
	#left ul li a{
		padding:8px 15px;
		margin:0;
		color:#fff;
		font-weight:normal;
		display:block;
	}
	#left ul li a{
		padding:8px 15px;
		margin:0;
		color:#fff;
		font-weight:normal;
		display:block;
	}
	#left ul li a:hover, #left ul li a.selected{
		background:#8498a6;
		color:#fff;
	}
	*/
	
	
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#bottom{
		padding:20px 0;
	}

	#bottom p {
		float:left;
		color:#858992;
		margin:0;
		padding-left:10px;
		font-size:0.9em;
	}
	#bottom ul {
		float:right;
		list-style:none;
		padding-right:10px;
		color:#858992;
		margin:0;
		font-size:0.9em;
	}
	#bottom ul li {
		float:left;
		padding:0 0 0 15px;
		margin:0;
	}
	#bottom ul li a {
		font-weight:normal;
		color:#fff;
	}


/*	HOME PAGE DIV SLIDER	*/
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#slider {
    width: 1000px;
    margin: 0 auto;
    position: relative;
	float:left;
}

.scroll {
    height: 250px;
    width: 1000px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 5px 0 5px 1px;
    height: 210px;
	width:1000px;
}

.scrollButtons {
    position: absolute;
    top:45px;
    cursor: pointer;
}

.scrollButtons.left {
   left:-20px;
}

.scrollButtons.right {
    right: -10px;
}

.hide {
    display: none;
}


/*	SITEMAP  */

dl{
	list-style:none;
}

dt.area{
	margin:10px 0 0 0;
	font-size:1.4em;
}	

dd.section{
	margin:2px 0 0 25px;
	font-size:1.1em;
}

dd.subsection{
	margin:0 0 0 50px;
	font-size:1em;
}

dd.innersection{
	margin:0 0 0 75px;
	font-size:0.9em;
}

/*
	-------------------	RESOURCE CENTER	--------------------
*/

#uploadForm{
	border:#fff 1px dotted;
	padding:15px;
	background:#000;
}

#uploadForm .row{
	float:left;
	margin-bottom:5px;
	width:100%;
}

#uploadForm label{
	width:250px;
	float:left
}

#uploadForm .textarea, #uploadForm .text{
	width:225px;
}

#uploadForm .send{
	width:230px;
	cursor:pointer;
	background:#3c464f;
	color:#FFFFFF;
	border:#c9dceb 1px solid;
}

#uploadForm ul.errors{
	color:#c00;
	margin:0 0 30px 20px;
}

/*	CONTACT	*/

#contactLeft{
	float:left;
	width:250px;
}

#contactRight{
	float:right;
	width:350px;
}

#contactForm{
	float:left;
	width:100%;
	padding-top:15px;
}

#contactForm label{
	width:150px;
	float:left;
}

#contactForm input, .textarea{
	border:none;
	width:415px;
}

#contactForm .row{
	float:left;
	margin-bottom:5px;
}

#contactForm .send{
	width:100px;
	cursor:pointer;
	background:#3c464f;
	color:#FFFFFF;
	border:#c9dceb 1px solid;
}

#contactForm div.errors{
	border:#C00 1px dashed;
	margin:0 0 20px 0;
	padding:10px;
	color:#fff;
	background:#323b42;
	}
	
	#contactForm div.errors ul{
	list-style:none;
	padding:10px;
	margin:0;
	}

#map{
	width:295px;
	height:210px;
	border:#c9dceb 1px solid;
	}

/*	IMAGE GALLERY	*/


#gallery{
	border:#999999 1px solid;
}

#gallery td{

}

#pagination{
	list-style:none;
	padding:0 0 30px 0;

}

#pagination li{
	display:inline;
}

#pagination li a{
	background:#657e94;
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
}

#pagination li a:hover, #pagination li a.selected{
	background:#FFFFFF;
	color:#222222;
}

#pagination li.title{
	float:left;
	margin:0 20px 0 0;
}


/*
	-----------------	SWF UPLOAD	--------------------
*/

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}