/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong{font-weight:bold}
em{font-style:normal}
a{text-decoration:none; cursor:pointer}
body{
font-family:Arial, Helvetica, sans-serif;
background:#ebebeb url(images/body_bg.png) center top repeat-x;
}
#header{
margin:0 auto;
padding:220px 0 0 0;
width:900px;
height:100px;
background:url(images/header_bg.png) center top no-repeat;
position:relative;
}
#header h1,
#header h2{
display:none;
}
#header ul{
margin:0 auto;
height:100px;
width:800px;
}
#header ul li{
display:block;
float:left;
width:266px;
height:100px;
}
#header ul li a{
display:block;
position:relative;
width:266px;
height:100px;
background-image:url(images/header_links.png);
background-repeat:no-repeat;
}
#header ul li a strong{
display:none;
}
#header ul li a span.hover{
display:block;
position:absolute;
width:266px;
height:100px;
background-image:url(images/header_links.png);
background-repeat:no-repeat;
}
#go_download a{
background-position:0 0;
}
#go_download a .hover{
background-position:0 -100px;
}
#go_learn{
padding:0 1px;
}
#go_learn a{
background-position:-267px 0;
}
#go_learn a .hover{
background-position:-267px -100px;
}
#go_talk a{
background-position:-534px 0;
}
#go_talk a .hover{
background-position:-534px -100px;
}
#header .popup{
position:absolute;
display:none;
margin:225px 0 0 50px;
padding:10px 0 0 0;
width:175px;
height:125px;
background:url(images/popup_bg.png) center center no-repeat;
z-index:50;
font-size:12px;
color:#fff;
}
#header .popup p{
padding:2px 0 0 15px;
}
#header .popup img{
vertical-align:middle;
}
#header .popup strong{
color:#000;
}
#header .popup a{
color:#93ddf4;
}
#header .popup a:hover{
text-decoration:underline;
}
#page_header{
margin:0 auto;
width:900px;
height:110px;
background:url(images/page_header.png) center top no-repeat;
}
#page_header p{
display:none;
}
#page{
width:900px;
margin:0 auto;
background:url(images/page_bg.png) 50% 50px no-repeat;
}
#slider{
width:800px;
margin:0 auto;
position:relative;
}
#page .navigation{
padding:0 0 0 20px;
height:50px;
background:url(images/page_navigation_bg.png) center top no-repeat;
}
#page .navigation li{
height:50px;
float:left;
padding:0 2px 0 0;
}
#page .navigation a{
display:block;
height:50px;
line-height:50px;
float:left;
padding:0 1px 0 0;
font-size:13px;
color:#5a79b9;
font-weight:bold;
}
#page .navigation a:hover,
#page .navigation a.selected{
color:#000;
background:url(images/page_navigation_a.png) right top no-repeat;
}
#page .navigation a.selected{
color: #000;
}
#page .navigation a span{
display:block;
height:50px;
float:left;
padding:0 25px;
}
#page .navigation a:hover span,
#page .navigation a.selected span{
background:url(images/page_navigation_span.png) left top no-repeat;
border-left: 1px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
}
#page .navigation a:focus{
outline:none;
}
#page .scroll{
height:590px;
width:760px;
margin:0 auto;
overflow:auto;
position:relative;
clear:left;
}
#page .scrollContainer .panel{
padding:20px 10px;
height:510px;
width:740px;
overflow:hidden;
}
#page .panel p{
padding:0 0 1em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#3e414c;
}
#page .panel h3{
font-size:28px;
padding:0 0 .5em 0;
letter-spacing:-2px;
color:#000;
font-weight:bold;
}
#page .panel h4{
padding:0 0 .5em 0;
font-size:15px;
letter-spacing:-0.5px;
font-weight:bold;
color:#3e414c;
}
#page .panel strong{
color:#33333e;
}
#page .panel em{
font-style:italic;
}
#page .panel a{
white-space:nowrap;
color:#19234c;
font-weight:bold;
}
#page .panel a:hover{
text-decoration:underline;
}
#page .panel .gallery img{
padding:2px;
border:solid 1px #c0c5d6;
}
#page .panel blockquote,
#page .panel ul,
#page .panel ol,
#page .panel pre{
font-size:12px;
margin:1em 2em 2em 2em;
padding:10px 15px;
background:#e6efff;
}
#page .panel blockquote p{
padding:.4em 0 !important;
text-indent:0 !important;
}
#page .panel li{
list-style-position: inside;
padding: 0 0 .5em 0;
}
#page .panel ul li{
margin:0 0 0 1em;
list-style:square;
}
#page .panel ol li{
margin:0 0 0 1.5em;
list-style:decimal;
}
#page .panel pre{
line-height:1em;
color:#19234c;
font-size:13px;
overflow:auto;
background:#f8f8f8;
border:solid 1px #e5e5e5;
}
#page .panel code{
padding:0 3px;
color:#33333e;
background:#f8f8f8;
border:solid 1px #e5e5e5;
font-size:13px !important;
}
#page .panel .gallery{
text-align:center;
}
#page .scrollButtons{
width:30px;
height:30px;
position:absolute;
top:280px;
cursor:pointer;
}
#page .scrollButtons a{
display:block;
height:30px;
width:30px;
}
#page .scrollButtons span{
display:none;
}
#page .scrollMeLeft{
left:-40px;
}
#page .scrollMeLeft a{
background:url(images/left_right.png) 0 0 no-repeat;
}
#page .scrollMeLeft a:hover{
background:url(images/left_right.png) 0 -30px no-repeat;
}
#page .scrollMeRight{
right:-40px;
}
#page .scrollMeRight a{
background:url(images/left_right.png) -30px 0 no-repeat;
}
#page .scrollMeRight a:hover{
background:url(images/left_right.png) -30px -30px no-repeat;
}
#page_footer{
width:900px;
margin:0 auto;
}
#page_footer h5{
padding:20px 90px;
font-size:28px;
letter-spacing:-2px;
font-weight:bold;
color:#3c508e;
}
#page_footer p{
padding:0 70px 30px 70px;
font-size:13px;
color:#2f4077;
line-height:1.5em;
}
#page_footer p a{
color:#fff;
}
#page_footer p a:hover{
text-decoration:underline;
}
#footer{
height:90px;
border-top:solid 1px #0b194d;
background:#000 url(images/footer_bg.png) center top no-repeat;
font-size:13px;
font-family: "Lucida Grande", Calibri, Arial;
}
#footer p{
width:900px;
overflow:hidden;
margin:0 auto;
color:#374051;
}
#footer span{
display:block;
height:90px;
line-height:90px;
}
#footer .left{
float:left;
}
#footer .right{
float:right;
}
#footer a{
color:#727fa1;
}
#footer a:hover{
text-decoration:underline;
}
div#fancy_overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
background-color:#333;
}
div#fancy_loading{
position:absolute;
height:40px;
width:40px;
cursor:pointer;
display:none;
overflow:hidden;
background:transparent;
z-index:100;
}
div#fancy_loading div{
position:absolute;
top:0;
left:0;
width:40px;
height:480px;
background:transparent url(images/fancy_progress.png) no-repeat;
}
div#fancy_close{
position:absolute;
top:-12px;
left:-12px;
height:30px;
width:30px;
background:transparent url(images/fancy_closebox.png) ;
cursor:pointer;
z-index:100;
display:none;
}
div#fancy_content{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:0;
margin:0;
z-index:96;
}
#fancy_frame{
position:relative;
width:100%;
height:100%;
display:none;
}
img#fancy_img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:92;
cursor:pointer;
}
div#fancy_title{
position:absolute;
bottom:-35px;
left:0;
width:100%;
z-index:100;
display:none;
}
div#fancy_title table{
margin:0 auto;
}
div#fancy_title div{
color:#FFF;
font:bold 12px Arial;
padding-bottom:2px;
}
td#fancy_title_left{
height:32px;
width:15px;
background:transparent url(images/fancy_title_left.png) repeat-x;
}
td#fancy_title_main{
height:32px;
background:transparent url(images/fancy_title_main.png) repeat-x;
}
td#fancy_title_right{
height:32px;
width:15px;
background:transparent url(images/fancy_title_right.png) repeat-x;
}
div#fancy_outer{
position:absolute;
top:0;
left:0;
z-index:90;
padding:18px 18px 58px 18px;
margin:0;
overflow:hidden;
background:transparent;
display:none;
}
div#fancy_inner{
position:relative;
width:100%;
height:100%;
border:1px solid #fff;
background:#fff;
}
a#fancy_left, a#fancy_right{
position:absolute;
bottom:10px;
height:100%;
width:35%;
cursor:pointer;
background-image:url(images/data:image/gif;base64,AAAA);
z-index:100;
}
a#fancy_left{
left:0px;
}
a#fancy_right{
right:0px;
}
a#fancy_left:hover{
background:transparent url(images/fancy_left.gif) no-repeat 0% 100%;
}
a#fancy_right:hover{
background:transparent url(images/fancy_right.gif) no-repeat 100% 100%;
}
#fancy_bigIframe, #fancy_freeIframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:10;
}
div#fancy_bg{
display:none;
}
div.fancy_bg{
position:absolute;
display:block;
z-index:70;
}
div.fancy_bg_n{
top:-18px;
width:100%;
height:18px;
background:transparent url(images/fancy_shadow_n.png) repeat-x;
}
div.fancy_bg_ne{
top:-18px;
right:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_ne.png) no-repeat;
}
div.fancy_bg_e{
right:-13px;
height:100%;
width:13px;
background:transparent url(images/fancy_shadow_e.png) repeat-y;
}
div.fancy_bg_se{
bottom:-18px;
right:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_se.png) no-repeat;
}
div.fancy_bg_s{
bottom:-18px;
width:100%;
height:18px;
background:transparent url(images/fancy_shadow_s.png) repeat-x;
}
div.fancy_bg_sw{
bottom:-18px;
left:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_sw.png) no-repeat;
}
div.fancy_bg_w{
left:-13px;
height:100%;
width:13px;
background:transparent url(images/fancy_shadow_w.png) repeat-y;
}
div.fancy_bg_nw{
top:-18px;
left:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_nw.png) no-repeat;
}
#footer em {
font-style: italic;
}