* { margin:0; padding:0; }

img { border:none; }

body { font-family:Arial, sans-serif; background:#1a1a1a; }


/*HEADER*/

#header { margin-bottom:25px; }
    #header .container {
        background:url("img/header-bg.png") repeat-x;
        margin-top:30px; height:125px;
        border-top:1px solid white;
    }
    #header .title {
        height:125px; width:970px;
        margin:0 auto;overflow:hidden;
    }
        #header .title .logo {
            width:434px;
            background:url("img/logo.png") no-repeat;
            height:125px;
        }

    #header .navigation {
        background:url("img/navigation-bg.png") repeat-x; height:38px;
        border-bottom:1px solid white;
    }
        #header .navigation ul { margin:0 auto; width:970px;}
            #header .navigation ul li { float:left; list-style:none; }
            #header .navigation ul li.sep { background:url("img/navigation-sep.png") no-repeat; width:2px; height:38px; }
                #header .navigation ul li a {
                    display:block; background:url("img/navigation-bg.png"); float:left;
                    color:white; line-height:38px; height:38px; padding:0 40px;
                    text-decoration:none; font-size:0.8em; font-weight:bold;
                }
                #header .navigation ul li a:hover { background:url("img/navigation-bg-hover.png") repeat-x; }


    #header .bottom { height:33px; background:url("img/bottom-bg.png") repeat-x; border-bottom:1px solid #2c2c2c; }


/*MAIN CONTENT OF THE PAGE*/

#main { }
    #main .content { overflow:hidden; width:970px; margin:0 auto; }
    #main .content .leftcol { width:395px;float:left; height:449px; padding:55px 40px 20px;}
            #main .content .leftcol .data .buy { text-align:center; }
    #main .content .rightcol { width:448px;float:right; height:498px; }
        #main .content .rightcol .data { text-align:center; }
            #main .content .rightcol .data img{ margin-top:90px; }

    #main .content .single {
	padding:55px 20px 20px;
}
        #main .content .single form {
	margin:0px;
}
            #main .content .single form label { display:block; margin:3px 0; }
                #main .content .single form label input { width:230px; margin:2px 0; }
                #main .content .single form label textarea { width:300px; margin:2px 0; }
                #main .content .single form .buttons { text-align:left; margin:20px 0; }
                #main .content .single form .buttons input { margin:0 5px;  }

    #main .content .first { width:478px; float:left; margin-right:14px; }
    #main .content .second { width:478px; float:left; }
    #main .content .bottom { display:none; _display:block; height:20px; }


/*ROUNDED BLOCK*/

.block { position:relative; background:#101010; border:2px solid #313131; padding:13px; zoom:1; }
    .block .corners * { position:absolute; background:url("img/block-sprite.gif") no-repeat; width:13px; height:13px; overflow:hidden; }
    .block .corners s { background-position:0 0; left:-2px; top:-2px; }
    .block .corners b { background-position:-13px 0; right:-2px; top:-2px; _right: expression((this.offsetParent.clientWidth % 2) ? '-3px' : "-2px");}
    .block .corners u { background-position:-13px -13px; right:-2px; bottom:-2px; _bottom: expression((this.offsetParent.clientHeight % 2) ? '-3px' : "-2px"); _right: expression((this.offsetParent.clientWidth % 2) ? '-3px' : "-2px");}
    .block .corners i { background-position:0 -13px; left:-2px; bottom:-2px; }
    .block .title {
        background:url("img/block-title-sprite.gif") repeat-x 0 -37px; height:37px; position:absolute;
        top:1px; left:1px; right:1px; z-index:10; line-height:37px; color:#ff0033; padding:0 40px;
        font-size:1.5em; _width:expression(this.offsetParent.clientWidth - 41 * 2);

    }
        .block .title b { background:url("img/block-title-sprite.png") no-repeat 0 0; height:37px; width:11px;position:absolute; top:0; left:0; z-index:20; }
        .block .title s { background:url("img/block-title-sprite.png") no-repeat -11px 0; height:37px; width:11px;position:absolute; top:0; right:0; z-index:20; _right: expression((this.offsetParent.clientWidth % 2) ? '-1px' : "1px"); }


/*SHADOW BLOCK*/

.shadow { height:37px; _position:relative; overflow:hidden; margin-top:5px; margin-bottom:50px; }
    .shadow .left { float:left; height:37px; width:14px; background:url("img/shadow-sprite.gif") no-repeat 0 0; }
    .shadow .right { float:right; height:37px; width:14px; background:url("img/shadow-sprite.gif") no-repeat -14px 0; }
    .shadow .center { float:none; height:37px; background:url("img/shadow-sprite.gif") repeat-x 0 -37px; _position:absolute; _left:14px; _right:14px; _width:expression(this.offsetParent.clientWidth - 28 + "px"); }


/*FOOTER*/

#footer { height:111px; width:970px; margin:50px auto 15px; _position:relative; overflow:hidden; clear:both; }
    #footer .left { float:left; height:111px; width:15px; background:url("img/footer-sprite.gif") no-repeat 0 0; }
    #footer .right { float:right; height:111px; width:15px; background:url("img/footer-sprite.gif") no-repeat -15px 0; }
    #footer .center { float:none; height:111px; background:url("img/footer-sprite.gif") repeat-x 0 -111px; _position:absolute; _left:15px; _right:15px; _width:940px; }

        #footer .center .leftside { width:200px; float:left; height:111px; line-height:111px; padding-top:45px; }
            #footer .center .leftside img { margin-left:20px;}
        #footer .center .rightside { margin-left:520px; padding-top:20px; }
            #footer .center .rightside ul { list-style:none; margin-bottom:20px; height:20px; float:right; margin-right:17px; }
                #footer .center .rightside ul li { float:left; color:#ccc; }
                    #footer .center .rightside ul li a { color:#ccc; font-size:0.8em; text-decoration:none; padding:0 4px; font-weight:bold; }
                    #footer .center .rightside ul li a:hover { color:#38a5aa; }
            #footer .center .rightside .copyright { font-size:0.8em; color:#ccc; text-align:right; padding-right:30px; }