@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}


/************ LANGUAGE SELECT STYLING ***********/
#menuwrapper, #p7menubar ul a {height: 1%;}
#menuwrapper a:active {width: auto;}
#menuwrapper { background-color: transparent; }
.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; }
#p7menubar, #p7menubar ul { padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; }
#p7menubar a { display: block; text-decoration: none; padding: 5px 10px 5px 10px; font-size: .85em; color: #ffffff; }
#p7menubar a.trigger { padding: 5px 16px 5px 10px; background-image: url(../assets/p7exp_dark_south.gif); background-repeat: no-repeat; background-position: right center; }
#p7menubar li { float: left; width: 9em; }
#p7menubar li ul, #p7menubar ul li  { width: 8em; }
#p7menubar ul li a  { color: #ffffff; border-right: 0; padding: 3px 12px 3px 16px; }
#p7menubar li ul { position: absolute; display: none; background-color: #FFFFFF; }
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { color: #ffffff; background-color: #2D2D2D; }
#p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; }
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a { color: #000000; background-color: transparent; }
#p7menubar ul a:hover { background-color: #2D2D2D!important; color: #FFFFFF!important; }
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#p7menubar li {width: auto;}


/************ 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:350px; height:32px; margin-left:585px; 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:32px; color:#63C303; font-weight:bold; font-size:11px; font-style: normal; margin:0; letter-spacing:1px;}
#header p > a { color:#63C303; }



.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;}