/* 
    Document   : base
    Created on : 2009-11-16, 23:53:29
    Author     : Kfiku
    Description: Base css file
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,a { font-size: 1em; font-weight: normal; font-style: normal; text-decoration:none; color:black}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
* { font-family:tahoma, arial, verdana, helvetica; font-size:11px; color:#fff; outline:0px; }


/* Defaults */
p.l {	text-align	: left; }
p.r {	text-align	: right; }
.absolute   { position  : absolute; }
a:hover {text-decoration: underline;}

.fancy {width:0px; height:0px;}

body { background: #000 url("../img/base/base_bg.jpg") no-repeat top right fixed; width:100%; height:100%; overflow:scroll; }

/* Site */
.site {
    top		    : 0px;
    left	    : 0px;
    position	    : relative;
    width	    : 790px;
    margin	    : 0px auto;
}

    .header {
	width		: 630px;
    }
	.header .menu {
            padding-top     : 30px;
            padding-bottom  : 50px;
	    width	    : 630px;
	    height	    : 45px;
	}
	    .header .menu li {
		display		: inline;
	    }
		.header .menu li a {
		    background	    : url("../img/base/_menu.gif") no-repeat left top;
		    float	    : left;
		    overflow	    : hidden;
		    padding-top	    : 45px;
		    height	    : 0px;
		}
                .header .menu .li_1 a { width : 68px; }
		.header .menu .li_2 a { width : 48px; }
		.header .menu .li_3 a { width : 63px; }
		.header .menu .li_4 a { width : 89px; }

		.header .menu .li_1 .h { width : 68px; background-position: 0px 0px }
		.header .menu .li_2 .h { width : 48px; background-position: -68px 0px }
		.header .menu .li_3 .h { width : 63px; background-position: -116px 0px}
		.header .menu .li_4 .h { width : 89px; background-position: -179px 0px}

		.header .menu .li_1 .h:hover { background-position: 0px -45px }
		.header .menu .li_2 .h:hover { background-position: -68px -45px }
		.header .menu .li_3 .h:hover { background-position: -116px -45px}
		.header .menu .li_4 .h:hover { background-position: -179px -45px}
                
		.header .menu .li_1 .a { background-position: 0px -90px }
		.header .menu .li_2 .a { background-position: -68px -90px }
		.header .menu .li_3 .a { background-position: -116px -90px}
		.header .menu .li_4 .a { background-position: -179px -90px}
		    
    /* END .header */

    .content {
	width		: 630px;
	padding-left    : 20px;
    }
        .content .work {
            width           : 630px;
            padding-bottom  : 50px;
            float           : left;
        }
            
            .content h1 {
                width           : 630px;
                height          : 35px;
                overflow        : hidden;
            }
            .content .atr {
                padding         : 10px 0px;
                font-weight     : bold;
            }
                .content .atr a {
                    color           : #fff;
                    font-weight     : bold;
                }
            .content .desc
            {
                padding-bottom  : 20px;
            }
            .content .img {
                width           : 630px;
                height          : 250px;
                float           : left;
				background-position:0px 10px;
            }
            .content .img a {
                width           : 630px;
                height          : 0px;
                padding-top     : 250px;
                overflow        : hidden;
                float           : left;
                background      : url("../img/base/border.png") no-repeat left top;
            }
            .content .img a:hover {
                background-position: 0px -250px;
            }

    /* END .content */

    .footer {
	width		: 740px;
	padding		: 20px;
	overflow	: hidden;
    }
	.footer .left {
	    float	    : left;
	    width	    : 400px;
	}
	    .footer .left ul li {
		float		: left;
		padding-right	: 20px;
		height		: 20px;
		font-family	: tahoma, arial, verdana, helvetica;
		font-size	: 12px;
		color		: #8c8038;
	    }
	    .footer .left ul li a {
		font-family	: tahoma, arial, verdana, helvetica;
		font-size	: 12px;
		color		: #8c8038;
	    }
	    .footer .left .servis li {
		width		: 400px;
	    }


	.footer .right {
	    float	    : right;
	    width	    : 340px;
	}
	    .footer .right ul {
		float		: right;
	    }
	    .footer .right ul li, .footer .right ul li a {
		float		: left;
		padding-left	: 20px;
		font-family	: tahoma, arial, verdana, helvetica;
		font-size	: 12px;
		color		: #8c8038;
	    }
    /* END .footer */

/* END .site */