* {margin: 0; padding: 0;}
.clear {clear: both; height: 0; overflow: hidden;}

body {background-color: #000;}

div {border: 0px solid #fff;}

a {color: #016fa7;}

#wrapper {
	width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':''); /* Internet Explorer <= 6.0 */
	min-width: 1000px; /* Opera & FireFox & Safari & Google Chrome & Internet Explorer 7+ */
}

#header {width: 1000px; height: 223px; margin: 0 auto; background: url(../images/top.jpg) left top no-repeat;}
	#logo {position: absolute; margin-top: 56px; width: 112px; height: 116px; background: url(../images/logo.png) left top no-repeat; cursor: pointer;}
	#last_project_image {position: absolute; width: 495px; height: 192px; margin-top: 30px; margin-left: 253px; background: url(../portfolio/mebelief.ru_h.jpg) left top no-repeat; cursor: pointer;}
	#last_project_descr {position: absolute; margin-top: 0px; margin-left: 780px; width: 200px; height: 100px; border-left: 1px solid #fff;}
		#last_project_descr p{color: #fff; margin-left: 10px; font-family: Verdana; font-size: 11px;}
#menu {width: 1000px; margin: 0 auto; background-color: #e0e0c7;}
	.menu_agency {position: relative; width: 204px; height: 30px; background: url(../images/menu_agency.jpg) left top no-repeat; float: left; cursor: pointer;}
	.menu_service {position: relative; width: 197px; height: 30px; background: url(../images/menu_service.jpg) left top no-repeat; float: left; cursor: pointer;}
	.menu_portfolio {position: relative; width: 197px; height: 30px; background: url(../images/menu_portfolio.jpg) left top no-repeat; float: left; cursor: pointer;}
	.menu_partners {position: relative; width: 197px; height: 30px; background: url(../images/menu_partners.jpg) left top no-repeat; float: left; cursor: pointer;}
	.menu_contacts {position: relative; width: 205px; height: 30px; background: url(../images/menu_contacts.jpg) left top no-repeat; float: left; cursor: pointer;}

	.menu_agency_active {position: relative; width: 204px; height: 30px; background: url(../images/menu_agency.jpg) left bottom no-repeat; float: left; cursor: pointer;}
	.menu_service_active {position: relative; width: 197px; height: 30px; background: url(../images/menu_service.jpg) left bottom no-repeat; float: left; cursor: pointer;}
	.menu_portfolio_active {position: relative; width: 197px; height: 30px; background: url(../images/menu_portfolio.jpg) left bottom no-repeat; float: left; cursor: pointer;}
	.menu_partners_active {position: relative; width: 197px; height: 30px; background: url(../images/menu_partners.jpg) left bottom no-repeat; float: left; cursor: pointer;}
	.menu_contacts_active {position: relative; width: 205px; height: 30px; background: url(../images/menu_contacts.jpg) left bottom no-repeat; float: left; cursor: pointer;}

#content {width: 1000px; margin: 0 auto; background-color: #e0e0c7; color: #2e2e23; font-family: Verdana; font-size: 12px;}
	h1.page_title {font-size: 27px; color: #afaf98; padding-top: 34px; margin-left: 10px;}
	#main_preview {width: 100%; height: 203px; margin: 0 auto; margin: 0 auto; background: url(../images/main_top_bg.jpg) left top repeat-x;}
		.main_preview_box {position: absolute; margin-top: 11px; width: 193px; height: 150px; background: url(../images/main_preview_box_bg.png) left top no-repeat;}
			.main_preview_box .preview_image_box {position: relative; width: 183px; height: 144px; margin-left: 5px; margin-top: 4px; cursor: pointer;}
			.main_preview_box .preview_title_box {position: relative; width: 183px; height: 30px; margin-left: 5px; margin-top: 2px; text-align: center; color: #fbfb9e; font-size: 11px;}
			.first {margin-left: 8px;}
			.second {margin-left: 205px;}
			.third {margin-left: 402px;}
			.fourth {margin-left: 599px;}
			.fifth {margin-left: 797px;}
	#main_service {width: 100%; height: 320px; margin: 0 auto;}
		.main_service_box {position: absolute; width: 193px; height: 300px; margin-top: 11px; color: #3f3f32; font-size: 11px;}
			.main_service_box .first {margin-left: 8px;}
			.main_service_box .second {margin-left: 205px;}
			.main_service_box .third {margin-left: 402px;}
			.main_service_box .fourth {margin-left: 599px;}
			.main_service_box .fifth {margin-left: 797px;}
			.main_1 {position: absolute; width: 26px; height: 24px; background: url(../images/main_1.jpg) left top no-repeat;}
			.main_2 {position: absolute; width: 26px; height: 24px; background: url(../images/main_2.jpg) left top no-repeat;}
			.main_3 {position: absolute; width: 26px; height: 24px; background: url(../images/main_3.jpg) left top no-repeat;}
			.main_4 {position: absolute; width: 26px; height: 24px; background: url(../images/main_4.jpg) left top no-repeat;}
			.main_5 {position: absolute; width: 26px; height: 24px; background: url(../images/main_5.jpg) left top no-repeat;}
			
			.main_sites_title {position: absolute; width: 121px; height: 18px; margin-top: 30px; background: url(../images/main_sites.png) left top no-repeat;}
			.main_sites_content {margin-top: 50px; padding-right: 16px;}
			.main_support_title {position: absolute; width: 106px; height: 18px; margin-top: 30px; background: url(../images/main_support.png) left top no-repeat;}
			.main_support_content {margin-top: 50px; padding-right: 16px;}
			.main_ad_title {position: absolute; width: 121px; height: 18px; margin-top: 30px; background: url(../images/main_ad.png) left top no-repeat;}
			.main_ad_content {margin-top: 50px; padding-right: 16px;}
			.main_design_title {position: absolute; width: 139px; height: 18px; margin-top: 30px; background: url(../images/main_design.png) left top no-repeat;}
			.main_design_content {margin-top: 50px; padding-right: 16px;}
			.main_audit_title {position: absolute; width: 139px; height: 18px; margin-top: 30px; background: url(../images/main_audit.png) left top no-repeat;}
			.main_audit_content {margin-top: 50px; padding-right: 16px;}
	#main_bottom {width: 100%; height: 150px; margin: 0 auto;}
		#main_news_box {position: absolute; width: 560px; height: 150px; margin-left: 8px;}
			.main_news_title {position: absolute; width: 121px; height: 18px; background: url(../images/main_news.png) left top no-repeat;}
			#main_news_box .delim {position: absolute; margin-top: 18px; width: 560px; height: 2px; background: url(../images/delim.gif) left top repeat-x;}
			.main_news_content {position: absolute; margin-top: 22px;}
		#main_vacancy_box {position: absolute; width: 410px; height: 150px; margin-left: 580px;}
			.main_vacancy_title {position: absolute; width: 61px; height: 18px; background: url(../images/main_vacancy.png) left top no-repeat;}
			#main_vacancy_box .delim {position: absolute; margin-top: 18px; width: 410px; height: 2px; background: url(../images/delim.gif) left top repeat-x;}
			.main_vacancy_content {position: absolute; margin-top: 22px;}
			
	#contacts_title {width: 100%; height: 100px; margin: 0 auto;}
	#contacts_panel {width: 100%; height: 150px; border-top: 1px solid #fff;}
		.contacts_box_first {position: absolute; margin-left: 0px; height: 150px; width: 250px;}
		.contacts_box_second {position: absolute; margin-left: 250px; height: 150px; width: 250px; border-left: 1px dotted #2e2e23;}
		.contacts_box_third {position: absolute; margin-left: 500px; height: 150px; width: 250px; border-left: 1px dotted #2e2e23;}
		.contacts_box_fourth {position: absolute; margin-left: 750px; height: 150px; width: 250px; border-left: 1px dotted #2e2e23;}

			#contacts_panel .contacts_box_title1 {position: relative; margin-left: 10px; margin-top: 10px; width: 101px; height: 16px; background: url(../images/contacts_box_title1.png) left top no-repeat;}
			#contacts_panel .contacts_box_title2 {position: relative; margin-left: 10px; margin-top: 10px; width: 115px; height: 16px; background: url(../images/contacts_box_title2.png) left top no-repeat;}
			#contacts_panel .contacts_box_title3 {position: relative; margin-left: 10px; margin-top: 10px; width: 122px; height: 16px; background: url(../images/contacts_box_title3.png) left top no-repeat;}
			#contacts_panel .contacts_box_title4 {position: relative; margin-left: 10px; margin-top: 10px; width: 129px; height: 16px; background: url(../images/contacts_box_title4.png) left top no-repeat;}

			#contacts_panel p {margin-left: 10px; margin-top: 4px; font-size: 11px;}
			#contacts_panel img {margin-left: 10px; background-color: #fff;}
	#feedback_panel {width: 100%; height: 340px;}
		#feedback_content {position: absolute; margin-left: 10px; height: 210px; width: 220px; font-size: 11px;}
		#feedback_form {position: absolute; margin-left: 260px; height: 319px; width: 508px; background: url(../images/feedback_form_bg.gif) left top no-repeat;}
			input.feedback {width: 472px; height: 16px; margin-left: 16px; border: 1px solid #fefeda; font-size: 11px;}
			textarea.feedback {width: 472px; height: 140px; margin-left: 16px; border: 1px solid #fefeda; font-size: 11px; overflow:hidden;}
			#feedback_form p {margin-left: 16px; font-size: 11px; margin-top: 16px; margin-bottom: 4px;}
			.feedback_submit {width: 90px; height: 19px; margin-left: 400px; margin-top: 10px;}

	#agency_title {width: 100%; height: 100px; margin: 0 auto;}
		#agency_about_panel {width: 100%; height: 350px;}
			#agency_about_box {position: absolute; margin-left: 0px; height: 340px; width: 600px;}
				#agency_about_box_title {position: relative; margin-left: 10px; margin-top: 10px; width: 187px; height: 16px; background: url(../images/agency_about_title.png) left top no-repeat;}
				#agency_about_box_content {}
				#agency_about_box_content p {margin-top: 6px; margin-left: 10px; font-size: 11px;}
			#agency_news_box {position: absolute; margin-left: 620px; height: 340px; width: 360px;}
				#agency_news_box_title {position: relative; margin-left: 10px; margin-top: 10px; width: 121px; height: 18px; background: url(../images/agency_news_title.png) left top no-repeat;}
				#agency_news_box_content {}
				#agency_news_box_content p {margin-top: 6px; margin-left: 10px; font-size: 11px;}
				#agency_news_box .delim {margin-top: 4px; width: 100%; height: 2px; background: url(../images/delim.gif) left top repeat-x;}
		
		#agency_delim {position: relative; margin: 0 auto; width: 980px; height: 2px; background: url(../images/delim.gif) left top repeat-x;}
		
		#agency_vacancy_panel {width: 100%; height: 100px;}
			#agency_vacancy_title {position: relative; margin-left: 10px; margin-top: 10px; width: 61px; height: 18px; background: url(../images/agency_vacancy_title.png) left top no-repeat;}

	#partners_title {width: 100%; height: 100px; margin: 0 auto;}
		#partners_panel {width: 100%; height: 210px; border-top: 1px solid #fff;}
			.partners_box_first {position: absolute; text-align: center; margin-left: 0px; height: 210px; width: 200px;}
			.partners_box_second {position: absolute; text-align: center; margin-left: 200px; height: 210px; width: 200px; border-left: 1px dotted #2e2e23;}
			.partners_box_third {position: absolute; text-align: center; margin-left: 400px; height: 210px; width: 200px; border-left: 1px dotted #2e2e23;}
			.partners_box_fourth {position: absolute; text-align: center; margin-left: 600px; height: 210px; width: 200px; border-left: 1px dotted #2e2e23;}
			.partners_box_fifth {position: absolute; text-align: center; margin-left: 800px; height: 210px; width: 200px; border-left: 1px dotted #2e2e23;}
			#partners_panel img {margin-top: 14px; border: 2px solid #afaf97;}
			#partners_panel p {margin-top: 4px; font-size: 11px;}
	
	#service_title {width: 100%; height: 140px; margin: 0 auto;}
		.service_panel {width: 100%; height: 140px; margin: 0 auto; border-top: 1px solid #fff;}
			.service_box {position: absolute; width: 200px; height: 140px; margin-left: 0px;}
				.service_box_title_first {position: relative; margin-left: 10px; margin-top: 10px; width: 121px; height: 18px; background: url(../images/service_site.png) left top no-repeat;}
				.service_box_title_second {position: relative; margin-left: 10px; margin-top: 10px; width: 106px; height: 18px; background: url(../images/service_support.png) left top no-repeat;}
				.service_box_title_third {position: relative; margin-left: 10px; margin-top: 10px; width: 167px; height: 35px; background: url(../images/service_ad.png) left top no-repeat;}
				.service_box_title_fourth {position: relative; margin-left: 10px; margin-top: 10px; width: 139px; height: 18px; background: url(../images/service_design.png) left top no-repeat;}
				.service_box_title_fifth {position: relative; margin-left: 10px; margin-top: 10px; width: 171px; height: 35px; background: url(../images/service_audit.png) left top no-repeat;}
			.service_content {position: absolute; margin-left: 210px; width: 790px; height: 140px; border-left: 1px dotted #2e2e23;}
				.service_content p {margin-left: 10px; margin-top: 8px;}

	#portfolio_title {width: 100%; height: 100px; margin: 0 auto;}
	#portfolio {position: relative;} /*for correctionOffset need position: relative only!!!*/
		
		#splitter {width: 900px; margin: 0 auto;}
			.splitter_btn {width: 100px; float: left; height: 20px; margin-top: 6px;}
		
		.splitter {text-align: center; padding: 6px 40px 5px; font-size: 12px;}
		.splitter:after {content: ""; display: block; height: 0; overflow: hidden; clear: both;}
		.splitter ul {margin-right: 0; margin-top: 0;}
		.splitter > li {padding-left: 8px;}
		.splitter > li ul {margin-left: 8px;}
		.splitter ul li a {position: static;}
		.splitter li, splitter ul, splitter ul li a { display: inline; display: inline-block; line-height: 1; float: left;}
		.splitter ul,.splitter ul li,.splitter ul li a {}
		.splitter ul li {margin-left: 1px;}
		.splitter ul li:first-child {margin-left: 0;}
		.splitter ul li a {padding: 5px 8px 6px; color: #070708; text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0; text-decoration: none; font-weight: bold;}
		.splitter ul li.selected-0 a, .splitter ul li.selected-1 a, .splitter ul li.selected-2 a , .splitter ul li.selected-3 a {color: #fff; text-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;}

		.image-grid {margin: 0 auto; width: 920px;}
		.image-grid:after {content: ""; display: block; height: 0; overflow: hidden; clear: both;}
		.image-grid li {list-style: none; width: 400px; height: 120px; margin: 10px 0 0 25px; float: left; overflow: hidden; background-color: #d2d2b4;}
		.image-grid li img {display: block;}
		.image-grid li img {float: left; margin-left: 10px; margin-right: 10px; margin-top: 8px; border: 1px solid #eee;}
		.image-grid li strong {font-size: 10px; display: block; margin-top: 10px; margin-bottom: 10px; color: #7c0706;}
		.image-grid li p {font-size: 10px;}
		.image-grid li span {font-size: 10px; font-style: italic;}
		.image-grid li a {font-size: 10px; margin-top: 10px;}

#footer {width: 1000px; height: 56px; margin: 0 auto; background-color: #e0e0c7;}
	#copyright {position: absolute; margin-left: 12px; width: 161px; height: 56px; background: url(../images/copyright.png) left top no-repeat;}
	#bottom_menu {position: absolute; margin-left: 920px; margin-top: 20px; width: 70px; height: 22px;}
		#bottom_menu img {display: block; border: 0px; margin-right: 4px; margin-top: 2px; float:left;}