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

html, body { height:100%; }
body {font-size:100%; line-height:1.1875em; background:#080808 url(../assets/bg.gif)}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif;  color:#787878;	}

/********** CONTENT SECTIONS **************/

div#page { margin:0 auto; padding:0; overflow:hidden; background: url(../assets/bg.gif)}

div.nav-section{width:960px;margin:0 auto;padding:0; margin-bottom:13px;text-align:left; overflow: hidden;} 
div.column{float:left;width:716px;padding-top:30px;padding-bottom:30px;background: #FFF; }   
div.nav{float:left;width:180px;padding:30px;background:#63C303 url(../assets/nav-bg.png) repeat-x 0 -5px;}

div.section{margin:0 auto;margin-bottom:13px;width:957px;padding-top:30px;padding-bottom:30px;background:#FFF;overflow:hidden} 

div.home-tab-section{margin:0 auto;margin-bottom:13px;width:956px;padding:0;padding-top:0;padding-bottom:30px;background:#FFF url(../assets/tab-section-bg.png) repeat-x bottom left;overflow:hidden} 

.col { float:left; padding:0 0 0 30px; margin:0; word-wrap: break-word}
.clear { clear:both; margin:0; padding:0; height:1px;}
.clear-float { clear:both; }
.small-equal-columns { width:312px;}
.big-column { width:686px;}
.small-column { width:180px;}
.one-column {padding-right:30px;}
.tiny-column { width:200px; }
.big-equal-columns { width:435px; }


/* ************ LINKS , BUTTONS *************/

a{color:#02bef8; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link1{color:#02bef8; font-size:1.33em; margin-bottom:13px; font-weight:normal; display:block  }
.link2{color:#060606; }
.link3{color:#787878; }

.link-green { display:block; float:left; background:url(../assets/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-green em { display:block; background:url(../assets/link_left.gif) no-repeat left top;}
.link-green b { display:block; background:url(../assets/link_right.gif) no-repeat right top; padding:7px 14px 11px 13px; font-weight:normal; font-style:normal;}
.link-green:hover{ text-decoration:none; color:#000000}

.link-blue { display:block; float:left; background:url(../assets/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-blue em { display:block; background:url(../assets/link_left1.gif) no-repeat left top;}
.link-blue b { display:block; background:url(../assets/link_right1.gif) no-repeat right top; padding:7px 14px 11px 13px; font-weight:normal; font-style:normal;}
.link-blue:hover{ text-decoration:none; color:#000000}

/* ************* NAVIGATION MENU ***************/

div.nav h2 {color:#060606; font-size:1.16em; text-transform:uppercase; margin-bottom:11px; font-weight:normal;}
div.nav ul{margin:0; padding:0; list-style:none;}
div.nav ul li{background:url(../assets/tail.gif) repeat-x bottom; }
div.nav ul .last{background:none}
div.nav ul li a{color:#1a1a1a; text-decoration:none; line-height:2.75em; background:url(../assets/marker1.gif) top left no-repeat; background-position:0 3px; padding-left:17px;} 
div.nav ul li a:hover { color:#fff; text-decoration:none; }
div.nav ul .current a { color:#fff; text-decoration:none; }
div.nav .ul{margin:0; padding:0; list-style:none;}
div.nav .ul li{ margin:0; display:inline; background:none; padding:0}
div.nav .ul li a{ background:url(../assets/button-2.gif) top left no-repeat; color:#fff; text-decoration:none; width:239px; text-align:center; display:block; float:left ; padding:19px 0 17px 0; display:block; text-transform:uppercase; font-size:1.16em; line-height:1em} 
div.nav .ul li a:hover {color:#05c1fa; text-decoration:none; background:url(../assets/button-1.gif) top left no-repeat;}
div.nav .ul li a:hover span{color:#1a1a1a; text-decoration:none;}
div.nav .ul li .current{ text-decoration:none; background:url(../assets/button-1.gif) top left no-repeat;  }
div.nav .ul li a span{ color:#767676; text-transform: none; font-size:.85em }
div.nav .ul li .current span{ color:#1a1a1a}
div.nav .ul li .current{ color:#05c1fa}


/************ TEXT STYLING ***********/

#page{ font-size:0.75em; width:100%; text-align:left;}
#page .title{  margin-bottom:16px}
#page img{ margin:20px 0 20px 0}
#page p{ margin:0 0 17px 0}
#page h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#page h3{color:#02bef8; font-size:1.33em; margin-bottom:15px; font-weight:normal;  }
#page h2{color:#060606; font-size:1.16em; text-transform:uppercase; margin-bottom:12px; font-weight:normal;  }
#page h1{color:#060606; font-size:1.36em; text-transform:uppercase; margin-bottom:12px; font-weight:normal;  }
#page .tail{ background:url(../assets/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
#page strong { color:#060606; font-weight:bold}

/*TO BE RENAMED*/

.tabs ul{margin:0; padding:0; list-style:none;}
.tabs ul li{background:url(../assets/tail.gif) repeat-x bottom; }
.tabs ul .last{background:none}
.tabs ul li a{color:#1a1a1a; text-decoration:none; line-height:2.75em; background:url(../assets/marker1.gif) top left no-repeat; background-position:0 3px; padding-left:17px;} 
.tabs ul li a:hover { color:#fff; text-decoration:none; }
.tabs ul .current a { color:#fff; text-decoration:none; }
.tabs .ul{margin:0; padding:0; list-style:none;}
.tabs .ul li{ margin:0; display:inline; background:none; padding:0}
.tabs .ul li a{ background:url(../assets/button-2.gif) top left no-repeat; color:#fff; text-decoration:none; width:239px; text-align:center; display:block; float:left ; padding:19px 0 17px 0; display:block; text-transform:uppercase; font-size:1.16em; line-height:1em} 
.tabs .ul li a:hover {color:#05c1fa; text-decoration:none; background:url(../assets/button-1.gif) top left no-repeat;}
.tabs .ul li a:hover span{color:#1a1a1a; text-decoration:none;}
.tabs .ul li .current{ text-decoration:none; background:url(../assets/button-1.gif) top left no-repeat;  }
.tabs .ul li a span{ color:#767676; text-transform: none; font-size:.85em }
.tabs .ul li .current span{ color:#1a1a1a}
.tabs .ul li .current{ color:#05c1fa}


/*************** HEADER *************/
#wrapper {padding:0; margin:0 auto; width:958px;background:url(../assets/top-bg.jpg) no-repeat;}

#logo { width:280px; height:130px; background:url(../assets/logo.png) no-repeat 20px 15px; }
#logo a { width:280px; height:130px; display:block }

#topbar { position:absolute; width:640px; height:32px; margin-left:300px; padding-left:20px; background: url(../assets/topbar-bg.png) no-repeat; padding-top:5px; }
#topbar img{ padding:6px 5px 0 5px; float:left; }
#topbar #search { float:right; }

#search input { margin-left:20px; margin-right:10px; width:200px  }

#header {margin:0; margin-bottom:13px; padding:0;text-align:left; width:956px; height:300px;background: url(../assets/bg.gif)}
#header .tagline {display:block;color:#fff; font-size:2em; margin-bottom:15px; font-weight: 100; font-style:italic; padding-left:35px; margin:0 }
#header .headline{display:block; font-size:2.4em; font-style:italic; font-weight:bold; text-transform:uppercase; color:#FFF; padding-top:20px; padding-left:320px; padding-bottom:10px;}
#header p {padding-left:35px; color:#FFF; font-style:italic; margin:0; letter-spacing:1px;}
#header div {background:url(../assets/header.png) no-repeat; height:300px; width:inherit}


.menu{list-style: none; background:url(../assets/top-menu-bg.png) no-repeat 0 10px; padding-left:20px; width:936px; height:55px; font-size:0.8125em; color:#FFFFFF}


.menu li{ float:left; }

.menu li a{
	float: left;
	display: block;
	color:#fff;
	font-weight:normal;
	text-decoration: none;
	padding:0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
	line-height: 45px;
	text-align: center;
	cursor: pointer;	
}

.menu li a b{
	float: left;
	display: block;
	padding: 5px 26px 0 2px; /*Padding of menu items*/
	font-weight:normal;
}

.menu li.current a, .menu li a:hover{
	color: #fff;
	background: url(../assets/top-menu-bg-left.gif) no-repeat; /*left tab image path*/
	background-position: 0 0;
}

.menu li.current a b, .menu li a:hover b{
	color: #fff;
	background: url(../assets/bg_menu.gif) no-repeat right top; /*right tab image path*/
}

.gallery { margin: 5px; }
.gallery img { border:4px solid #000 }

/*footer*/
#footer { color:#fff; font-size:0.6875em; padding-bottom:15px;}
#footer span{ padding:17px 50px 0 27px;}
#footer a {color:#4cc9da; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

#page .section ul li, #page .column ul li {
                background: url('../assets/bullet_black.png') 2px 4px no-repeat;
                padding: 4px 0 4px 20px;
                }
				


.contact-box{
	background: #000 url('../assets/cta_black_right.jpg') no-repeat top right;
	color: #FFF;
	float: left;
	font-size: 13px;
	margin: 5px 0 0 0px;;
	height:32px;
}

.contact-box a{
	color: #FFF;
}

.contact-box span.black{
	display: block;
	float: left;
	padding: 6px 12px;
	height:32px;
	color:#FFF;
}
	
.contact-box span.blue{
	display: block;
	width: 188px;
	padding: 6px 0px 6px 12px;
	float: left;
	background: #202423 url('../assets/cta_blue_left.gif') no-repeat;
	height:20px;
}
.contact-box em { color:#7AE804; font-weight:bold; }
#player { display: block; width: 520px; height: 330px; border: 1px solid #ccc; background:#333;}