body {
	font-size:14px;
	margin:0px;
	border:0px;
	color:#404040;
	font-family:Georgia;
	padding: 0px;
}

a {
	color:#FF7800;
	outline:none;
}

a img {border:none;}
.clr {clear:both;}	

h1 {
	font-size:30px;
	font-weight:normal;
	color:#626262;
	margin: 0px 0px 20px 0px;
}

h3 {
	font-size:30px;
	font-weight:regular;
	color:#404040;
	margin:0;
}

#wrap{
	width:1000px;
	margin:0pt auto;
	position:relative;
	overflow:hidden;
}

#main {
	position:relative;
}

#main_menu {
	background-color:white;
	top:100px;
	left:480px;
	width:452px;
	position:absolute;
	z-index:10;
}

#main_menu li.menu_begin {
	background:#777777 url("../img/menu/main_menu_left_side.jpg") top left no-repeat;
	padding-left:25px;
}

#main_menu li.menu_end {
	background:#777777 url("../img/menu/main_menu_right_side.jpg") top right no-repeat;		
	padding-right:25px;
}

#main_menu li {
	background-color:#777777;
	float:left;
	display:block;
	height:28px;
	text-align:center;
	line-height:28px;
}

#main_menu li a {
	color:white;
	text-decoration:none;
	float:left;
	display:block;
	height:28px;
	width:90px;
	text-align:center;
	line-height:28px;
	outline:none;
}

#main_menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-left: 40px;
}

#main_menu ul li a:hover {
	text-decoration:none;
	background-color:#969696;
}

#logo img{
	position:absolute;
	top:32px;
	left:24px;
	width:256px;
	height:185px;
	z-index:10;
}

.slider_img {
	position:absolute;
	top:0;
	left:0;
	width:2px;
	height:768px;
	z-index:10;
}

#container {
	position:relative;
	height:768px;
	width:1000px;
	margin:0px;
	overflow:hidden;
	padding: 0px;
}

#content {
	height:768px;
	width:4800px;
	background:transparent;
/*	margin-top: 236px;*/
	position:relative;
	/*display:block;	*/
}

#home {
	left:0;	
	background:white;
}

#about_company {
	text-align:justify;
	margin:236px 0 0 215px;
	height:296px;
	width:382px;
	float:left;
}

*html #about_company {
	margin:236px 0 0 175px;	
}


#about_company p {
	line-height:24px;
}

#about_company em {
	color:#e77817;
	font-size:18px;
	font-weight:bold;
	font-style:normal;	
}

#about_company_decor {
	background:transparent url("../img/about_company/komposter.jpg");
	margin-top: 236px;
	height:350px;
	width:340px;
	float:left;
}

#pitch_about_company {
	background:transparent url("../img/about_company/pitch_komposter.jpg");
	margin:533px 0 0 748px;
	height:224px;
	width:264px;
}

/* SERVICES*/

#services {
	left:1200px;
	top: 0;
	background:white url("../img/probiwnye.jpg") no-repeat scroll 20px 590px;
}
	
	#services_list {
		margin:247px 0 0 18px;
		display:inline;
		float:left;
		width:380px;
	}

	*html #services_list {
		margin:247px 0 0 -10px;
		display:inline;
		float:left;
		width:380px;
	}
	
		*html #services_list h1 {
			margin-left:45px;
		}
		
		#services_list ul {
			padding:0;
			list-style-type:none;
		}
			#services_list li{
				background: url("../img/services/pipka.jpg") left top no-repeat;
				margin-bottom:5px;
				padding-left: 30px;
				min-height: 20px;
				height: auto;
			}
			
			*html #services_list li{
				height: 20px;
				}

	#services_container {
		margin:114px 0 0 50px;
		float:left;
	}

		#services_pitch {
			background:transparent url("../img/services/pitch.jpg");	
			height:172px;
			width:339px;
			margin-left:85px;
		}

		#services_accordion {
			width:512px;
			height:400px;
			
		}

		#services_accordion li{
			border:0;
			margin:0;
			padding:0;
			list-style-type: none;
		}

		#services_accordion li a {			
			text-transform:uppercase;
			font-size:13px;
			font-weight:bold;
			line-height:20px;
		}
		
		#services_accordion li a:link,
		#services_accordion li a:visited {
			border-bottom: 1px dashed rgb(255,120,0);
			text-decoration: none;
		}
		
		#services_accordion li a:hover,
		#services_accordion li a:active {
			border: none;
		}

/* PORTFOLIO */

#portfolio {
	left:0;
	top: 800px;
	background:white;	
	margin: 0px;
}

	#portfolio_accordion {
		float:left;
		width:253px;
		margin:225px 0 0 20px;
		height:500px;
		/*text-align:center; */
	}
	
	*html #portfolio_accordion  {
   margin-top: 225px;
	 margin-left: 0px;
}
	
	
	.portfolio_menu_left {
		background:url("../img/portfolio/menu_left_side.jpg");
		width:16px;
		float:left;
		height:27px;
	}

	.portfolio_menu_center {
		background:url("../img/portfolio/menu_center.jpg") repeat-x;
		width:220px;
		float:left;
		text-align:center;
		position: relative;
	}

	.portfolio_menu_right {
		background:url("../img/portfolio/menu_right_side.jpg");
		width:16px;
		float:left;
		height:27px;
	}

	.center {
		text-align:justify;
	
	}

	#portfolio_accordion a:hover
	#archive_content a:hover{
		color:#FF7800;
	}
	
	#portfolio_accordion li,
	#archive_content li {
		text-align:left;
		margin: 3px 0;
	}

	.portfolio_menu_center  a{
		text-decoration:none;
		color:#404040;
		font-weight:normal;
		font-size:12px;
		/*line-height:7px;*/
	}

	.portfolio_menu_center  img{
		zoom:1;
	}

	.portfolio_menu_center li a{
		font-size:12px;
	}
	
	.portfolio_menu_center li a:link,
	.portfolio_menu_center li a:visited {
		text-decoration: none;
	}
	.portfolio_menu_center li a:hover,
	.portfolio_menu_center li a:active {
		text-decoration: underline;
	}
/*	
	.portfolio_menu_center ul{
		list-style:disc!important;
	}
*/

	.portfolio_menu_center  a.header, .portfolio_menu_center  a.header:hover {
		text-decoration:none;
		color:white!important;
		font-weight:bold;
		font-size:12px;
		line-height:27px;
		display:block;
		outline:none;
	}

	#portfolio ul,
	#archive_content ul {
		list-style-image:none;
		list-style-type:none;
		margin:0;
		padding:0;
		margin-bottom: 35px;
	}
	
	#portfolio ul.fresh,
	#archive_content ul {
		margin-bottom: 0;
	}

	#portfolio .archive_link {
		/*
		display: block;
		float: right;
		clear: both; 
		*/
		position:absolute;
		right: -16px;
		bottom: 0;
		text-align: center;
		width: 92px;
		height: 23px;
		line-height: 23px;
		background: url(../img/portfolio/archive_button.gif) no-repeat;
		color: white;
		font-size: 12px;
		font-weight: bold;
	}
	
	#portfolio a.archive_link:hover,
	#portfolio a.archive_link:active {
		color: white;
		background: url(../img/portfolio/archive_button_hover.gif) no-repeat;
		text-decoration: none;
	}

	#portfolio_container {
		float:left;
		position:relative;
		margin:227px 0 0 18px;
	}

	.portfolio_arrow {
		float:left;
		width:61px;
		height:68px;
		border:0pt none;
		margin:188px 2px 0 0;
	}

	#portfolio_arrow_prev,
	#archive_portfolio_arrow_prev {
		float:left;
		width:61px;
		height:68px;
		border:0pt none;
	}

	#portfolio_arrow_next,
	#archive_portfolio_arrow_next {
		float:left;
		width:61px;
		height:68px;
		border:0pt none;
	}

	#portfolio_content,
	#archive_portfolio_content {
		float:left;
		width:579px;
		height:476px;
		overflow:hidden;
		position: relative;
	}
	
		.portfolio_content_img {
			margin:0;
			width:32000px;			
		}	
	
			#portfolio_content .portfolio_content_img div.image_entry, 
			#archive_portfolio_content .portfolio_content_img div.image_entry{
				float:left;
				width:579px;
				height:476px;
				overflow:hidden;
				text-indent: 30px;
				text-align: justify;
			}		

			#portfolio_content .portfolio_content_img div.image_entry P,
			#archive_portfolio_content .portfolio_content_img div.image_entry P{
				margin:0;
			}		
			
			#portfolio_content .portfolio_content_img div.audio_entry,
			#archive_portfolio_content .portfolio_content_img div.audio_entry {
				text-align: center !important;
				padding-top: 200px;
			}

			#portfolio_content .portfolio_content_img div.video_entry,
			#archive_portfolio_content .portfolio_content_img div.video_entry {
				text-align: center !important;
			}
			
				#portfolio_content img,
				#archive_portfolio_content img {
					display:block;
					margin:0 auto;
				}
	#portfolio_content .portfolio_thumbs {
		width: 390px;
		margin-left: 183px;
		margin-top: 50px;
	}	
	#portfolio_content .portfolio_thumbs li {
		float: left;
		margin: 0 12px 12px 0;
		width: 118px;
	}
	#portfolio_content .portfolio_thumbs li a:link img,
	#portfolio_content .portfolio_thumbs li a:visited img {
		border: 4px solid white;
	}
	
	#portfolio_content .portfolio_thumbs li a:hover img,
	#portfolio_content .portfolio_thumbs li a:active img{
		border: 4px solid silver;
	}
	
/*CONTACTS*/

#contacts {
	left:1200px;
	top:800px;
	background:white;
}

	#contact_container {
		margin:236px 0 0 52px;
		display:inline;
		float:left;
		width:362px;
		position:relative;
	}

	#contact_list {
		width:362px;
		height:200px;
	}
	
	#contact_list p strong{
		font-size:18px;
		font-weight:bold;
	}

	
	#contact_list a{
		text-decoration:none;
		color:#404040;
	}
	
	.contact_telephon {
		background:url("../img/contact/telephon.jpg");
		width:24px;
		height:24px;
		float:left;
	}

	.contact_fax {
		background:url("../img/contact/fax.jpg");
		width:24px;
		height:24px;
		float:left;
	}

	.contact_email {
		background:url("../img/contact/email.jpg");
		width:24px;
		height:24px;
	}

	#contact_decor {
		background:url("../img/contact/contact_decor.jpg");
		width:352px;
		height:322px;
	}

	#contact_map {
		background:url("../img/contact/contact_map.jpg");
		float:left;
		margin:134px 0 0 4px;
		height:590px;
		width:600px;
	}
	
#footer {
	position:absolute;
	top:724px;
	left:300px;
	z-index:5;
	width: 400px;
	height: 40px;
}

	#footer_left {
	float:left;
	width:189px;
	height:40px;
	text-align:right;
	padding-right: 10px;
	border-right: 1px dashed #4d4d4d;
	}

	#footer_right {
	float:left;
	width:200px;
	text-align:left;
	height:40px;
	}
	
	#footer_right A{
	float:left;
	width:100px;
	text-align:left;
	color:#4d4d4d; 
	height:40px;
	padding-left: 80px;
	text-decoration: none;
	background: no-repeat url("../img/logo_a2.jpg") scroll 5px 0px;
	}
	
	#footer_right A:hover{
	background: no-repeat url("../img/logo_a2.jpg") scroll 5px -43px;
	}	
	
.slider {
	height:768px;
	position:absolute;
	width:1024px;
	top:0;
	z-index:5;	
}

#archive {
	left: 0;
	top: 1600px;
	background: white;
}

#archive_title {
	position: absolute;
	width: 131px;
	height: 28px;
	left: 520px;
	top: 170px;
}

#archive_content {
	height: 400px;
	margin: 260px 0 0;
	width: 1024px;
	float: left;
}

#archive_content .portfolio_arrow {
	margin: 100px 0 0;
}

.archive_data {
	float:left;
	width:878px;
	height:100%;
	overflow:hidden;
	position: relative;
}

.archive_data .archive_pages {
	width: 32000px;
}

.archive_data .archive_page {
	float: left;
	width: 878px;
}

.archive_data .cat_entry {
	float: left;
	margin: 0 20px;
}

#archive_content .year_link {
	text-transform:uppercase;
	font-size:13px;
	line-height:20px;
	color:#FF7800;
	text-decoration: underline;
}

#archive_content .project_list {
	margin: 0 0 15px 7px;
}

#archive_content .year_list {
	margin-top: 15px;
}