/*******************************************************************************
  RESET
*******************************************************************************/

html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike, strong, 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 {
    line-height: 1;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
} /* remember to define focus styles! */
ins {
    text-decoration: none;
} /* remember to highlight inserts somehow! */
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
} /* tables still need 'cellspacing="0"' in the markup */
img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
a {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

/*******************************************************************************
  TEMPLATES
*******************************************************************************/

.fleft {
    float: left;
}
.fright {
    float: right;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.w100 {
    width: 100%;
}
.w50 {
    width: 50%;
}

/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
/* END OF CLEARFIX */



/*******************************************************************************
  MAIN
*******************************************************************************/

html, body {
    height: 100%;
}
body {
    font: normal 100% Tahoma;
    background: #452009 url(../img/start_bg.jpg);
}


/*******************************************************************************
  STRUCTURE:BASE
*******************************************************************************/

#outer {
    width: 100%;
    height: 100%;
    background: url(../img/start_bgbig.jpg) 50% 50% no-repeat;
}
    #outer td {
        vertical-align: middle;
    }
        #inner {
            position: relative;
            width: 999px;
            margin: 0 auto;
            padding: /*20px*/ 0;
        }
            #logo {
	position: relative;
	width: 400px;
	height: 251px;
	margin: 0 0 190px 300px;
	background:  url(../img/logo.jpg) no-repeat center;
            }
               
            #slogan {
	position: relative;
	width: 300px;
	height: 37px;
	margin: 250px 0 10px 355px;
	background:  url(../img/slogan.jpg) no-repeat center;
            }
             
            .But {
                position: absolute;
                width: 313px;
                height: 65px;
                background:  url(../img/button.png)  no-repeat;
            }
            #leftBut {
                top: 0px;
                left: 0px;
            }
                #leftA {
                    z-index: 15;
                    position: absolute;
                    top: 2px;
                    left: 2px;
                    display: block;
                    width: 298px;
                    height: 44px;
                    background:  url(../img/leftbut.gif)  no-repeat;
                }
                    #leftA:hover {
                        background:  url(../img/leftbut_h.gif)  no-repeat;
                    }
            #rightBut {
                top: 0px;
                left: 0px;
            }
                #rightA {
                    z-index: 15;
                    position: absolute;
                    top: 2px;
                    left: 2px;
                    display: block;
                    width: 298px;
                    height: 44px;
                    background:  url(../img/rightbut.gif)  no-repeat;
                }
                    #rightA:hover {
                        background:  url(../img/rightbut_h.gif)  no-repeat;
                    }
            #popup-left {
                visibility: hidden;
                position: absolute;
                left: 0px;
                top: 55px;
                width: 311px;
                height: 110px;
                background:  url(../img/popup_left.png)  no-repeat;
            }
                * html #popup-left {
                    background: none;
                    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/popup_left.png', sizingMethod='scale');
                }
            #popup-right {
                visibility: hidden;
                position: absolute;
                left: 1px;
                top: 55px;
                width: 311px;
                height: 110px;
                background:  url(../img/popup_right.png)  no-repeat;
            }
                * html #popup-right {
                    background: none;
                    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/popup_right.png', sizingMethod='scale');
                }

        #leftButton {
            position: absolute;
			cursor:pointer;
			z-index: 0;
            top: 380px;
            left: 45px;
            width: 312px;
            height: 164px;
        }
        #rightButton {
            position: absolute;
			cursor:pointer;
            top: 380px;
            left: 650px;
            width: 312px;
            height: 164px;
        }

/*******************************************************************************
  LAYOUT
*******************************************************************************/

/*******************************************************************************
  STYLES
*******************************************************************************/