@charset "utf-8";
/* CSS Document */
*					{ margin:0; padding:0;}
body 				{ background:#00364e;font:normal 13/16px Arial, sans-serif;}
.fLeft				{ float:left;}
.fRight				{ float:right;}
#main				{ width:100%; min-height:1000px;}
#topHalf			{ width:100%; min-height:364px; position:relative; overflow:hidden;}
#bgSnow				{ width:400%; height:64px; background:url(images/bgSnow.png) repeat-x; position:absolute; left:0; bottom:0; z-index:300;}
.topbgHide			{ width:100%; height:315px; padding-bottom:0; background:url(images/bgbody.png) top left repeat-x #00364e; position:relative; overflow:hidden;}
.topbg				{ width:100%; height:708px; padding-bottom:64px; background:url(images/bgbody.png) top left repeat-x #00364e; position:relative; overflow:hidden;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.bgs				{ width:100%; height:708px; overflow:hidden;}
#bg02				{ position:absolute; top:0;}
#bgSnowflakes		{ width:100%; height:708px; background:url(images/bgSnwflakes.png) top left repeat-x; z-index:2}
#bg02				{ position:absolute; top:120px;}
.bgNoClouds			{ width:100%; background:none; z-index:3;}
.bgClouds			{ width:100%; height:708px; background:url(images/bgClouds.png) top center repeat-x; z-index:3; }
#bg03				{ position:absolute; top:0; }
#bgMountains		{ width:4000px; height:708px; background:url(images/bgMunti.png) bottom left repeat-x; z-index:4; display:none;
-webkit-transition: background 1s; -moz-transition: background 1s; -ms-transition: background 1s; -o-transition: background 1s; transition: background 1s;}
#bg04				{ position:absolute; top:0; }
#bgHills			{ width:6000px; height:708px; background:url(images/bgHills.png) bottom left repeat-x; z-index:5; -webkit-transition: background 3s;
-moz-transition: background 3s; -ms-transition: background 3s; -o-transition: background 3s; transition: background 3s;}

header				{ width:100%; position:absolute; top:0; left:0;}
#header				{ width:960px; margin:0 auto; text-align:center;}
header h1 			{ margin:10px 0 5px 0; font: bold 32px/32px Arial, sans-serif; text-align:center; letter-spacing:-1px; color:#fff;}
header p			{ margin:0 auto 20px auto; font:normal 17px/19px Arial, sans-serif; color:#fff;}
#topTtle			{ width:600px; height:150px; margin:0 auto; background:url(images/bgHeader.png) center no-repeat; overflow:hidden;}
#logoTop			{ margin:37px auto 0 auto;}
nav					{ margin:0 0 19px 0;}
nav a				{ font:bold 18px/18px Arial, sans-serif; letter-spacing:-1px; color:#3097c7;}
nav span			{ font:bold 18px/18px Arial, sans-serif; color:#055c85; padding:0 5px;}
nav a:hover, nav a.selected			{ color:#055c85;}
#wrapper			{ width:100%; height:453px; position:absolute; top:255px; left:0; overflow:hidden; display:none;}
#mask				{ width:400%; height:453px;}
.slide				{ width:25%; height:100%; float:left;}
article				{ width:960px; height:100%; margin:0 auto ;position:relative; text-align:center; overflow:hidden;}
article	h2			{ margin:0 0 20px 0; font:bold 28px/28px Arial, sans-serif; text-align:center; color:#055c85;}
a.back				{ min-width:170px; max-width:210px; height:39px; padding:0 0 0 15px; margin:20px auto; background:url(images/btnGobck_left.png) left no-repeat; display:inline-block;}
a.back span			{ min-width:155px; max-width:195px; height:39px; padding:0 15px 0 0; margin:0; background:url(images/btnGobck_right.png) right no-repeat; display:inline-block;
font:bold 17px/39px Arial, sans-serif; text-align:center; color:#fff; text-shadow:1px 1px 1px #666; cursor:pointer;}
/*--- Slide01 ---*/
#slide01			{}
#comboBox			{ width:551px; height:410px; margin:0 0 0 60px; background:url(images/boxes.png) 0 30px no-repeat; cursor:pointer; z-index:100; float:left;}
#comboBox:hover		{ cursor:pointer;}
.tltip				{ position:relative; z-index:199; overflow:visible}
.tltipR				{ position:relative; z-index:199; overflow:visible}
.tltip a, .tltipR a	{ width:100%; height:100%; display:block;}
#boxAV				{ width:150px; height:301px; margin:109px 0 0 0; float:left;}
#boxIS				{ width:247px; height:373px; margin:37px 0 0 0; float:left;}
#boxTS				{ width:154px; height:296px; margin:84px 0 0 0; float:left;}
#ftrees				{ width:100%; height:198px; background:url(images/bgTrees.png) center bottom no-repeat; z-index:198; position:absolute; bottom:-20px; left:0;}
.tooltip			{ width:95px; height:24px; overflow:hidden; display:none; position:absolute;}
.tooltip a			{ width:100%; height:100%; font:bold 11px/24px Arial, sans-serif; letter-spacing:-1px; text-transform:uppercase; text-align:center; color:#388db4; display:block;}
.tooltip.left		{ background:url(images/minfoLeft.png) no-repeat;}
.tooltip.right		{ background:url(images/minfoRight.png) no-repeat;}
#slide01 .txt		{ float:left; margin:70px 0 0 0; text-align:left;}
#slide01 .txt p		{ margin:60px 0 0 10px;font:bold 15px/17px Arial, sans-serif; color:#3097c7; display:inline-block; float:left; vertical-align:middle;}
#slide01 .txt p span		{ font:bold 30px/30px Arial, sans-serif; color:#3097c7;}
#slide01 .txt ul	{ width:223px; margin:0 0 0 10px; padding:0; list-style:none; display:inline-block; float:right; vertical-align:middle;}
#slide01 .txt ul li	{ width:223px; margin:0 0 2px 0; padding:0; list-style:none;}
#slide01 .txt ul li a	{ width:100%; height:24px; display:block; }
#slide01 .txt ul li a:hover	{ background:url(images/aalso.png)}
#slide01 .txt ul li a span	{ padding:0 0 0 30px; font:normal 12px/24px Arial, sans-serif; color:#055c85; display:inline-block;}
/*--- Slide02 ---*/
#block01			{ width:379px; height:368px; margin:0 0 40px 0; background:url(images/bgSlide02_left.png) bottom left no-repeat; float:left; position:relative;}
#block02			{ width:539px; height:368px; margin:0 0 40px 0; background:url(images/bgSlide02_right.png) bottom right no-repeat; float:right; position:relative;}
#info01				{ width:148px; padding:0 0 14px 0; background:url(images/infoBtm.png) 20px bottom no-repeat; position:absolute; bottom:180px; right:10px; display:none;}
#info02				{ width:148px; padding:0 0 14px 0; background:url(images/infoBtm.png) 60px bottom no-repeat; position:absolute; bottom:185px; left:0; display:none;}
#info03				{ width:148px; padding:0 0 14px 0; background:url(images/infoBtm.png) 100px bottom no-repeat; position:absolute; bottom:230px; right:160px; display:none;}
#slide02 .infH		{ width:148px; margin:0; background:#fff; -webkit-border-radius: 6px; border-radius: 6px; opacity:0.65}
#slide02 .infH p	{ padding:7px; font:normal 12px/16px Arial, sans-serif; color:#0069a6;}
/*--- Slide03 ---*/
#slide03 .text03	{ width:960px; height:100%; background:url(images/bgSlide03.png) 0 272px no-repeat; text-align:center; position:absolute; bottom:0; left:0; z-index:310; }
#slide03 p.big		{ width:80%; margin:0 auto 20px auto; font:normal 17px/19px Arial, sans-serif; color:#055c85;}
#slide03 p.small	{ width:100%; margin:0 0 20px; font:normal 12px/14px Arial, sans-serif; color:#055c85;}
/*--- Slide04 ---*/
.content			{ margin:50px 0 0 0;}
#wallpprs			{ width:100%; margin:0; padding:0; list-style:none;}
#wallpprs li		{ width:220px; list-style:none; margin:0 25px 0 0; padding:0; float:left;}
#wallpprs li.last	{ width:220px; list-style:none; margin:0;}
#wallpprs .imgW		{ width:208px; height:117px; padding:5px; margin:0 0 10px 0; background:#fff; border:1px solid #a8cee9; -webkit-border-radius: 5px; border-radius: 5px;}
#wallpprs .imgH		{ width:208px; height:117px; background:#fff; text-align:center; overflow:hidden;}
#wallpprs .txt, 
#wallpprs .links	{ text-align:left;}
#wallpprs .txt h3	{ font:bold 16px/16px Arial, sans-serif; color:#055c85; margin:0 0 5px 0;}
#wallpprs .links a	{ font:normal 11px/14px Arial, sans-serif; color:#2381ad;}
#wallpprs .links a:hover		{ color:#024773; text-decoration:underline;}
/* overlay */
.simple_overlay 			{ width:100%; min-height:400px; background-color:#141414; display:none; z-index:10000;}
.simple_overlay .close 		{ height:32px; padding:0 0 0 35px; background:url(images/bgaback.png) no-repeat; font:normal 13px/32px Arial, Helvetica, sans-serif; caption-side:#fff;
 position:absolute; right:15px; top:15px; cursor:pointer; display:inline-block;}
.ovWrapper					{ width:780px; height:100%; min-height:1600px; padding:50px 0 0 0; margin:20px auto; position:relative;}
.ovsection					{ padding:0 5px 10px 5px; margin:0 0 30px 0; border-bottom:1px solid #363636; overflow:hidden;}
.ovsection p				{ padding:0 20px 0 0; font:normal 14px/17px Arial, sans-serif; color:#CFCFCF; display:inline-block;}
.ovsection.awards			{ padding:0 5px 10px 5px; margin:0 0 30px 0; border:none; overflow:hidden;}
.ovsection .imgH			{ float:left;}
.heading h2					{ margin:0 0 20px 0; font:bold 32px/32px Arial, sans-serif; color:#fff; letter-spacing:-1px;}
.ovsection h3				{ margin:0 0 10px 0; font:bold 16px/20px Arial, sans-serif; color:#F2F2F2; letter-spacing:-1px;}
.heading h2	span			{ font:normal 26px/26px Arial, sans-serif; color:#fff; letter-spacing:-1px;}
.heading .txt				{ width:75%; padding:20px 0 0 0;  vertical-align:bottom; float:left;}
.ovsection h2				{ margin:0 0 15px 0; font:normal 26px/26px Arial, sans-serif; color:#fff; letter-spacing:-1px;}
.ovsection ul 				{ width:45%; margin:0; padding:0 15px 0 0; float:left; list-style:none;}
.ovsection ul li			{ font:normal 13px/15px Arial, sans-serif; letter-spacing:-0.7px; color:#fff; padding:0 0 0 15px; margin:0 0 5px 0; background:url(images/bifav.png) 0 2px no-repeat;}
.ovsection ul li span.w8blue	{ color:#00bcf2;}
.cutie						{ width:141px; height:206px; vertical-align:bottom; float:left;}
.sct02 p					{ width:100%; padding:0 20px 15px 0; font:normal 14px/17px Arial, sans-serif; color:#cfcfcf; display:inline-block;}
.sct02 .imgH				{ width:40%; text-align:left; margin:0 0 20px 0; float:right;}
.sct02 .txt					{ width:50%; display:inline-block; float:left;}
.sct03 .txt					{ width:40%; float:right;}
.sct03 .txt h2				{ margin:0 0 10px 0; font:bold 24px/24px Arial, sans-serif; color:#f2f2f2;}
.sct03 .txt h3				{ margin:0 0 3px 0; font:normal 18px/18px Arial, sans-serif; color:#afafaf;}
.sct03 .txt p				{ margin:0 0 10px 0; font:normal 12px/15px Arial, sans-serif; color:#afafaf;}
.ovsection .award			{ width:240px; padding:0 10px 0 0; float:left;}
.ovsection .award .imgH		{ float:left; margin:0 10px 0 0;}
.ovsection .award .txt		{ width:60%; float:left;}
.ovsection .award .txt h3	{ margin:0 0 10px 0; font:bold 14px/15px Arial, sans-serif; color:#cdcdcd;}
.ovsection .award .txt h3 span	{ font:normal 12px/15px Arial, sans-serif; color:#828282;}
.ovsection .award .txt p	{ font:italic 11px/14px Arial, sans-serif; color:#cdcdcd;}
.ovWrapper p.fnote			{ font:normal 11px/14px Arial, sans-serif; color:#a8a8a8;}
#pcm_ec 					{ width:347px; height:267px; background: none repeat scroll 0 0 #FFFFFF; float: right; overflow: hidden;}
#pcm_ec .logo 				{ width: 82px; height: 122px; margin: 73px 0 0 17px; float: left;}
#pcm_ec .txt 				{ width: 231px; height: 122px; margin: 73px 12px 0 0;float: right;}
#avmacpc .heading .fLeft	{ width:50%;}
#avmacpc .heading .fRight	{ width:50%;}
#avmacpc .heading ul		{ width:95%; margin:0; padding:0 15px 0 0; float:left; list-style:none;}
#avmac .sct02 .imgH			{ width:40%; text-align:left;}
#avmac .sct02 .txt			{ width:50%; text-align:right;}
#avmac .sct03 .imgH			{ width:40%; text-align:right;}
#avmac .sct03 .txt			{ width:50%; text-align:left;}
#avmac .sct02 .txt ul		{ width:100%; margin:15px 0 0 0; padding:0; text-align:right; float:right;}
#avmac .sct02 .txt ul li	{ font:normal 13px/15px Arial, sans-serif; letter-spacing:-0.7px; color:#fff; padding:0; margin:0 0 5px 0; background:none;}

/*--- Game Holder ---*/
#glowGameW			{ width:960px; margin:10px auto 0 auto; background:url(images/glowGameWrapper.png) top left no-repeat; overflow:hidden;}
#gameH				{ width:800px; height:500px; margin:27px 80px 30px 80px; overflow:hidden;}
#sepJoc				{ width:960px; height:41px; background:url(images/sepJoc.png) no-repeat; margin:10px auto; clear:both;}
#shareit			{ width:280px; height: 200px; margin-left:360px; z-index:999;}
/*--- Footer ---*/
#sepFooter			{ width:100%; height:21px; background:url(images/sepFooter.png) bottom center no-repeat;}
footer				{ width:100%; background:#000;}
#fwrapper			{ width:960px; margin:0 auto; padding:10px 0; overflow:hidden; }
#ftrLinks			{ width:700px; margin:0 auto;}
#ftrLinks a			{ padding:0 10px; font:normal 12px/12px Arial, sans-serif; letter-spacing:-1px; color:#fff; display:inline-block;}
#logoBtm			{ width:148px; height:75px; margin:20px auto;}
#copyr				{ width:100%; padding:10px 0; background:#000; font:normal 11px/11px Arial, sans-serif; color:#a6a6a6; text-align:center;}