.content{
	background: url(../images/content-bg.gif) repeat-y left;
}

.content-bg-top{
	background: url(../images/content-bg-top.gif) no-repeat top left;
}

.content-bg-bottom{
	background: url(../images/content-bg-bottom.gif) no-repeat bottom left;
	padding: 3px 3px 35px 2px;
}

.left-col{
	float:left;
	width:195px;
}

/************ loginout box ***********/
.left-col .loginout-box{
	margin-top:11px;
	width:191px;
	height:75px;
	background:url(../images/loginout-box.png) top left no-repeat;
	margin-bottom:15px;
}

.left-col .loginout-box .heading{
	font-size:14px;
	display:block;
	padding:4px 9px;
	overflow:hidden;
}

.left-col .loginout-box .personal-menu{
	float:left;
	clear:left;
	padding-top:4px;
}

.left-col .loginout-box A{
	text-decoration:none;
}

.left-col .loginout-box A:HOVER{
	text-decoration:underline;
}

.left-col .loginout-box .personal-menu LI{
	float:left;
	clear:left;
}

.left-col .loginout-box .personal-menu LI A{
	color:#000000;
	font-size:11px;
	padding-left:18px;
	line-height:124%;
	display:block;
}

.left-col .loginout-box .exit{
	float:right;
	font-size:10px;
	font-weight:bold;
	padding-top:30px;
	padding-right:11px;
}

.left-col .loginout-box .exit A{
	color:#000000;
}

/************ dotted frame ***********/

.dotted-frame{
	background: url(../images/dotted-frame-bg.png) repeat-y left;
	width:183px;
        margin-top:8px;
	margin-left:8px;
	text-align:center;
	position:relative;
}

.dotted-frame-top-bg{
	background: url(../images/dotted-frame-bg-top.png) no-repeat top left;
}

.dotted-frame-bottom-bg{
	background: url(../images/dotted-frame-bg-bottom.png) no-repeat bottom left;
	padding:12px 0px 11px;
}

.dotted-frame .name{
	font-size:13px;
	font-weight:bold;
	display:block;
	margin-right:9px;
}

.dotted-frame .position{
	display:block;
	margin-right:20px;
	font-size:13px;
	margin-left:30px;
        padding: 5px 30px;
	border-bottom:2px solid;
        background:url(http://ost.kiev.ua/assets/templates/ost/public/images/mail-new.png) no-repeat left ;
}

.dotted-frame P{
	margin-right:10px;
        margin-left:10px;
	padding-top:16px;
	font-size:11px;
	line-height:100%;
}

.dotted-frame P .big{
	font-size:14px;
	font-weight:bold;
	line-height:110%;
	display:block;
}

.image-holder{
	position:relative;
	height:0px;
	font-size:0px;
	line-height:0px;
}

.dotted-frame .photo{
	position:absolute;
	bottom:2px;
	left:-17px;
}

.dotted-frame .photo IMG{
	display:block;
}

/*---------------------- Center col -------------------------*/
.center-col{
	float:left;
	width:490px;
	margin-left:15px;
	display:inline;
}

.center-col UL,
.center-col UL LI{
	list-style: disc;
}

.center-col UL{
	padding-left:30px;
}

.center-col H2{
	font-size:14px;
	font-weight:bold;
	margin:13px 0px 10px;
}
.center-col P{
	margin:10px 0;
}

.center-col .map-image{
	float:right;
	padding-left:15px;
}

.center-col OL LI{
	padding-left:10px;
}

.order-box{
	margin-top:5px;
}

/*---- front page ---*/
.front-page .center-col{
	width:515px;
	margin-left:0px;
	padding-top:10px;
}

.fp-block{
	background: url(../images/fp-block-bg.png) top left no-repeat;
	width:163px;
	height:163px;
	float:left;
	margin-left:9px;
	position:relative;
}

.fp-block.first{
	margin-left:5px;
}

.fp-block A{
	text-decoration:none;
}

.fp-block .heading{
	width:100%;
	line-height:110%;
}

.fp-block .heading TD{
	height:51px;
	vertical-align:middle;
}

.fp-block .heading A{
	color: #FFFFFF;
	font-size:14px;
	float:left;
	margin-left:8px;
	display:inline;
}

.fp-block .ico{
	position:absolute;
	right:2px;
	bottom:8px;
}

.fp-block P{
	font-size:12px;
	line-height:100%;
	margin:8px 0px 0px 7px;
}

.fp-block P A{
	color:#000000;
}

.front-page-text H1{
	font-size: 13px;
	font-weight: normal;
	border-bottom:2px solid #000000;
	margin:11px 0px;
}

.front-page-text{
	padding:0px 55px 0px 32px;
	border-bottom:2px dotted #7b7a76;
	font-size:12px;
}

/*---------------------- Right col -------------------------*/

.right-col{
	display:inline;
	float:right;
	width:240px;
	padding-top:90px;
	
}

.color-heading{
	font-size:14px;
	color:#FFFFFF;
	height:19px;
	display:block;
	padding-top:4px;
	padding-left:9px;
	margin-top:10px;
	position:relative;
	width:190px;
}

.color-heading.long{
	width:213px;
}

.color-heading .heading-bg{
	position:absolute;
	width:6px;
	height:23px;
	background: url(../images/heading-bg.png) top left no-repeat;
	top:0px;
	right:0px;
}

.color-heading.orange{
	background :#dc5000;
}

.color-heading.green{
	background: #009000;
}

.color-heading.cyan{
	background: #dceebf;
	color:#000000;
}

.color-heading.pink{
	background: #ffefc5;
	color:#000000;
}

.right-col .right-menu{
	font-size:14px;
	margin:0px 8px;
	padding-bottom:15px;
	border-bottom: 2px dotted #7e7d79;
}

.right-col .right-menu.small{
	font-size:12px;
}


.right-col .right-menu LI{
	padding-top:11px;
	padding-left:10px;
}

.right-col .right-menu A{
	color:#000000;
	text-decoration:none;
}

.right-col .right-menu A:HOVER{
	text-decoration:underline;
}

.login-form TD{
	padding: 2px 0px 2px 5px;
	vertical-align:middle;
}

.login-form TD.no-pad{
	padding-left:1px;
}

.login-form A{
	color:#000000;
	text-decoration:none;
}

.login-form A:HOVER{
	text-decoration:underline;
}

.login-form {
	font-size: 10px;
	letter-spacing:-0.05em;
}
.login-form .text-input{
	background: #DDDDDC;
	border: 1px solid #797773;
	padding:2px;
}
.login-form INPUT.submit{
	margin-right: 4px;
	float:left;
	background: url(../images/enter.gif) no-repeat top left;
	border:none;
	width:57px;
	height:21px;
	color:#FFFFFF;
	font-size:12px;
	padding-bottom:2px;
	cursor:pointer;
}

/*************************************/

.footer{
	margin:0 2px 0 1px;
}

.order-form .bottom-part{
	width:99%;
}

.relax{
	line-height:0px;
	height:0px;
	font-size:0px;
	clear:both;
}



h1, h2, h3, h4, h5, h6{
	color: #000000;
	font-weight: bold;
}
h1,

.center-col H1{
	font-size: 24px;
	padding: 10px 0 5px;
} 
h2,

.center-col H2{
	font-size: 20px;
	padding: 7px 0 3px;
} 
h3,
.center-col h3{
	font-size: 18px;
	padding: 5px 0 2px;
} 
h4,

.center-col h4{
	font-size: 16px;
	padding: 5px 0 0;
} 
h5,

.center-col h5{
	font-size: 14px;
	padding: 4px 0 0;
} 
h6,
.center-col h6
{
	font-size: 12px;
	padding: 3px 0 0;
}
