

#content .basePageWrap {
    /* padding-left: 174px; */
    padding-top: 201px;
    position: relative;
    width: 647px;
}

#content .basePage {
    width: 460px;
    float: right;
    border-top: 1px solid #dddddd;
    background: url('../../images/okna/menu-main-content-bg.jpg') no-repeat center top;
    padding: 10px 6px;
    min-height: 400px;
}

#content .basePage .wsEd {
    padding-bottom: 25px;
    border-bottom: 4px solid #dddddd;
}

#content .basePage h1 {
	padding: 20px 0px;
	padding-top: 35px;
	margin: 0px;
	background: none;
	border: none;
}

#mainMenu {
    position: absolute;
    left: 0px;
    top: 20px;
    height: 132px;
    width: 655px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

#mainMenu li {
    padding: 0px;
    margin: 0px;
    float: left;
}

#mainMenu li h2 {
    padding: 0px;
    margin: 0px;
}

#mainMenu li a {
    display: block;
    width: 90px;
    height: 132px;
    background: transparent;
    float: left;
    border-right: 3px solid white;
    cursor: pointer;
}

#mainMenu li a .span {
    display: block;
    width: 85px;
    height: 17px;
    margin-top: 93px;
    background: url('../../images/okna/main-menu-span-bg.gif') repeat-x left 1px #77b7e4;
    color: white;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    padding-top: 22px;
    padding-right: 5px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
	position: relative;
}
#mainMenu li a .span span {
	position: absolute;
	right: 5px;
	bottom: 3px;
}

#mainMenu li a:hover .span {
    background: url('../../images/okna/main-menu-span-bg-hover.gif') repeat-x left 1px #007097;
}

#mainMenu li.active a .span {
    background: url('../../images/okna/main-menu-span-bg-active.gif') repeat-x left 1px #bf0d0d !important;
}

#mainMenu li.item1 a {
    background: url('../../images/okna/main-menu1.jpg') repeat-x left top;
}

#mainMenu li.item2 a {
    background: url('../../images/okna/main-menu2.jpg') repeat-x left top;
}

#mainMenu li.item3 a {
    background: url('../../images/okna/main-menu3.jpg') repeat-x left top;
}

#mainMenu li.item4 a {
    background: url('../../images/okna/main-menu4.jpg') repeat-x left top;
}

#mainMenu li.item5 a {
    background: url('../../images/okna/main-menu5.jpg') repeat-x left top;
}

#mainMenu li.item6 a {
    background: url('../../images/okna/main-menu6.jpg') repeat-x left top;
}

#mainMenu li.item7 a {
    background: url('../../images/okna/main-menu7.jpg') repeat-x left top;
}

#mainMenu li.item1 a:hover, #mainMenu li.item1active a {
    background: url('../../images/okna/main-menu1-hover.jpg') repeat-x left top;
}

#mainMenu li.item2 a:hover, #mainMenu li.item2active a {
    background: url('../../images/okna/main-menu2-hover.jpg') repeat-x left top;
}

#mainMenu li.item3 a:hover, #mainMenu li.item3active a {
    background: url('../../images/okna/main-menu3-hover.jpg') repeat-x left top;
}

#mainMenu li.item4 a:hover, #mainMenu li.item4active a {
    background: url('../../images/okna/main-menu4-hover.jpg') repeat-x left top;
}

#mainMenu li.item5 a:hover, #mainMenu li.item5active a {
    background: url('../../images/okna/main-menu5-hover.jpg') repeat-x left top;
}

#mainMenu li.item6 a:hover, #mainMenu li.item6active a {
    background: url('../../images/okna/main-menu6-hover.jpg') repeat-x left top;
}

#mainMenu li.item7 a:hover, #mainMenu li.item7active a {
    background: url('../../images/okna/main-menu7-hover.jpg') repeat-x left top;
}

#mainMenu li a:hover {
    text-decoration: none;
}

#mainTabs {
    position: absolute;
    left: 0px;
    top: 175px;
    width: 647px;
}

#mainTabs a {
    display: block;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    background: #e9e5e5;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #45494b;
    border-right: 1px solid #939393;
    margin-right: 3px;
}

#mainTabs a:hover {
    text-decoration: none;
    background: #77b7e4;
    color: white;
}
#leftMenuWrap {
    width: 164px;
    position: absolute;
    left: 0px;
    top: 201px;
}
#leftMenuWrap .image {
	border-top: 3px solid #bf0d0d;
	width: 164px;
	height: 75px;
	background: url('../../images/okna/left-menu-logo.jpg') no-repeat left top;
}
#leftMenu {
    width: 164px;
    background: url('../../images/okna/left-menu-top.gif') no-repeat left top #999999;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 7px;
	border-bottom: 3px solid white;
}

#leftMenu h3 {
    padding: 0px;
    margin: 0px;
}

#leftMenu li h3 {
    border-bottom: 1px dotted #f3f3f3;
}
#leftMenu li.last h3 {
    border-bottom: none;
}

#leftMenu li h3 a {
    display: block;
    width: 130px;
    padding-left: 21px;
    padding-right: 13px;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background: url('../../images/okna/left-menu-sip.gif') no-repeat left top #999999;
    line-height: 24px;
}

#leftMenu li h3 a:hover, #leftMenu li.active h3 a {
    text-decoration: none;
    background: url('../../images/okna/left-menu-sip-hover.gif') no-repeat left top #e9e5e5;
    color: #666666;
}

#leftMenu ul {
    padding: 0px;
    margin: 0px;
    background: white;
    border-bottom: 1px dotted #f3f3f3;
}

#leftMenu ul li a {
    display: block;
    width: 120px;
    padding-left: 31px;
    padding-right: 13px;
    line-height: 22px;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    background: url('../../images/okna/left-menu-circle.gif') no-repeat left top white;
}

#leftMenu ul li a:hover, #leftMenu ul li.active a {
    background: url('../../images/okna/left-menu-circle-hover.gif') no-repeat left top #e9e5e5;
    text-decoration: none;
}

