/** vim: fdm=marker
 * Reset styles for all browsers. {{{
 */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:  0;
	padding: 0;
	border:  0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
    font-size:   62.5%;
    line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

sup {
    font-size:      0.7em;
    vertical-align: super;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
    text-align: left;
    width:      570px;
}
/**
 * Reset ends }}}
 */


/* WYMeditor */

/* IMG: Left */
.left img, img.left {
    float:  left;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    /* float: left; */
}

/* IMG: Right */
.right img, img.right {
    float:  right;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    /* float: right; */
}

/* P: Red */
.red p, p.red {
    color: red;
    /* color: black; border: 2px solid red; background: #ff9999; */
}

/* IMG: Shadow */
.shadow img, img.shadow {
    border-style: solid; border-color: black; border-width: 0 8px 8px 0;
    /* border-style: outset; border-color: black; border-width: 0 8px 8px 0; */
}

/* P: Green */
.green p, p.green {
    color: green;
    /* border: 1px solid green; color: green; */
}

/* List: Bordered */
.bordered ul, ul.bordered {
    border: 1px solid blue;
    font-size:  1.4em;
    font-family: Georgia, Times, serif;
    /* border: 1px solid blue; background: #eeeeff; */
}
/* /WYMeditor */


/**
 * Start of regular styling.
 */
body, html {
    height:             100%;
}

body {
    background-color:   #262826;
    font-family:        Verdana, Arial;
    font-size:          62.5%;
    line-height:        1;
}

#shim-h {
    visibility:         hidden;
    width:              100%;
    height:             50%;
    margin-top:         -307px;
    float:              left;
}

#shim-v {
    visibility:         hidden;
    width:              50%;
    height:             645px;
    margin-left:        -307px;
    float:              left;
}

#main-positioner {
    height:             645px;
    /**
    margin:             auto;
    left:               50%;
    margin-left:        -307px;
    **/
    position:           relative;
    float:              left;
}
    
#logo {
    width:              612px;
    background-repeat:  no-repeat;
    float:              left;
    height:             70px;
    background-image:   url(/images/logo.png);
    background-color:   #262826;
    height:             80px;
}

#center {
    height:             537px;
    background-image:   url(/images/bg.png);
    padding:            4px;
    position:           absolute;
    left:               6px;
    top:                70px;
    z-index:            2;
}

#main-menu {
    float:              left;
    width:              604px;
}

#main-menu ul {
    float:              left;
    margin-top:         13px;
}

    #main-menu ul li {
        float:          left;
        width:          100px;
        text-align:     center;
        height:         22px;
    }

        #main-menu ul li.selected {
            background-image:       url(/images/arrow.png);
            background-repeat:                 no-repeat;
            background-position:    bottom  center;
        }

        #main-menu ul li a {
            text-decoration:    none;
            color:              #707070;
            font-family:        Arial;
            font-weight:        bold;
            font-size:          1.2em;        
        }

            #main-menu ul li a.selected {
                color:          #EF4108;
            }

        #main-menu ul li a:hover {
            color:              #EF4108;
        }

.row-1 {
    float:              left;
    background-color:   #E5D9CA;
    width:              604px;
    height:             8px;
}

.row-2 {
    float:              left;
    margin-top:         2px;
    background-color:   #313131;
    width:              604px;
    height:             81px;
}

#content {
    width:              380px;
    height:             385px;
    position:           absolute;
    z-index:            4;
    left:               221px;
    top:                213px;
    background-color:   #FFFFFF;
    overflow:           hidden;
}

    #content .close {
        float:          right;
    }

    #content .custom-text {
        margin:         30px;
        margin-right:   20px;
        margin-top:     40px;
        height:         335px;
        padding-right:  10px;
        overflow:       auto;
    }

    #content h1 {
        font-family:    arial;
        font-size:      18px;
        color:          #D95A15;
        margin-bottom:  15px;
    }

    #content p {
        color:          #777160;
        font-family:    tahoma;
        font-size:      11px;
        margin-bottom:  10px;
        line-height:    14px;
    }

    #content a {
        color:          #D95A15;
    }

.sound {
    color:                  #FFFFFF;
    position:               absolute;
    right:                  0px;
    bottom:                 0px;
    padding-right:          25px;
    height:                 22px;
    background-position:    center right;
    background-repeat:      no-repeat;
    padding-top:            11px;
}

/* Animation Intro style */
/* hide objects */
.hide {
    display:                none;
}

.preloader {
    display:                block;
    color:                  #999999;
    font-size:              17px;
    /**
    margin-left:            260px;
    margin-top:             300px;
    **/
    background-image:       url('/images/ajax-loader.gif');
    background-position:    center right;
    background-repeat:      no-repeat;
    width:                  130px;
    height:                 20px;
    position:               absolute;
    left:                   260px;
    top:                    300px;
}

#intro-animation {
    position:           absolute;
    left:               0px;
    top:                56px;
    z-index:            1;
}

#swap_in-animation {
    position:           absolute;
    left:               -70px;
    top:                189px;
    z-index:            3;
}

#swap_out-animation {
    position:           absolute;
    left:               184px;
    top:                189px;
    z-index:            3;
}

/* Module styles */
.headers-show {
    position:           relative;
    float:              left;
    width:              604px;
    height:             412px;
}

    .headers-show div {
        position:           absolute;
        width:              151px;
        height:             137px;
    }

    .headers-show div.block_1 {
        background-position:    0px 0px;
        left:                   0px;
        top:                    0px;
    }
    .headers-show div.block_2 {
        background-position:    453px 0px;
        left:                   151px;
        top:                    0px;
    }
    .headers-show div.block_3 {
        background-position:    302px 0px;
        left:                   302px;
        top:                    0px;   
    }
    .headers-show div.block_4 {
        background-position:    151px 0px;
        left:                   453px;
        top:                    0px;
    }
    .headers-show div.block_5 {
        background-position:    0px 284px;
        left:                   0px;
        top:                    137px;   
    }
    .headers-show div.block_6 {
        background-position:    453px 284px;
        left:                   151px;
        top:                    137px;   
    }
    .headers-show div.block_7 {
        background-position:    302px 284px;
        left:                   302px;
        top:                    137px;   
    }
    .headers-show div.block_8 {
        background-position:    151px 284px;
        left:                   453px;
        top:                    137px;   
    }
    .headers-show div.block_9 {
        background-position:    0px 147px;
        left:                   0px;
        top:                    274px;
    }
    .headers-show div.block_10 {
        background-position:    453px 147px;
        left:                   151px;
        top:                    274px;
    }
    .headers-show div.block_11 {
        background-position:    302px 147px;
        left:                   302px;
        top:                    274px;
    }
    .headers-show div.block_12 {
        background-position:    151px 147px;
        left:                   453px;
        top:                    274px;
    }

.headers-select img {
    border:         2px solid #CCCCCC;
    float:          left;
    margin-left:    10px;
    margin-top:     10px;
}

/* seo box */
#box {
     width: 1px; 
     height: 1px; 
     position: absolute; 
     top: 0; right: 0; 
     overflow: hidden
}


