*{
	margin: 0;
	padding: 0;
}
body{
	background: #FFF url(../img/bg.gif) repeat-x 0 0;
	font-family: Arial, Tahoma, sans-serif;
}
hr{ display: none; clear: both;}
img, fieldset{ border: 0; }
#container{
	width: 100%;
	background: url(../img/top_bg2.gif) no-repeat 50% 0;
}
#top{
	width: 770px;
	height: 213px;
	margin: 0 auto;
	background: url(../img/top.jpg) no-repeat 0 0;
}
	#top h1 a{
		display: block;
		width: 130px; height: 124px;
		position: relative;
		font-size: 0.8em;
		top: 15px;
		left: -5px;
	}
		#top h1 a span{
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background: url(../img/logo.gif) no-repeat 0 0;
			cursor: pointer;
		}
	#top p{
		text-indent: -9999px;
	}
#menu{
	width: 770px;
	margin: 0 auto;
}
	#menu ul{
		list-style-type: none;
		margin-left: -10px;
		zoom: 1;
	}
		#menu ul li{
			float: left;
		}
			#menu ul li a{
				display: block;
				line-height: 48px;
				height: 46px;
				position: relative;
				text-decoration: none;
				color: #FFF;
				text-align: center;
				background: #565B62;
			}
				#menu ul li a span{
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 100%;
					background-position: 0 0;
					cursor: pointer;
				}
				#menu ul li a:hover span{
					background-position: 0 -46px !important;
				}
				#menu ul li a:focus span{
					background-position: 0 -92px !important;
				}
				#menu ul li.current a span{
					background-position: 0 -92px !important;
				}
		#menu ul li.home a{
			width: 115px;
		}
			#menu ul li.home a span{
				background: url(../img/b_1.gif) no-repeat;
			}
		#menu ul li.aboutus a{
			width: 137px;
		}
			#menu ul li.aboutus a span{
				background: url(../img/b_2.gif) no-repeat;
			}
		#menu ul li.services a{
			width: 127px;
		}
			#menu ul li.services a span{
				background: url(../img/b_3.gif) no-repeat;
			}
		#menu ul li.gallery a{
			width: 106px;
		}
			#menu ul li.gallery a span{
				background: url(../img/b_4.gif) no-repeat;
			}
		#menu ul li.references a{
			width: 146px;
		}
			#menu ul li.references a span{
				background: url(../img/b_5.gif) no-repeat;
			}
		#menu ul li.contact a{
			width: 127px;
		}
			#menu ul li.contact a span{
				background: url(../img/b_6.gif) no-repeat;
			}
.wrapper{
	width: 770px;
	margin: 0 auto;
	padding: 40px 0 60px;
	clear: both;
}
.wrapper_main{
	width: 770px;
	margin: 40px auto 0 auto;
	padding: 0;
	clear: both;
}
.wrapper:after, #menu:after{
	content: "."; 
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	ul#videos {
		position: relative;
		top: -10px;
		height: 180px;
		width: 770px;
		list-style-type: none;
		margin: 0; padding: 0;
	}
	ul#videos h2 {
		font-size: 12px;
		color: #565b62;
		margin-left: 15px;
		font-weight: bolg;
	}
	
	ul#videos li {
		width: 255px;
		margin: 0; padding: 0;
		float: left;
	}
.wrapper div.font-size{
	float: left;
	width: 474px;
	height: 35px;
	background: url(../img/content_frame.gif) no-repeat 0 100%;
}
		.wrapper div.fswide{
			width: 746px;
			background: #fff url(../img/w_content_frame.gif) no-repeat 0 100%;
		}
		.wrapper div.cu{
			width: 424px;
			background: none;
		}
	.wrapper div.font-size ul{
		float: right;
	}
		.wrapper div.font-size ul li{
			float: left;
			list-style-type: none;
			width: 15px;
			height: 15px;
			margin-left: 3px;
		}
			.wrapper div.font-size ul li a{
				display: block;
				text-indent: -9999px;
			}
			.wrapper div.font-size ul li.small a{
				background: url(../img/font_1.gif) no-repeat 0 0;
			}
			.wrapper div.font-size ul li.big a{
				background: url(../img/font_2.gif) no-repeat 0 0;
			}
#content{
	width: 438px; /* in fact: 474px */
	float: left;
	background: url(../img/content_frame2.gif) repeat-y;
	padding: 0px 18px;
	margin-top: -8px;
	font-size: 0.81em;
	position: relative;
}
#content_intro{
	width: 770px; /* in fact: 474px */
	float: left;
	background: url(../img/content_frame2.gif) repeat-y;
	margin-top: -8px;
	font-size: 0.81em;
	position: relative;
}
	#content_wide{
		width: 746px;
		background: url(../img/w_content_frame2.gif) repeat-y;
		font-size: 0.81em;
		color: #565B62;
	}
		#content_wide p, #content_intro p {
			padding: 4px 18px;
		}
	#content_intro{
		width: 746px;
		background: url(../img/w_content_frame2.gif) repeat-y;
		font-size: 0.81em;
		color: #565B62;
	}
		
.c_wrapper{
	width: 474px;
	float: left;
}
.cc_wrapper{
	width: 424px;
	float: left;
}
	#content p{
		margin: 5px 0;
		color: #565B62;
	}
	#content p.intro, #content_intro p.intro{
		font-size: 1.08em;
		font-weight: bold;
	}
	#content div.ojej{
		background: url(../img/content_frame3.gif);
		height: 14px;
		margin: 0 -18px 0 -18px;
		clear: both;
	}
		#content_wide div.ojej, #content_intro div.ojej{
			background: url(../img/w_content_frame3.gif);
			height: 11px;
		}
	#content p.rmore {
		width: 115px;
		position: absolute;
		bottom: -15px; right: 20px;
	}
		#content p.rmore a {
			text-indent: -9999px;
			float: right;
			width: 115px;
			height: 27px;
			background: url(../img/readmore.gif) no-repeat;
			margin-top: -8px;
		}
		
	#content_intro p.rmore {
		width: 115px;
		position: absolute;
		bottom: -15px; left: 20px;
	}
		#content_intro p.rmore a {
			text-indent: -9999px;
			float: right;
			width: 115px;
			height: 27px;
			background: url(../img/readmore.gif) no-repeat;
			margin-top: -8px;
		}
		
.flashplayer{
	width:232px; height:182px;
	float: right;
	margin-top: -18px;
	margin-right: 30px;
}
.header{
	float: left;
	width: 50%;
	margin-top: -45px;
	clear: both;
}	
	.header h2{
		font-size: 15px;
		position: relative;
		height: 19px;
		overflow: hidden;
	}
		.header h2 span{
			position: absolute;
			top: 0; left: 0;
			height: 100%; width: 100%;
		}
.references h2{
	width:179px;
}
	.references h2 span{
		background: url(../img/h_references.gif) no-repeat 0 0;
	}
.services h2{
	width: 135px;
}
	.services h2 span{
		background: url(../img/h_services.gif) no-repeat 0 0;
	}
.references_image{
	float: right;
	margin-right: 26px;
	margin-top: -40px;
}
.references ul{
	list-style-type: none;
	color: #565B62;
}
	.references ul li{
		background: url(../img/dots_horiz.gif) repeat-x 0 100%;
		padding: 10px 0;
	}
			.references ul li.last{
				background: none;
			}
		.references ul li h3, .additional_services_content ul li h3, .videos ul li h3{
			padding: 0 0 0 12px;
			background: url(../img/li.gif) no-repeat 0 4px;
			font-weight: normal;
			font-family: Arial, sans-serif;
			font-size: 1.08em;
		}
		.references ul li p{
			padding: 3px 0 0 0;
			font-style: italic;
		}
.services ul li{
	list-style-type: none;
	background: url(../img/li2.gif) no-repeat 0 10px;
	font-weight: bold;
	color: #565B62;
	font-size: 1.08em;
	padding: 3px 8px;
}
.services_image{
	float: right;
	margin-top: -40px;
	margin-right: 32px;
}
.contact_image{
	float: right;
	margin-right: 30px;
	margin-top: -40px;
}
.additional_services_content{
	clear: both;
	padding: 20px 10px;
}
	.additional_services_content ul li{
		list-style-type: none;
	}
		.additional_services_content ul li h3{
			font-weight: bold;
			color: #565B62;
			font-size: 0.88em;
		}
		.additional_services_content ul li p{
			color: #565B62;
			font-size: 0.75em;
			padding: 0 0 0 12px;
		}
.gallery h2{
	width: 125px;
}
	.gallery h2 span{
		background: url(../img/h_gallery.gif) no-repeat 0 0;
	}
.videos ul{
	width: 731px;
	padding: 10px 0 0 15px;
}
.videos ul li{
	list-style-type: none;
	padding: 10px 0 20px;
	clear: both;
}
	.videos ul li h3{
		font-weight: bold;
		color: #565B62;
		font-size: 0.88em;
		margin: 0 0 8px;
	}
		.videos ul li ul{
			padding: 0;
		}
		.videos ul li ul li{
			padding: 0 15px 14px 0;
			float: left;
			clear: none;
		}
			.videos ul li p{
				font-size: 0.75em;
				color: #565B62;
				padding: 0 0 0 15px;

			}
.contact h2{
	width: 128px;
}
	.contact h2 span{
		background: url(../img/h_contact.gif) no-repeat 0 0;
	}
#contactus{
	background: url(../img/contactus_bg.gif) no-repeat 0 0;
	color: #565B62;
	height: 100px;
	margin-top: -13px;
}
	#contactus .vcard span{
		display: block;
	}
	#contactus .vcard span.fn{
		display: inline;
	}
	#contactus dl.vcard{
		font-size: 0.75em;
		position: relative;
	}
	#contactus .vcard dt{
		font-weight: bold;
		position: absolute;
		top: 16px;
	}
		.b1{
			left: 15px;
		}
		.b2{
			left: 156px;
		}
		.b3{
			left: 275px;
		}
		.adr{
			left: 15px;
		}
		#contactus .tel{
			left: 156px;
		}
		.email{
			left: 275px;
		}
		.adr, #contactus .tel, .email{
			position: absolute;
			top: 35px;
		}
		.email a{
			color: #F57C29;
			font-weight: bold;
		}
.header_3rd{
	margin: 40px 0 5px 0;
}
.header_3rd .cform{
	width: 150px;
	position: relative;
	height: 18px;
	overflow: hidden;
}
	.header_3rd .cform span{
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
		background: url(../img/h_contact_form.gif) no-repeat 0 0;
	}
.nosemanticvalueforthisclass{
	background: url(../img/c_content_frame.gif) no-repeat 0 100%;
	padding: 0 0 15px;
	margin-bottom: -5px;
}
#contactform{
	width: 384px;
	padding: 0 20px 10px 20px;
	background: url(../img/c_content_frame2.gif) repeat-y 0 0;
	font-size: 0.75em;
	color: #565B62;
}
	#contactform p.end{
		background: url(../img/c_content_frame3.gif) no-repeat 0 100%;
		margin: 0 -20px -20px -20px;
		padding: 0 20px 10px 20px;
	}
	#contactform p{
		padding: 5px 0;
	}
	 #contactform dl{
		width: 384px;
	 }
	  #contactform dl dt{
		width:105px;
	  }
		#contactform dl dt label{
			font-weight: bold;
			display: block;
			width: 105px;
			cursor: pointer;
			padding-top: 6px;
		}
	   #contactform dl dd{
		 width: 279px;
	   }
		#contactform dl dt, #contactform dl dd{
			float: left;
			margin: 3px 0;
		}
		#contactform dl dd input{
			width: 268px;
			padding: 6px 4px;
			background: url(../img/input_bg.gif) no-repeat 0 0;
			border: none;
			font-size: 12px;
			height: 14px;
		}
			#contactform dl dd input:hover, #contactform dl dd input:focus, #contactform dl dd.telephone input:hover, #contactform dl dd.telephone input:focus{
				background-position: 0 -26px;
			}
			#contactform dl dd.textarea div:focus, #contactform dl dd.textarea div:hover{
				background-position: 0 -76px;
			}
		#contactform dl dd.textarea div{
			width: 268px; height: 64px; 
			background: url(../img/textarea.gif) no-repeat 0 0;
			padding: 6px 4px;
		}
			#contactform dl dd.textarea div textarea{
				width: 268px; height: 66px; 
				overflow: auto;
				border: none;
				background: none;
				
			}
		#contactform dl dd.telephone input{
			width: 168px;
			background: url(../img/input_bg2.gif) no-repeat 0 0;
		}
		#contactform .submit{
			background: transparent url(../img/submit.gif) no-repeat 0 0;
			border: none;
			width: 90px;
			height: 30px;
			max-height: 30px;
			padding-top: 40px;
			cursor: pointer;
			float: right;
			clear: both;
		}
			#contactform .submit:hover{
				background-position: 0 -30px;
			}
.aboutus_image{
	float: right;
	margin-right: 30px;
	margin-top: -40px;
}
.aboutus{
	color: #565B62;
}
.aboutus p.about{
	font-size: 1.09em;
	padding: 0 0 10px;
}
div.aboutuas h2{
	width: 143px;
}
	div.aboutuas h2 span{
		background: url(../img/h_aboutus.gif) no-repeat 0 0;
	}
.faqheader{
	width: 474px;
	padding: 20px 0 20px 0;
	clear: both;
	background: url(../img/l_content_frame.gif) no-repeat 0 100%;
}
	.faqheader h3{
		position: relative;
		width: 50px; height: 17px;
		font-size: 16px;
		overflow: hidden;
	}
		.faqheader h3 span{
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background: url(../img/h_faq.gif) no-repeat 0 0;
		}
		.faqheader h3 abbr{
			border: none;
		}
.faqbody{
	width: 474px;
	background: url(../img/l_content_frame2.gif) repeat-y 0 0;
}
.faqbody dl{
	background: url(../img/l_content_frame3.gif) no-repeat 0 100%;
	font-size: 0.75em;
	color: #565B62;
	padding: 0px 16px 10px 16px;
}
	.faqbody dl dt{
		background: url(../img/dots_horiz.gif) repeat-x 0 0;
		padding: 9px 0 4px;
	}
		.faqbody dl dt.first{
			background: none;
			padding: 0 0 4px 0;
		}
	.faqbody dl dd{
		padding: 0 0 9px;
	}
	.faqbody dl span{
		font-weight: bold;
	}
		
	
#footer{
	clear: both;
	height: 376px;
	background: url(../img/footer.gif) repeat-x 0 0;
}
	#footer .fwrapper{
		width: 770px;
		margin: 0 auto;
		position: relative;
		height: 376px;
		background: url(../img/footer_big.gif) no-repeat 0 0;
	}
		#footer .fwrapper ul{
			list-style-type: none;
			padding: 13px 0;
		}
			#footer .fwrapper ul li{
				float: left;
				font-size: 0.75em;
				padding: 0 5px 0 3px;
			}
				#footer .fwrapper ul li a{
					text-decoration: none;
					font-weight: bold;
					color: #4E5258;
				}
		#footer .fwrapper h2{
			position: absolute;
			right: 30px;
			top: -9px;
			font-size: 0.9em;
			color: #FD832F;
		}
			#footer .fwrapper h2 span{
				position: absolute;
				right: 0px;
				top: 0px;
				background: url(../img/getintouch.gif) no-repeat 0 0;
				width: 174px; height: 19px;
			}
		#footer .hCard p.tel{
			position: absolute;
			right: 30px; top: 13px;
			font-weight: bold;
			color: #3F4249;
			font-size: 1em;
		}
		#footer p.copyrights{
			position: absolute;
			top: 50px;
			left: 3px;
			color: #4E5258;
			font-size: 0.69em;
			font-family: Tahoma, Arial, Sans-serif;
		}
		#footer p.footer{
			color: #333;
			font-size: 0.69em;
			font-family: Arial, Tahoma, Verdana, Sans-serif;
			position: absolute;
			right: 24px; top: 50px;
		}
			#footer p.footer a{
				float:left;
				color: #333;
				display: block;
				text-decoration:none;
			}
			#footer p.footer a:hover{
				border-bottom:1px dotted #333;
			}
			#footer p.footer a.img:hover{
				border:none;
			}
			#footer p.footer img{
				margin-top:-3px;
				margin-left:10px;
			}
			
.f_big{
	font-size: 1.2em;
}
.f_small{
	font-size: 1em;
}