* { padding: 0; margin: 0; }

body { 
	background: #fff url('../images/bg.gif'); 
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color:#666;
}

div.clear { display: block; clear: both; }
div.shadow { background: #ececec; padding: 2px; }

a img { border: 0; }

#lang {
	position: absolute;
	float: left;
	width: 120px;
	top: 70px;
	left: 0;
	background: #fff url('../images/lang_bg.gif') no-repeat center left;
	padding: 10px 0 10px 15px;
	text-align: center;
	font-weight: bold;
	}
	#lang  a, #lang  a:hover  { color: #fff; text-decoration: none; }

#wrapper { width: 700px; margin: 10px auto; }
	#wrapper .menu { margin: 7px 10px; }
		#wrapper .menu .right { display: block; width: 208px; float: right; text-align: right; margin-top: 10px; }
		#wrapper .menu .right img { -moz-opacity: 0.7; opacity:.70; }
		#wrapper .menu ul { list-style: none; padding: 6px; }
		#wrapper .menu ul li { display: inline; }
		#wrapper .menu li a { color: #b6b6b6; padding: 6px; font-weight: bold; text-decoration: none; text-shadow: 0 0 #fff; }
		#wrapper .menu li a:hover,	#wrapper .menu li.active a { background: #93bb36; color: #fff; text-shadow: 0 0 #93bb36; }
	#wrapper .content { position: relative; z-index: 1; }
	
	div.block { background: #fff; padding: 10px; }
		div.block h1 { font-size: 14px; font-weight: bold; margin-bottom: 15px; }
		div.block h1 img { position: relative; top: -2px; vertical-align: middle; }
	
	div.main td.thumb { width: 400px; padding-right: 10px; }
		div.main td.thumb a { display: block; width: 400px; height: 300px; }
		
	div.main td.desc { width: 260px; } 
		div.main td.desc h1 { 
			font-size: 16px;
			font-weight: bold;
			padding-bottom: 7px;
			border-bottom: 2px dashed #ddd;
			margin-bottom: 5px;
			text-shadow: 0 0 #fff; 
		} 
		div.main td.desc p { overflow: auto; text-shadow: 0 0 #fff;  }
		div.main td.desc span { display: block; padding: 4px; margin: 2px 0; }
		div.main td.desc span.c { text-align: center; }
		div.main td.desc span.d { background: #fefdec; border: 1px solid #edebcd; height: 170px; overflow: auto; }
		div.main td.desc span.t { font-weight: bold; color: #696969; border-top: 2px dashed #ddd; }
		div.main td.desc span.tech { background: #f9f9f9; border: 1px solid #efefef; text-align: center; color: #777; }
	
	div.contact input.tarea {
		background: #fff url('../images/strip_bg.gif');
		border: 1px solid #ececec;
		padding: 5px;
		color: #777;
		width: 250px;
		margin: 5px 3px 5px 0;
	}
	div.contact textarea {
		background: #fff url('../images/strip_bg.gif');
		border: 1px solid #ececec;
		padding: 5px;
		color: #777;
		margin: 5px 3px 5px 0;
	}
	
	
	#contant_form, #contant_more { padding: 5px 5px; margin: 10px 0; background: #7e9fb9 url('../images/strip_bg.gif'); color: #2e84c1; font-weight: bold; font-size: 13px; }
/* Horizontal Carousel */
#projects_carousel {  }
	#projects_carousel .shadow {
		position: relative; 
		top: -2px;
		z-index: 3;
		width: 550px;
		margin: 0 75px 0 75px;
		padding-top: 0;
	}
	#projects_carousel .container {
		background: #fff;
		float: left;
		width: 550px;
		position: relative;    
		overflow: hidden;
		padding-top: 10px;
	}
	#projects_carousel ul {
		width: 100000px;
		position: relative;
		top: 0;
		left: 0;
	}                      
	#projects_carousel ul li {
		width: 183px;
		text-align: center; 
		list-style: none;   
		float: left;
	}
	#projects_carousel ul li p { display: none; }
	#projects_carousel ul li a img { border: 1px solid #fff; }
	#projects_carousel ul li img { display: block; margin: 0 auto; }
	
	#projects_carousel .previous_button { 
		background: url('../images/horizontal/left.png') no-repeat center center; 
	}
	#projects_carousel .previous_button_over { 
		background: url('../images/horizontal/left_over.png') no-repeat center center; 
	}
	#projects_carousel .previous_button_disabled	{
		background: url('../images/horizontal/left_disabled.png') no-repeat center center;
		cursor: default;
	}
	
	#projects_carousel .next_button { 
		background: url('../images/horizontal/right.png') no-repeat center center; 
	}
	#projects_carousel .next_button_over { 
		background: url('../images/horizontal/right_over.png') no-repeat center center; 
	}
	#projects_carousel .next_button_disabled {
		background: url('../images/horizontal/right_disabled.png') no-repeat center center;
		cursor: default;
	}
	
	#projects_carousel, #projects_carousel .container, #projects_carousel ul, #projects_carousel ul li { height: 130px; }
	#projects_carousel .previous_button, #projects_carousel .next_button { 
		position: relative;
		width: 32px;
		height: 130px;
		cursor: pointer;
		z-index: 100;
	}
	#projects_carousel .previous_button { float: left; left: 20px; }
	#projects_carousel .next_button { float: right; top: -140px; right: 20px; }
	
.error , .success { padding: 10px; margin: 5px 0; }
.error  ul, .success ul { margin: 0 10px; }

.error {
	border: 1px solid #fbc2c4;
	color: #d12f19;
	background-color: #fbe3e4;
}

.success {
	border: 1px solid #c6d880;
	color: #529214;
	background-color: #e6efc2;
}

div.cr {
	position: absolute;
	bottom: 0;
	right: 5px;
	background: transparent url('../images/cr.gif') no-repeat top left;
	width: 252px;
	height: 30px;
}

/* ToolTips */	
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar { position: relative; display: block; }
.prototip .toolbar .title { display: block; position: relative; }
.prototip .content { clear: both; }

.prototip .thumb_tip { width: 200px; color: #343331; }
.prototip .thumb_tip .content { background: #fff8b0; border: 1px solid #ffe351; padding: 5px; -moz-opacity: 0.7; opacity:.70; }
.prototip .thumb_tip .content span.ptitle, 
.prototip .thumb_tip .content span.ptech, 
.prototip .thumb_tip .content span.pdesc { display: block; }
.prototip .thumb_tip .content span.ptitle { font-weight: bold; color: #506278; }
.prototip .thumb_tip .content span.pdesc { margin: 4px 0; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 4px 0; }