body 
{
    background-color: #fde;
}

*
{
    margin: 0;
    padding:0;
}

#header
{
    background-color: #333;
    color:          #fff;

    width:      100%;
    height:     50px;

    position:   fixed;
    top:        0;
    left:       0;

    clear:          both;

    bottom:         0;
    position:       fixed;
    left:           0;
    z-index:        999;

}

#header .cont_header
{
    width:      800px;
    margin:     0 auto;
}
    a:link { color: #2222ff; }
    a:visited { color: #ff22ff; }
    a:hover { color: #ff2222; }
    a:active { color: #ff8000; }
#main
{
    width:      800px;
    height:     auto;
    
    margin:     50px auto 25px;

    background-color: #EEE;

    border:     1px #000 solid;



    text-align: center;
}

#logo
{
    
    padding-left:   40px;
}

#menu
{
    width:      610px;
    height:     50px;

    margin:     5px auto 15px;
}

#menu ul
{
    list-style :none;
}

#menu li
{
    float:          left;
    width:          120px;
    margin-right:   2px;

    font-size:      14px;
    margin:         10px 0;
}

.content
{
    width:          700px;

    margin:         0px 50px;
    padding:        10px 0;

    border-top:     1px #fff solid;

    clear:          both;
   
}

.content_available
{
    width:          700px;

    margin:         0px 50px;
    padding:        10px 0;

    border-top:     1px #fff solid;

    clear:          both;
   
    background-color: #CEE;
}
.cont_top
{
    width:          600px;
    margin:         10px auto 20px;
    clear:          both;
}

.screenshot
{
    width:          350px;

    margin:         5px;


    float:          left;
}


.screenshot_r
{
    width:          350px;
    height:         250px;

    margin:         5px;


    float:          right;
}

.about
{
    width:          300px;
    height:         222px;

    margin:         18px 20px;
    
    float:          right;

    text-align:     left;
    font-size:      16px;
    color:          #000;
}

.about h4
{
    font-size:      18px;
    margin:         10px 0;
}

.about p
{
    font-size:      14px;
    margin:         10px 0;
}

.about_center
{
    clear:          both;
    width:          600px;

    margin:         10px auto;
    padding:        0 20px;

    text-align:     left;
    font-size:      16px;
    color:          #000;
}
.about_center li
{
    font-size:      14px;
    margin:         0 15px;
}
.about_center h4
{
    font-size:      16px;
    margin:         10px 0;
}

.about_center p
{
    font-size:      14px;
    margin:         10px 0;
}

#for_top
{
    width:          700px;
    text-align:     right;
}

#footer
{

    background-color: #333;
    color:          #fff;

    width:          100%;
    height:         25px;

    clear:          both;

    bottom:         0;
    position:       fixed;
    left:           0;
    z-index:        999;

}

#footer p
{
    margin:         5px auto;

    font-size:      14px;
    text-align:     center;
}

.redredred
{
	color: #ff0000;
}