/*!
 *  Created on : 04.05.2009, 13:23:40
 *  Copyright  : ibresource.ru
 */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #272727 url("/img/mainbg.png") repeat-x 0 0;

	font-family: Tahoma, sans-serif;
	font-size: 10pt;
    color: #FFFFFF;
}

#container {
	width: 942px;
	margin: 0px auto;
}

img {
    border: 0px;
}

p {
    line-height: 150%;
	margin-bottom: 1em;
}



a:link {
    color: #0087B4;
    text-decoration: underline;
}

a:visited {
    color: #C83232;
}



/**
 * Two columns of the same width
 * @after Element with "clear: both"
 */
.columns2 {}

    .columns2 .left {
        float: left;
        width: 49%;
    }

    .columns2 .right {
        float: right;
        width: 49%;
        /*margin-left: 50%;*/
    }



/**
 * Kill some floaters
 */
.clear  {
	clear: both;
}


	
#header {
    position: relative;
    width: 942px;
    height: 127px;

    background: #FFFFFF url("/img/header/header.png") no-repeat scroll 0px 0px;
    color: #000000;
}

    #header h1 {
        position: absolute;
        top: 28px;
        left: 33px;

		display: block;
        width: 196px;
        height: 35px;

		text-indent: -2000px;
        background: url("/img/header/header.png") no-repeat scroll 0px -163px;
    }

	#header h1 a {
		position: absolute;
		top: 0px;
		left: 0px;

		display: block;
		width: 196px;
        height: 35px;
	}

    #header address {
        position: absolute;
        top: 34px;
        right: 20px;

		display: block;
        width: 191px;
        height: 25px;

		text-indent: -3000px;
        background: url("/img/header/header.png") no-repeat scroll -196px -163px;
    }

	#header address a {
		position: absolute;
		top: 0px;
		left: 0px;

		display: block;
		width: 191px;
        height: 25px;
	}

    #header .banner {
        display: block;
        width: 254px;
        height: 48px;

        position: absolute;
        top: 22px;
        right: 249px;

        text-indent: -2000px;
    }






#nav {
    position: absolute;
    bottom: 8px;
    left: 11px;

	display: block;
    height: 36px;
    width: 919px;

    list-style-type: none;

    background: #000000 url("/img/header/header.png") no-repeat scroll 0px -127px;
    color: #FFFFFF;
}

    #nav > li {
        display: block;
        position: relative;
        height: 32px;
        float: left;

        margin-top: 2px;

        border-left:  1px solid #6E777A;
        border-right: 1px solid #050607;
    }

    #nav > li.first {
        border-left: none;
        margin-left: 2px;
    }

    #nav > li.last {
        border-right: none;
    }

	#nav a {
		text-decoration: none;
		font-size: 95%;
	}

        #nav > li > a {
            display: block;
			color: #FFFFFF;
        }

            #nav > li a strong {
                display: block;
                height: 23px;
                padding: 9px 20px 0px;

                font-weight: normal;
            }

        #nav > li.hover a {
            color: #111111;
        }

        #nav > li.hover a:hover {
            color: #0088B5;
        }


        #nav > li.hover > a {
            background: url("/img/header/submenu.png") no-repeat scroll -190px 0px;
        }

            #nav > li.hover > a strong {
                height: 25px;

                padding-left: 10px;
                margin-left: 10px;

                background: url("/img/header/submenu.png") no-repeat scroll 100% 0px;
            }


			
    #nav ul.items {
        visibility: hidden;

        position: absolute;
        top: 34px;
        left: 0px;

        width: 190px;
        padding-bottom: 6px;

        list-style: none;
        background: url("/img/header/submenu.png") no-repeat scroll -190px 100%;
		z-index: 100;
    }

        #nav ul.items li {
            padding: 0px 20px;
            background: url("/img/header/submenu.png") repeat-y scroll 0px 0px;
        }

        #nav ul.items a {
            display: block;
            padding: 7px 0px 7px;

            border-bottom: 1px solid #C8C8C8;
        }

        #nav ul.items li.last a {
            border-bottom: none;
			padding-bottom: 6px;
        }



#copy {
	padding: 25px 0px 40px 25px;

	color: #A0A0A0;
    font-size: 90%;
}

    #copy p {
        display: inline;
		padding-right: 50px;
    }

    #copy ul {
        list-style-type: none;
        display: inline;
    }

        #copy ul li {
            display: inline;
            padding: 0px 14px;
            border-right: 1px solid #A0A0A0;
        }

        #copy ul li.last {
            border-right: none;
        }

    #copy a {
        text-decoration: underline;
        color: #A0A0A0;
    }

   
             div#olark_tab{
             	position: fixed;
             	left: 0;
             	bottom:40%;	
             	z-index:5000;
             }

             #olark_tab div{
               height: 150px;
               width: 150px;
             	float: left;
               filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
               -webkit-transform: rotate(-90deg); 
               -moz-transform: rotate(-90deg);
             }

             #olark_tab a{
               /*Edit these to change the look of your tab*/
               background-color: #ae0000;
               color: white;
               font: bold 14px Tahoma;
               height: 40px;
               padding: 6px;
               border: 2px solid #363636;
             	display: block;   	
             	text-decoration: none;
             	text-align: center;    	   	
             	width: auto;
               -webkit-border-bottom-right-radius:9px;
               -webkit-border-bottom-left-radius:9px;
               -moz-border-radius-bottomleft:9px;
               -moz-border-radius-bottomright:9px;
             	border-top-style: none;   	
             	border-top-width: 0;
             }

             #olark_tab a:hover{
             	background-color: white;
             	color: black;
             }