/* CSS Document */
*{margin:0; padding:0;}
body{
	background:#222 url('../images/bgr.jpg') repeat-x 0% 0%;
	text-align:center;
	font-family:Verdana;
	font-size:11px;
	color: #222;
}
a{outline:none;}
a:hover{color:#666;}
a img{border:0;}
.link{ color:#4eaadd;}
.link:hover{ color:#4eaadd;text-decoration:none;}
#container{
	margin:0px auto;
	text-align:left;
	width:935px;
}
.clear{
	clear:both;
	height:0px;
	margin:0;
	padding:0;
}
h1.demo{
	line-height:0;
	font-size:0;
	text-indent:-9999px;
}
/* top nav */
#topNav{
	height:60px;
	_height:56px;
	padding-top: 10px;
}
.menu{ 
	width:910px; 
	margin: 0px auto; 
	text-align:right;
}
.menu a{ 
	height: 13px; 
	display: block; 
	float:right; 
	text-decoration: none;
	padding-top: 25px;
}
.menu .ext{ color: #888;}
a.home{	background:transparent url('../images/home.jpg') no-repeat 0% 5px;}
a.home:hover, a.homeSel{background:transparent url('../images/home_h.jpg') no-repeat 0% 5px;}
a.about{	background:transparent url('../images/about.jpg') no-repeat 0% 5px;}
a.about:hover, a.aboutSel{background:transparent url('../images/about_h.jpg') no-repeat 0% 5px;}
a.project{	background:transparent url('../images/project.jpg') no-repeat 0% 5px;}
a.project:hover, a.projectSel{background:transparent url('../images/project_h.jpg') no-repeat 0% 5px;}
a.contact{	background:transparent url('../images/contact.jpg') no-repeat 0% 5px;}
a.contact:hover, a.contactSel{background:transparent url('../images/contact_h.jpg') no-repeat 0% 5px;}
.menu .sep{
	background:transparent url('../images/sep.gif') no-repeat 0% 0%;
	float:right;
	margin: 0px 20px;
	height: 38px;
}
/* header */
#header{
	background:transparent url('../images/h_bgr.jpg') no-repeat 95% 0%;
	height:146px;
	_height:140px;
	_margin-top: 0px;
	margin-top: -6px;
}
.logo{
	background:transparent url('../images/logo-summer.gif') no-repeat 0% 10px;
	height:132px;
	width:297px;
}
.lang{ 
	float:right;
	position: relative;
	bottom: 35px;
}
.lang .bg,
.lang .en{	
	height:26px;
	width:35px;
	display: block;
	text-indent: -9999px;
	float:left;
	margin-right: 10px;
}
.lang .bg{	background:transparent url('../images/bg_flag.jpg') no-repeat 0% 0%;}
.lang .en{	background:transparent url('../images/en_flag.jpg') no-repeat 0% 0%;}
/* container */

/* main */
#main{
	background:transparent url('../images/shadow.jpg') no-repeat 0% 0%;
	height: 350px;
	_height: 320px;
	padding: 25px 0px;
	_padding: 20px 0 0;
}
.leftNav{ 
	width:280px; 
	float:left; 
	height: 350px; 
	border-right:solid 1px #fff;
}
	.leftNav a.subMenu{
		background:transparent url('../images/leaf.gif') no-repeat 0% 0%;
		display:block;
		height:25px;
		font-size: 16px;
		color:#000;
		text-decoration:none;
		border-bottom: dotted 1px #999;
		width:225px;
		padding:30px 0 0 10px;
	}
	.leftNav a.subMenu:hover, .leftNav a.sel{
		color:#87bc26;
	}
.bw{
	border-right:solid 1px #dfdfdf;
	width:259px;
	height: 350px;
	padding-left:20px; 
}
.leftNav .info{
	padding:20px 30px 20px 0px;
	color:#888;
	font-size:11px;
	font-style:italic;
}
/* main content */
.content{ 
	width:630px; 
	float:left; 
	background:transparent url('../images/main_bgr.jpg') no-repeat 360px 100%; 
	height: 375px;
	_height: 370px;
	padding-left: 20px;
	color:#888;
}
.wide{
	width: 935px;
	padding:0px;
	background-position: 641px 100%;
}
.wide p{
	padding-top: 20px;
}
/* home page */
.frame{
	background:transparent url('../images/shadow_down.jpg') no-repeat 0% 100%;
	height:240px;
}
.bFrame{
	border:solid 1px #aaa;
	height: 120px;
}
/* scrollable */
#image_wrap {
	width:934px;
	padding:5px;
	margin-left:-7px;
	text-align:center;
	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
}
    #image_wrap img{border: solid 1px #ddd;}
.scrollable {
	overflow:hidden;
    position:relative;
	width: 860px;
	height:90px;
	padding: 10px 0;
	float:left;
}
    .scrollable .items {
        clear:both;
        position:absolute;
        width:20000em;
    }
    .scrollable img {
	    float:left;
	    border:1px solid #ccc;
	    cursor:pointer;
	    width:160px;
	    height:80px;
	    margin-right: 12px;
    }
    .scrollable .active { border:1px solid #4eaadd;}
/* prev, next, prevPage and nextPage buttons */
a.browse {	
	display:block;
	width:37px;
	float:left;
	cursor:pointer;
    height:80px;
    text-indent:-9999px;
}
a.right{ background:url(../images/arrow_next.jpg) no-repeat 100% 50%;margin-top: 10px;}
a.right:hover{ background:url(../images/arrow_next_h.jpg) no-repeat 100% 50%;}
a.left{ background:url(../images/arrow_prev.jpg) no-repeat 0 50%; margin-top: 10px; } 
a.left:hover { background:url(../images/arrow_prev_h.jpg) no-repeat 0 50%;}
a.disabled {visibility:hidden !important;} 	
/* project page */
.pTmb {
	text-align:center;
	width: 200px;
	float:left;
	margin-right:10px;
	_margin-right:6px;
}
	.pTmb a img{ border: solid 1px #aaa;}
	.pTmb a:hover img{ border: solid 1px #4eaadd;}
	.pTmb p{ padding: 5px 0 10px; color:#888;}
.pProjects {padding-top:35px;}
	.pProjects p{
		padding-bottom: 10px;
	}
/* contact page */
form.contact{padding-top: 55px; position:relative;}
	.contact p{	
		padding-bottom:10px;
		height:20px;
	}
	.contact label{
		float:left;
		width:148px;
		text-align:right;
		padding:4px 10px 0px;
		color:#888;
	}
	.contact input{
		width:290px;
		height:17px;
		float:left;
		clear:right;
		border:solid 1px #aaa;
		font-size: 11px;
		padding: 3px 5px 0px;
		color:#87BC26;
	}
	.contact input:hover,
	.contact textarea:hover{border:solid 1px #4eaadd;}
	.contact p.ta{ height:100px;}
	.contact textarea{
		width:290px;
		height:100px;
		border:solid 1px #aaa;
		font-size: 12px;
		padding: 3px 5px 0px;
		color:#87BC26;
		overflow:hidden;
		float: left;
	}
	.contact .link{
		position:absolute;
		left: 425px;
		_top: 310px;
	}
	.contact .error{
		width:135px;
		text-align:left;
		color: #cf2222;
	}
	.contact .errorInp {
		border: solid 1px #cf2222;
	}
/* footer */
#footer{
	width: 100%;
	text-align:left;
}
.richF{ 
	height: 186px;
	width: 935px;
	margin: 0px auto;
	padding-top: 20px;
}
	.richF .L{
		width:465px;
		height: 170px;
		border-right:solid 1px #bdff79;
	}
	.richF .L h2{
		/*background:transparent url('../images/mpTitle.jpg') no-repeat 0% 0%;*/
		background:transparent url('../images/cpTitle.jpg') no-repeat 0% 0%;
		height: 28px;
		text-indent: -9999px; 
	}
	.richF .R{
		width:438px;
		height: 170px;
		padding-left:30px;
		border-left:solid 1px #75a207;
	}
	.richF .R h2{
		background:transparent url('../images/cTitle.jpg') no-repeat 0% 0%;
		height: 28px;
		text-indent: -9999px; 
	}
	.richF .R p, .richF .L p{padding:10px 0;}
	.richF .link{color:#222;	}
	.richF .R .link:hover{ text-decoration:none;color:#222 !important;}

.extF{ 
	height: 20px;
	width: 935px; 
	margin: 0px auto;
	padding-top: 7px;
	color:#888;
}
	.extF a, .extF .sep{
		float:left;
		padding:0 2px;
		color:#888;
		text-decoration:none;
	}
	.extF a:hover, .extF a.sel{ color:#fff; background: none;}
.R{	float: right;}
.L{ float: left;}
.mandatory{
	font-size:10px;
	padding-left:168px;
}