/*******************************************************************************
			Coded by GS on 24.05.2007, True Vision
*******************************************************************************/

/*--------------------------------- structure --------------------------------*/
#structure { text-align: center; }
#layout { position: relative; margin: 0 auto; width: 962px; text-align: left; }
#head { height: 103px; }
#category-main { height: 290px; }
#category { height: 147px; }
#footer { border-top: 1px solid #B9E1F7; padding: 15px 0 15px 20px; clear: both; }
* html #footer { height: 70px; }


/*--------------------------------- elements ---------------------------------*/
h2.title { margin: 0; padding: 3px 20px 0 20px; min-height: 30px; color: #fff; font-size: 23px; font-family: sans-serif; }
* html h2.title { height: 30px; }
h2.strong { margin: 0; padding: 10px 20px 10px 20px; color: #fff; font-size: 23px; font-family: sans-serif; }

span.ico-clients {
	position: absolute; top: -14px; left: 230px;
	background: url(../images/i/ico/clients.png) 0 0 no-repeat;
	width: 50px; height: 50px;
	display: block;
}
span.ico-cv {
	position: absolute; top: -14px; left: 255px;
	background: url(../images/i/ico/cv.png) 0 0 no-repeat;
	width: 50px; height: 50px;
	display: block;
}
span.ico-news {
	position: absolute; top: -13px; left: 220px;
	background: url(../images/i/ico/news.png) 0 0 no-repeat;
	width: 60px; height: 60px;
	display: block;
}
span.ico-careers {
	position: absolute; top: -13px; left: 245px;
	background: url(../images/i/ico/careers.png) 0 0 no-repeat;
	width: 60px; height: 60px;
	display: block;
}

div.ico-strong { position: relative; }
div.ico-strong h2.strong { padding-right: 60px; }
div.ico { position: relative; }
div.ico h2.title { padding-right: 50px; }

div.link-all { background: url(../images/i/mrk/mrk3.gif) 0 0.35em no-repeat; padding-left: 11px; }
div.link-more { background: url(../images/i/mrk/mrk3.gif) 0 0.35em no-repeat; padding-left: 11px; }
div.link-more, div.link-all { margin: 10px 0; font-size: 0.9em; }
div.link-more a, div.link-all a { color: #B06E0B; }
div.link-more a:hover, div.link-all a:hover { color: #C89A56; }

div.content { padding: 13px 20px 13px 20px; }
div.content2 { margin-bottom: 20px; padding: 18px 20px 0 20px; }

div.block1 { background-color: #F1F9FE; }
div.block2 { background-color: #C9E8FF; }
div.block3 { background: url(../images/i/bg/block3.gif) #F1F9FE 0 100% repeat-x; }
div.block1 ul li, div.block3 ul li { background: url(../images/i/mrk/mrk4.gif) 0 0.45em no-repeat; }
div.block4 { background-color: #FFF9F1; border-top: 1px solid #F5EDE0; border-bottom: 1px solid #F5EDE0; padding: 12px 25px 1px 12px; }

/*----------------------------------- blocks ---------------------------------*/
div.middle { min-height: 600px; }
* html div.middle { height: 600px; }

div.column-left { background: url(../images/i/bg/column_left.gif) 0 0 repeat-x; padding-top: 10px; width: 376px; float: left; }
div.column-middle { background: url(../images/i/bg/column_mid.gif) 0 0 repeat-x; padding-top: 10px; width: 275px; float: left; }
div.column-right { background: url(../images/i/bg/column_right.gif) 0 0 repeat-x; padding-top: 10px; width: 311px; float: left; }

div.column-left h2.title { background: url(../images/i/bg/title_left.gif) #15A6E4 0 0 repeat-x; }
div.column-middle h2.title { background: url(../images/i/bg/title_mid.gif) #19B1E8 0 0 repeat-x; }
div.column-right h2.title { background: url(../images/i/bg/title_right.gif) #19B4E9 0 0 repeat-x; }

#middle-company div.column-left { width: 456px; }
#middle-company div.column-middle { width: 270px; }
#middle-company div.column-right { width: 236px; }

#middle-experience div.column-left { width: 381px; }
#middle-experience div.column-middle { width: 323px; }
#middle-experience div.column-right { width: 258px; }

#middle-vacancy div.column-left { width: 468px; }
#middle-vacancy div.column-middle { width: 224px; }
#middle-vacancy div.column-right { width: 270px; }
#middle-vacancy #submenu ul { width: 460px; }

#middle-content div.column-left { width: 688px; }
#middle-content div.column-middle { width: 274px; }

#middle-single div.column-left { width: 962px; }

#middle-main div.column-left, #middle-main div.column-middle, #middle-main div.column-right { background: none; padding: 0; }
#middle-main div.column-left h2.strong { background: url(../images/i/bg/column_main_left.gif) #0C7FD4 0 0 repeat-x; padding-top: 12px; }
#middle-main div.column-middle h2.strong { background: url(../images/i/bg/column_main_mid.gif) #1297DD 0 0 repeat-x; padding-top: 12px; }
#middle-main div.column-right h2.strong { background: url(../images/i/bg/column_main_right.gif) #19B5E9 0 0 repeat-x; padding-top: 12px; }
#middle-main div.ico-strong h2.strong { padding-right: 60px; }

#logo { padding: 43px 0 0 20px; }

#menu { position: absolute; left: 215px; top: 0; width: 745px; }
#menu ul { margin: 0; padding: 0; float: right; }
#menu ul li { background: none; margin: 0; padding: 0 30px 0 0; float: left; color: #B06E0B; }
#menu ul li a {
	border-left: 1px solid #EBEBEB;
	padding: 75px 10px 0 10px;
	display: block;
	text-decoration: none;
	color: #1AB7EA;
	font-size: 18px;
}
#menu ul li div { padding: 75px 10px 0 10px; font-size: 18px; }
#menu ul li a.active, #menu ul li a:hover, #menu ul li div { border-left: 1px solid #B06E0B; color: #B06E0B; }

#submenu {
	background: url(../images/i/bg/title_left.gif) #15A6E4 0 0 repeat-x;
	padding: 0 20px 0 8px;
	min-height: 33px;
	color: #7ebCcb;
}
* html #submenu { height: 33px; }
#submenu a { color: #fff; }
#submenu a:hover { color: #b6d9eb; }
#submenu ul { position: absolute; margin: -13px 0 0 0; padding: 0; width: 645px; min-height: 1em; }
* html #submenu ul { height: 1em; }
#submenu ul li { background: none; margin: 0; padding: 22px 12px 0 12px; float: left; }
#submenu ul li div { background: url(../images/i/mrk/mrk5.gif) 0 0.5em no-repeat; padding-left: 10px; }
#submenu ul li.active { background: url(../images/i/bg/submenu_active.gif) 50% 0 no-repeat; }
#submenu ul li.active div { background: url(../images/i/mrk/mrk6.gif) 0 0.5em no-repeat; }


#category-main div { position: absolute; left: -19px; background: url(../images/i/splash/main.jpg) 0 0 no-repeat; width: 981px; height: 290px; }
#category-main h1 { padding: 130px 0 0 487px; color: #fff }
#category h1 { padding: 78px 0 0 77px; color: #fff }

#contacts { float: left; }

#copyright { width: 311px; float: right; font-size: 0.9em; }
#copyright div.copyright { background: url(../images/i/bg/copyright.gif) 1px 0.35em no-repeat; padding-left: 29px; }