/* CSS Document */
html { height:100%; min-height:600px; overflow:hidden; }

body { background:#3ea1d6; margin:0; padding:0; font:0.66em Tahoma, Verdana, Arial; min-width:980px; position:relative; height:auto !important; height:100%; min-height:100%; overdlow-x:hidden; }
.with-bck { background:url(../img/bck.jpg) 0 bottom repeat-x #3ea1d6; }

#bck { width:100%; height:607px; background:#3ea1d6; position:absolute; bottom:0; left:0; overflow:hidden; }
#bck .container { width:10500px; height:607px; overflow:hidden; margin-left:-3500px; }
#bck .node { float:left; width:3499px; height:607px; background:url(../img/bck.jpg) 0 0 no-repeat; position:relative; }
.ie6 #bck .node { background:none; }
#bck a { display:block; position:absolute; }

#bck a.peoples { width:415px; height:268px; top:266px; left:327px; }
#bck a.air { width:210px; height:93px; top:70px; left:924px; }
#bck a.dog { width:208px; height:203px; top:277px; left:3146px; }
#bck a.snow { width:201px; height:189px; top:291px; left:2317px; }
#bck a.cars { width:320px; height:100px; top:266px; left:1815px; }
#bck a.flag { width:324px; height:365px; top:242px; left:1286px; }


.scroller { height:600px; width:100%; overflow:hidden; }
#vertical-line, #vertical-line-inner { position:absolute; bottom:0; left:50%; height:0; width:0; }
#vertical-line-inner { }

#layout { height:1px; overflow:visible; width:996px; position:relative; margin-top:-600px; left:-498px; z-index:1; }
.ie #layout { height:600px; overflow:hidden; }
#layout-inner { position:absolute; width:990px; height:563px; top:-563px; left:-485px; overflow:hidden; }
#layout-tiny { position:absolute; width:990px; bottom:553px; height:36px; overflow:hidden; left:-485px;  }
.clear { display:block; width:100%; clear:left; font-size:0; height:0; }

ul.nav { margin-left:100px; height:55px; }
.nav li { font:16px/35px Tahoma,Arial; float:left; width:19.9%; position:relative; top:5px; }
.nav a, .nav b, .nav span { display:block; height:35px; float:left; white-space:nowrap; font-weight:normal; }
.nav a { color:#fff; }
.nav b { left:-35px; position:relative; }
.nav b, .nav span { color:#3ea2d6; background:url(../img/sel_nav.png) 0 0 no-repeat; }
.nav b, .nav span a { color:#3ea2d6;}
.nav span { padding:0 35px; background-position:right -35px; }
#layout-tiny .nav li  { display:block; height:35px; line-height:35px; top:0; }

.logo { margin:10px 20px 0 50px; float:left; }
.i6 .logo a { }
.ie6 .logo img { display:none; }

#main { position:relative; padding-bottom:190px; overflow:hidden; min-width:830px; }

form, img, .nav, .transparent p, .transparent h1, h1.title, p.txt, .lister, .listerico { margin:0; padding:0; border:0; }
.nav li, .nav li, .lister li, .listerico li, .myinner ul li { margin:0; padding:0; list-style-type:none; }

#foo{ position:absolute; left:0; bottom:0px; height:188px; width:100%; }

.cr { display:block; }
.c-ffffff .inner, .c-ffffff .cr b { background:#fff; }
.round { position:relative; }
.round .inner { padding-top:10px; padding-bottom:10px; }
.ie .body, .ie .body .right, .ie .body .left, .ie .round, .ie .round .inner { zoom:1; }
.rounded .inner { padding-top:0; padding-bottom:0; } 
.cr { height:10px; font-size:1px; overflow:hidden; }
.cr b, .cr b { display:block; height:1px; overflow:hidden; font-size:1px; }

.round .r10 { margin:0 10px; }
.round .r7 { margin:0 7px; }
.round .r5 { margin:0 5px; }
.round .r4 { margin:0 4px;}
.round .r3 { margin:0 3px; }
.round .r2 { margin:0 2px; }
.round .r1 { margin:0 1px; }

.transparent { margin:10px 0 0; float:left; position:relative; width:400px; padding:10px 35px; }
.transparent  h1, .transparent p { position:relative; z-index:1; }
.ie6 .transparent  h1, .ie6 .transparent p { width:85%; }
.transparent .round { opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; }
.transparent .round, .transparent .inner { top:0; left:0; z-index:0; position:absolute; height:100%; width:100%; _height:expression(this.parentNode.clientHeight+'px'); }
.transparent .cr { position:absolute; width:100%; left:0; }
.transparent .crtop {  top:-10px; filter:alpha(Opacity=40); }
.transparent .crbot { bottom:-10px; filter:alpha(Opacity=40); }
.ie6 .transparent .crbot { bottom: expression( this.parentNode.offsetHeight % 2 ? '-11px' : '-10px' ); }
.transparent .inner { filter:alpha(Opacity=40); }

.transparent p { font:1.15em Tahoma; color:#004f7c; }
.transparent h1 { font:2.4em Tahoma,Arial; color:#004f7c; padding-bottom:0.6em; }

.arrow { display:block; position:absolute; cursor:e-resize; z-index:99; position:absolute; height:100%; width:63px; }
.arrleft b { left:6px; }
.arrright b { right:6px; }
.arrleft { left:0px; }
.arrright { right:0px; }
.arrow b { width:63px; height:83px; bottom:273px; display:block; position:absolute; }
.arrleft b { background:url(../img/larr.png) 0 0 no-repeat; }
.arrright b { background:url(../img/rarr.png) 0 0 no-repeat; }

.ie6 .arrleft b, .ie6 .arrright b { background:none; }

#ice { position:relative; width:990px; height:563px; margin:0 auto; }
#ice .center { width:876px; height:481px; background:url(../img/ice/bck.jpg) 44px 42px no-repeat; overflow:hidden; padding:42px 70px 41px 44px;  }
#ice .left, #ice .top, #ice .right, #ice .bottom, #ice .cross { position:absolute; }
#ice .top {z-index:-1;}

#ice .left { background:url(../img/ice/l.png) 0 0 no-repeat; width:44px; height:522px; left:0; bottom:0; }
#ice .top { background:url(../img/ice/t.png) 0 0 no-repeat; width:876px; height:42px; left:44px; top:0; }
#ice .right { background:url(../img/ice/r.png) 0 0 no-repeat; width:70px; height:521px; right:0; bottom:0; }
#ice .bottom { background:url(../img/ice/b.png) 0 0 no-repeat; width:876px; height:41px; left:44px; bottom:0; }
#ice .cross { width:68px; height:52px; display:block; right:49px; top:67px; }
.ie6 #ice .left, .ie6 #ice .top, .ie6 #ice .right, .ie6 #ice .bottom { background:none; }

#ice .inner { padding:30px 0 0 126px; width:700px; height:440px; overflow:hidden;  color:#004f7c;font:1.15em Tahoma, Arial;}

h1.title { font:2.4em Tahoma,Arial; color:#004f7c; padding-bottom:0.4em; }
p.txt { color:#004f7c; padding-bottom:0.85em; }
/*p.txt { color:#231f20; font:1.2em Tahoma, Arial; margin:0; padding:5px 20px 0 0; }*/

.tr-2 .column { float:left; width:45%; }

.myinner ul { font:1em Tahoma,Arial; padding-top:0.2em; }
.myinner ul li { background:url(../img/lister_li.gif) left 0.5em no-repeat; padding:0 10px 0.8em; }

a { color:#0087d5; }
a:hover { text-decoration:none; }

.myinner {overflow:auto;  color:#004f7c;font:1.em Tahoma, Arial;}

.lister { padding-top:0.2em; }
.lister li { background:url(../img/lister_li.gif) left 0.5em no-repeat; padding:0 10px 0.8em;}
.lister li a { color:#0087d5;}
.lister li a:hover { text-decoration:none; }

.myinner ul.listerico { padding-top:0.2em;  list-style-type:none;background:none }
.myinner ul.listerico li { padding:0 10px 0.8em; list-style-type:none;background:none}
.myinner ul.listerico li a { color:#0087d5; font:1.2em Tahoma,Arial;}
.myinner ul.listerico li a:hover { text-decoration:none; }

.listparticon {
	width:74px;
	height:56px;
	padding:2px;
	border:#5a8aa9 1px solid;
	margin:0 14px 0 0;
}
.listpartempty {
	width:74px;
	height:56px;
	padding:2px;
	margin:0 14px 0 0;
}
.column1 { float:left; width:200px;margin:0 0 0 5px;padding:0 0 0 20px;background:url(../img/vertline.gif) left top no-repeat; height:372px;}

.icodivimg {
	padding:2px;
	border:#5a8aa9 1px solid;
}
div#outoverlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 89;
	width: 100%;
	height:100%;
	background-color: #333;
	display:none;
}
div#outoverlay1 {
	position:absolute;
	top: 10%;
	left: 0;
	z-index: 90;
	width: 100%;
	text-align:center;
	display:none;
}
a.bigwhitehref {
	font-size:1.5em;
	color:#ffffff;
}
a.bigwhitehref:hover {
	color:#cccccc;
}
ul.innermenu { font:1em Tahoma,Arial; padding:0;margin:0; list-style-type:none;}
ul.innermenu li { background:url(../img/arrli.gif) left 0.5em no-repeat; margin-left:10px; padding:3px 10px 0.5em 15px; list-style-type:none;}

a.bottommenuactive {
	color:#ff5400;
	font-weight:bolder;
}
.gotoleft {
	font-size:0.9em;
	width:46px;
	height:27px;
	color:#ffffff;
	font-weight:bolder;
	padding-top:6px;
}
.gotoleft div {
	text-align:right;
	padding-right:10px;
}
.gotolefttext, .gotorighttext {
	font-size:0.9em;
	width:121px;
	height:27px;
}
.gotorighttext {
	text-align:right;
}

.gotoright {
	font-size:0.9em;
	width:46px;
	height:27px;
	color:#ffffff;
	font-weight:bolder;
}
.gotoright div {
	width:46px;
	height:27px;
	padding:6px 0 0 10px;
}
.gotomiddle {
	font-size:0.9em;
}
a#hreforder1,a#hreforder2,a#showdiv1,a#showdiv2 {
	color:#ff5400;
	text-decoration:none;
	border-bottom:#ff5400 1px dashed;
}
a#hreforder1.active,a#hreforder2.active,a#showdiv1.active,a#showdiv2.active {
	color:#ff5400;
	text-decoration:none;
	border-bottom:none;
}
.bbot {
	border-bottom:#004f7c 1px solid;
	padding-top:8px;
}
.bbot1 {
	border-left:#004f7c 1px solid;
	border-right:#004f7c 1px solid;
	border-top:#004f7c 2px solid;
}
.bbot1 a {
	font-weight:bolder;
	text-decoration:none;
}
.bbot a {
	border-bottom:#0087d5 1px dashed;
	text-decoration:none;
}
.yeahborder {
	border-bottom:#87a8bb 1px solid;
}
.dleft {
	float:left;
}
.dright {
	float:right;
}
.dinput {
	border:none;
	background-color:#ffffff;
	font-size:11px;
	color:#004f7c;
}
span#choosedelements {
	color:#ff5400;
}
#pngfone1 {
	background:url(../img/pngfone1.png) 0 0 no-repeat;
	position:absolute;
	top:0px;
	left:100px;
	width:730px;
	height:297px;
	z-index:98;
	zoom:1;
	display:none;
}
#pngfone1_1 {
	position:absolute;
	top:0px;
	left:100px;
	width:730px;
	height:297px;
	z-index:99;
	zoom:1;
	display:none;
}
#pngfone2 {
	background:url(../img/pngfone2.png) 0 0 no-repeat;
	position:absolute;
	top:35px;
	left:100px;
	width:730px;
	height:258px;
	z-index:98;
	zoom:1;
	display:none;
}
#pngfone2_1 {
	position:absolute;
	top:35px;
	left:100px;
	width:730px;
	height:258px;
	z-index:99;
	zoom:1;
	display:none;
}
#innerpngfone {
	margin:25px;
}
#innerpngfone1 {
	margin:35px;
}
.hidechecker {
	float:left;
	background:url(../img/checkeroff.gif) 0 0 no-repeat;
	padding:6px 0 2px 24px;
	margin:0 0 7px 0;
}
.hidechecker a {
	color:#0087d5;
	text-decoration:none;
	border-bottom:#0087d5 1px dashed;
}

.showchecker {
	float:left;
	background:url(../img/checkeron.gif) 0 0 no-repeat;
	padding:6px 0 2px 24px;
	margin:0 0 7px 0;
}
.showchecker a {
	color:#6fa200;
	text-decoration:none;
	border-bottom:#6fa200 1px dashed;
}
