/*elements*/
body {background-color:#333333;font-family:arial;font-size:12px;padding:10px;}
ul {}
ul li {padding:5px;}
ul li a {color:white;}
a img {border:0;}
p {padding:10px;text-align: justify; text-justify: newspaper}
strong {font-weight:bold;}
em {font-style:italic;}
h2 a {color:white;text-decoration:none;font-weight:bold;}
/*layout*/
#container {position: absolute;top: 10px;left: 50%;margin-left: -488px;width: 976px; } /*centers player*/
#player_cont {width:976px;height:459px;background-color:#333333;position: absolute;left: 50%;margin-left: -488px;margin-top:105px;} /*centers player bg*/
#player_top {width:976px;height:105px;background-image:url(images/large-top.gif);position: absolute;left: 50%;margin-left: -488px;}
#player_top h2 {color:white;padding-left:200px;font-size:20px;padding-top:50px;position:relative;left:300px;}
#player_top h3 {color:white;padding-left:200px;text-align:right;padding-right:100px;}
#player_mid {width:976px;height:372px;background-image:url(images/large-mid.gif);position: absolute;left: 50%;margin-left: -488px;z-index:5;text-align:center;}
#player_mid2 {width:976px;height:372px;background-image:url(images/large-mid.gif);position: absolute;left: 50%;margin-left: -488px;z-index:5;text-align:left;}
#player_nav {width:976px;height:27px;background-image:url(images/large-menu.gif);position: absolute;left: 50%;margin-left: -488px;margin-top:372px;background-repeat:no-repeat;font-weight:bold;}
#player_bot {width:976px;height:91px;background-image:url(images/large-bottom.gif);position: absolute;left: 50%;margin-left: -488px;margin-top:400px;text-align:center;background-repeat:no-repeat;}
.content_img {float:left;position:relative;left:425px;}
.content_img img {border:2px solid black;}
.content_img2 {float:left;position:relative;left:0px;margin:5px;}
.content_img2 img {border:2px solid black;}
a.info{ /*this is the key*/z-index:24;color:#000;text-decoration:underline;}
a.info:hover{z-index:25; background-color:#013E6D;color:#FFF;}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:0px; left:75px;background-color:#013E6D; color:#FFF;text-align: center;z-index:200;border:2px solid black;height:371px;}
#flashcontent {}
body.a #flashcontent {width:331px;height:353px;position: absolute;left: 63%;z-index:5000;padding:10px;background-color:#00FFFF;margin-top:0px;border-left:3px solid black;}
body.b #flashcontent {width:336px;height:372px;position: absolute;left: 63%;z-index:5000;padding:0 6px 0 10px;background-color:#FFFF00;margin-top:0px;border-left:3px solid black;font-size:11px;display:none;text-align:left;}
body.c #flashcontent {width:331px;height:353px;position: absolute;left: 63%;z-index:5000;padding:10px;background-color:#FF4FFF;margin-top:0px;color:black;border-left:3px solid black;display:none;}
body.d #flashcontent {width:336px;height:372px;position: absolute;left: 63%;z-index:5000;padding:0 6px 0 10px;background-color:#00EEFE;margin-top:0px;border-left:3px solid black;display:none;}
body.e #flashcontent {width:336px;height:372px;position: absolute;left: 63%;z-index:5000;padding:0 6px 0 10px;background-color:#A8DA48;margin-top:0px;border-left:3px solid black;display:none;}
/*debug
#player_cont {border:1px solid pink;}
#player_top {border:1px solid green;}
#player_mid {border:1px solid yellow;}
#player_nav {border:1px solid cyan;}
#player_bot {border:1px solid magenta;}
/*background images*/
body.a #player_cont {background-image:url(images/blue1.jpg);background-repeat:no-repeat;background-position:6px -2px;}
body.wp #player_cont {background-image:url(images/blue1a.jpg);background-repeat:no-repeat;background-position:6px -2px;}
body.wp .wppost a{color:black;text-decoration:underline;border-bottom:1px solid black;}
body.wp .wppost a:hover{color:white;text-decoration:underline;border-bottom:1px solid white;}
body.b #player_cont {background-image:url(images/orange.jpg);background-repeat:no-repeat;background-position:6px -2px;}
body.c #player_cont {background-image:url(images/purple.jpg);background-repeat:no-repeat;color:white;background-position:6px -2px;}
body.d #player_cont {background-image:url(images/blue2.jpg);background-repeat:no-repeat;background-position:6px -2px;}
body.e #player_cont {background-image:url(images/green1.jpg);background-repeat:no-repeat;background-position:6px -2px;}
/*content bgs*/
body.ac #player_cont {background-image:url(images/blue1.jpg);height:372px;color:white;background-position:6px -2px;}
body.bc #player_cont {background-image:url(images/orange.jpg);height:372px;color:white;background-repeat:no-repeat;background-position:6px -2px;}
body.cc #player_cont {background-image:url(images/purple.jpg);height:372px;color:white;background-repeat:no-repeat;background-position:6px -2px;}
body.dc #player_cont {background-image:url(images/blue2.jpg);height:372px;background-repeat:no-repeat;background-position:6px -2px;}
body.ec #player_cont {background-image:url(images/green1.jpg);height:372px;color:white;background-position:6px -2px;}
/*nav links*/
#player_nav #links {width:500px;border:2px solid red;}
#player_nav ul {display:table;}
#player_nav ul li {padding-top:5px;display:table-cell;}
#player_nav ul li a {height:21px;text-decoration:none;text-transform:uppercase;background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position:0px;padding-left:6px;display:block;}
#player_nav ul li a:hover {color:#A5A5A5;}
/*player controls*/
#player_bot .controller {position:relative;top:15px;}
/*changing menu  (centered)*/
/*#menu2 {display:table;padding:0; margin:0 auto; list-style-type:none;white-space:nowrap;}
#menu2 li {display:table-cell;padding-top:5px;}
* html #menu2 li {float:left;padding-top:5px;}
#menu2 a {height:21px;text-transform:uppercase;background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position:0px;padding-left:6px;width:auto;display:block;padding:1px 5px;color:#fff; text-decoration:none;font-size:11px;}
* html #menu2 a {float:left;}
#menu2 a:hover {color:#A5A5A5;}*/
/*static menu*/
#menu3 {float:left;list-style-type:none;white-space:nowrap;margin-left:10px;}
#menu3 li {display:table-cell;padding-top:5px;}
* html #menu3 li {float:left;padding-top:5px;}
#menu3 a {height:21px;text-transform:uppercase;background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position:0px;padding-left:6px;display:block;color:#fff; text-decoration:none;font-size:11px;padding-right:5px;line-height:15px;}
* html #menu3 a {float:left;}
#menu3 a:hover {color:#A5A5A5;}
/*changing menu*/
#menu2 {float:right;list-style-type:none;white-space:nowrap;padding:0 20px 0 0;margin-right:10px;}
#menu2 li {display:table-cell;padding-top:5px;}
* html #menu2 li {float:left;padding-top:5px;}
#menu2 a {height:21px;text-transform:uppercase;background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position:0px;padding-left:6px;width:auto;display:block;color:#fff; text-decoration:none;font-size:11px;padding-right:6px;line-height:15px;}
* html #menu2 a {float:left;}
#menu2 a:hover {color:#A5A5A5;}
/*menu colors*/
body.a #menu3 li#home a {color:#009FC6;}
body.b #menu3 li#about a, body.bc #menu3 li#about a {color:#FF4C00;}
body.c #menu3 li#portfolio a, body.cc #menu3 li#portfolio a {color:#AF7BA9;}
body.d #menu3 li#clients a, body.dc #menu3 li#clients a {color:#5BC7EB;}
body.e #menu3 li#contact a,body.ec #menu3 li#contact a {color:#A2CD85;}
/*the rest*/
.container {clear:both; text-decoration:none;}
* html .container {display:inline-block;}
.clear {height:0;visibility:hidden;overflow:hidden;clear:both;font-size: 1px;}
/*content*/
.content_one {width:710px;border-left:2px solid black;margin-left:auto;margin-right:auto;text-align:left;}
.content_two {width:805px;margin-left:auto;float:left;text-align:left;padding-left:10px;}
.content_three {width:332px;margin-left:auto;float:left;text-align:left;padding-left:10px;}
.content_home {color:black;}
.content_full {width:960px;overflow:auto;height:372px;margin-left:auto;float:left;text-align:left;padding-left:10px;}
body.ac .content_two {width:341px;overflow:auto;height:372px;margin-left:auto;float:right;text-align:center;background-color:#65DDFF;color:black;filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;margin-right:5px;border-left:3px solid black;padding-left:5px;padding-right:5px;}
* html body.ac .content_two{margin-right:4px;}
body.bc .content_one {width:350px;overflow:auto;height:372px;float:right;text-align:left;padding-left:11px;background-color:#FF4C01;color:black;filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;margin-left:8px;margin-right:5px;border-left:3px solid black;}
body.bc .list_one {float:right;width:150px;text-align:left;padding:10px;filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;background-color:#FF4C01;color:black;margin-right:7px;height:352px;}
body.dc .content_two {width:340px;overflow:auto;height:372px;margin-left:auto;float:right;text-align:left;padding-left:11px;background-color:#65DDFF;color:black;margin-left:8px;margin-right:7px;border-left:3px solid black;}
* html body.dc .content_two{margin-right:4px;}
body.ec .content_two {width:340px;overflow:auto;height:372px;margin-left:auto;float:right;text-align:left;padding-left:11px;background-color:#ACD593;color:black;filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;margin-left:8px;margin-right:7px;border-left:3px solid black;}
* html body.ec .content_two{margin-right:4px;}
body.ec .content_one {width:340px;overflow:auto;height:372px;margin-left:auto;float:right;text-align:left;padding-left:11px;background-color:#ACD593;color:black;filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;margin-left:8px;margin-right:7px;border-left:3px solid black;}
* html body.ec .content_one{margin-right:4px;}
.imgpad {padding:5px;}
.countries {padding:10px;text-align:left;}
.countries li {padding:2px;}
em {font-style:italic;}
#flashcontainer2 {width:961px;height:372px;position: absolute;left: 50%;margin-left: -480px;overflow:hidden;margin-top:0px;}
#flashcontainer3 {width:961px;height:372px;position: absolute;left: 50%;margin-left: -680px;overflow:hidden;margin-top:0px;}
#flashcontainerx {width:961px;height:372px;position: absolute;left: 50%;margin-left: -480px;overflow:auto;margin-top:0px;}
#flash1 {}
#cssfade {display:none;width:370px;height:372px;padding:0 6px 0 10px;}
#cssfadeimg {display:none;width:151px;height:121px;background-color:black;padding:2px;}
.bioimg {border:1px solid black;}
.centering {text-align:center;}
.load {width:471px;height:371px;background-image:url(images/loader.gif);}
.wppost {margin:10px;}
.wpsingle {margin:10px;background}
.storycontent {background-color:#66DDFD;border:1px solid #2AB1D1;margin:5px;}
.wppost h2 {font-weight:bold;font-size:16px;}
.storytitle {font-weight:bold;font-size:14px;margin:10px;}
hr {height:1px;border:0;background-color:black;}
body.a .transparent{filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
body.b .transparent{filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
body.c .transparent{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
body.d .transparent{filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
body.e .transparent{filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }