/* 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: #ffffff url(images/line_bg.png) center top repeat-x;
}

.alignright
{
    float: right;
}

#header
{
    margin: 0 auto;
    width: 1024px;
    height: 100px;
    background: url(images/header_bg.png) left top no-repeat;
    position: relative;
}

#header h1, #header h2
{
    display: none;
}

#header ul
{
    margin: 0 14px;
    height: 88px;
    width: 515px;
    float: right;
}

#header ul li
{
    display: block;
    float: left;
    width: 171px;
    height: 88px;
}

#header ul li a
{
    display: block;
    position: relative;
    width: 171px;
    height: 88px;
    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: 171px;
    height: 88px;
    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 -88px;
}

#go_learn
{
    padding: 0 1px;
}

#go_learn a
{
    background-position: -171px 0;
}

#go_learn a .hover
{
    background-position: -171px -88px;
}

#go_talk a
{
    background-position: -342px 0;
}

#go_talk a .hover
{
    background-position: -342px -88px;
}

#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: 499px;
    height: 80px;
    float: left;
    background: url(images/changing_moto1.png) center top no-repeat;
}

#page_header p
{
    display: none;
}



#page
{
    width: 1024px;
    margin: 0 auto;
}

#slider
{
    width: 1024px;
    margin: 0 auto;
    position: relative;
    background: url(images/page_bg.png) 50% 50px no-repeat;
}

#page .navigation
{
    height: 50px;
    float: right;
    margin: 0 12px 0 0;
    padding: 0 15px 0 17px;
    background: url(images/page_navigation_bg.png) center top no-repeat;
    width: 480px;
}

#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: #a2ad00;
    font-weight: bold;
}

#page .navigation a:hover, #page .navigation a.selected
{
    color: #cbd900;
    background: url(images/page_navigation_a.png) right top no-repeat;
}

#page .navigation a.selected
{
    color: #a2ad00;
}

#page .navigation a span
{
    display: block;
    height: 50px;
    float: left;
    padding: 0 24px;
}

#page .navigation a:hover span, #page .navigation a.selected span
{
    background: url(images/page_navigation_span.png) left top no-repeat;
}

#page .navigation a:focus
{
    outline: none;
}



#page .scroll
{
    height: 590px;
    width: 980px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    clear: left;
}



#page .scrollContainer .panel
{
    padding: 20px 5px 20px 0;
    height: 510px;
    width: 980px;
    overflow: hidden;
}

#page .panel .pane {height: 478px; overflow:auto;}

#page .panel p
{
    padding: 0.5em 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    color: #3e414c;
}

#page .panel h3
{
    font-size: 28px;
    padding: 0 20px .1em 20px;
    letter-spacing: -2px;
    color: #000;
    border-bottom: solid #c9dd0a 1px;
    font-weight: bold;
}

#page .panel h4
{
    padding: 0 20px .5em 20px;
    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: #ffffff;
}

#page .panel blockquote p
{
    padding: .4em 0 !important;
    text-indent: 0 !important;
}

#page .panel li
{
    list-style-position: inside;
    padding: 0 0.5em .5em 0.5em;
}

#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: 1024px;
    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: #fff 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;
}


.jScrollPaneContainer
{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.jScrollPaneTrack
{
    background: transparent url(images/scrollbar-track.png) no-repeat scroll 0 0;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.jScrollPaneDrag
{
    background: transparent url(images/scrollbar-drag-middle.png) repeat-y scroll 0 50%;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}
.jScrollPaneTrack:hover .jScrollPaneDrag
{
    background-position: -20px 50%;
}
.jScrollPaneDragTop
{
    background: transparent url(images/scrollbar-drag-top.png) no-repeat scroll 0 0;
    height: 5px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.jScrollPaneTrack:hover .jScrollPaneDragTop
{
    background-position: -20px 0;
}
.jScrollPaneDragBottom
{
    background: transparent url(images/scrollbar-drag-bottom.png) no-repeat scroll 0 0;
    bottom: 0;
    height: 5px;
    left: 0;
    overflow: hidden;
    position: absolute;
}
.jScrollPaneTrack:hover .jScrollPaneDragBottom
{
    background-position: -20px 0;
}

div#fancy_overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #666;
    display: none;
    z-index: 30;
}

* html div#fancy_overlay
{
    position: absolute; 
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap
{
    text-align: left;
}

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_loading_overlay
{
    position: absolute;
    background-color: #FFF;
    z-index: 30;
}

div#fancy_loading_icon
{
    position: absolute;
    background: url( 'images/fancy_loading.gif' ) no-repeat;
    z-index: 35;
    width: 16px;
    height: 16px;
}

div#fancy_outer
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner
{
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #BBB;
    background: #FFF;
}

div#fancy_content
{
    margin: 0;
    z-index: 100;
    position: absolute;
}

div#fancy_div
{
    background: #000;
    color: #FFF;
    height: 100%;
    width: 100%;
    z-index: 100;
}

img#fancy_img
{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

div#fancy_close
{
    position: absolute;
    top: -12px;
    right: -15px;
    height: 30px;
    width: 30px;
    background: url( 'images/fancy_closebox.png' ) top left no-repeat;
    cursor: pointer;
    z-index: 181;
    display: none;
}

#fancy_frame
{
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}

#fancy_ajax
{
    width: 100%;
    height: 100%;
    overflow: auto;
}

a#fancy_left, a#fancy_right
{
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    z-index: 111;
    display: none;
    outline: none;
}

a#fancy_left
{
    left: 0px;
}

a#fancy_right
{
    right: 0px;
}

span.fancy_ico
{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    z-index: 112;
    cursor: pointer;
    display: block;
}

span#fancy_left_ico
{
    left: -9999px;
    background: transparent url( 'images/fancy_left.gif' ) no-repeat;
}

span#fancy_right_ico
{
    right: -9999px;
    background: transparent url( 'images/fancy_right.gif' ) no-repeat;
}

a#fancy_left:hover
{
    visibility: visible;
}

a#fancy_right:hover
{
    visibility: visible;
}

a#fancy_left:hover span
{
    left: 20px;
}

a#fancy_right:hover span
{
    right: 20px;
}

.fancy_bigIframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

div#fancy_bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}

div.fancy_bg
{
    position: absolute;
    display: block;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}

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

div#fancy_title
{
    position: absolute;
    bottom: -33px;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none;
}

div#fancy_title div
{
    color: #FFF;
    font: bold 12px Arial;
    padding-bottom: 3px;
}

div#fancy_title table
{
    margin: 0 auto;
}

div#fancy_title table td
{
    padding: 0;
    vertical-align: middle;
}

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

div#fancy_title
{
    position: absolute;
    bottom: -33px;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none;
}

div#fancy_title div
{
    color: #FFF;
    font: bold 12px Arial;
    padding-bottom: 3px;
}

div#fancy_title table
{
    margin: 0 auto;
}

div#fancy_title table td
{
    padding: 0;
    vertical-align: middle;
}

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

div#fancy_title
{
    position: absolute;
    bottom: -33px;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none;
}

div#fancy_title div
{
    color: #FFF;
    font: bold 12px Arial;
    padding-bottom: 3px;
}

div#fancy_title table
{
    margin: 0 auto;
}

div#fancy_title table td
{
    padding: 0;
    vertical-align: middle;
}

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