@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}
.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; }


body {
	font:12px Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	
}
p { margin:10px 0 0 0; line-height:16px;}

#container {
	width:100%;	
}
#header {
	position:relative;
	width:1024px;
	height:85px;
	margin:0 0 0 25px;
	z-index:10;
}

#header h1 a {
	display:block;
	position:absolute;
	background:url(../images/logo.jpg) no-repeat;
	width:200px;
	height:260px;
	text-indent:-9999px;
	left:20px;
	z-index:10;
}
ul#nav {
	list-style:none;
	position:absolute;
	left:230px;
	top:60px;
}
	ul#nav li {
		float:left;
	}
		ul#nav li a{
			color:#6f8489;
			display: block;
			padding: 5px 14px;
			text-decoration: none;
			white-space: nowrap;
			font-weight: bold;
			
		}
		ul#nav li a:hover{
			color: #243842;
		}	
			ul#nav li ul{	
				margin: 0 -3.5em;
				padding: 20px 0 10px 0;
				position: absolute;
				visibility: hidden;
				list-style:none;
				background:#FFFFFF;	
						
			}
		
			ul#nav li ul li{	
				float: none;
				
				margin:5px 0;
			}			
			ul#nav li ul li a{	
				/*width: auto;*/
				background: #FFFFFF;
				padding:4px 25px;
				text-align:center;
			}			
			ul#nav li ul li a:hover{	
				color: #243842;
				background:#eaeff0;
			}
#content {
	background:#eaeff0;
	padding:8px 0;
	position:absolute;
	z-index:5;
	height:620px;
}
#background {
	height:620px;	
}
	#background ul{
		list-style:none;
		overflow:hidden;
		position:relative;
		width:25000px;
		
	}
	#background ul li{
		position:relative;
		float:left;
	}
#bgnext {
	position:absolute;	
	width:45px;
	height:620px;
	top:93px;
	right:15px;
	z-index:5;
	
}
	#bgnext a {
		background: url(../images/prev.png) -99px no-repeat;	/* IE fixed */
		cursor:pointer;
		width:45px;
		height:620px;
		display:block;
		text-indent:-9999px;
			
	}
	#bgnext a:hover{
		background: url(../images/next.png) no-repeat;		
		
	}
#bgprev {
	position:absolute;	
	width:45px;
	height:620px;
	top:93px;
	left:0px;
	z-index:15;
	
}
	#bgprev a {		
		background: url(../images/prev.png) -99px no-repeat;	/* IE fixed */
		cursor:pointer;
		width:45px;
		height:620px;
		display:block;
		text-indent:-9999px;
		
		
		
	}
	#bgprev a:hover{
		background: url(../images/prev.png) no-repeat;		
		
	}



#feature-projects {
	position:absolute;
	z-index:5;
	left:730px;
	width:292px;
	height:620px;
	background: url(../images/bg-feature-projects.png) repeat;
	color:#ffffff;
}
	#feature-projects ul.index a {
		color:#ffffff;
		text-decoration:none;
		outline:none;
	}
	#feature-projects ul.index {
		list-style:none;
		padding:60px 0 0 0;
	}
		#feature-projects ul.index li {
			border-top: 1px solid #373d40;
			color:#FFFFFF;
			padding:15px 25px;
			
		}
		#feature-projects ul.index li:hover {
			background:#231f20;
		}
	#feature-projects h3{
		font-size:15px;
	}
#project-detail {
	margin:40px 0 0 0;
	background: url(../images/bg-feature-projects.png) repeat;
	padding:115px 25px 35px;
}

	#project-detail ul{
		list-style:none;
	}
	#project-detail a{
		color:#FFFFFF;
	}
	
#content.about {
	
}
	#content .text {
		width:731px;
		height:620px;
		background: url(../images/bg-feature-projects.png) repeat;
		margin:0 0 0 281px;
		color:#FFFFFF;
		position:absolute;
		z-index:5;
	}
	#content .text ul {
		list-style-type:none;
	}
		#content .text ul li{
			background: url(../images/dash.png) left no-repeat;
			padding:0 0 0 10px;
		}
	#content .text-about {
		padding:90px 0 0 30px;
		width:500px;
		height:530px;
	}
		#content .text-about h2{
			font-size:18px;
		}
		#content .text-about h3{
			font-size:16px;
			font-weight:normal;
			margin:16px 0 0 0;
		}
		#content .text-about p{
			line-height:16px;
			margin:15px 0;
		}
	#content .contact {
		padding:90px 0 0 35px;
		width:696px;
		height:530px;
	}
	#content .contact h2 {
		font-size:18px;
		font-weight:bold;
	}
	#content .contact h3 {
		font-size:16px;
		margin:20px 0 0 0;		
	}
	#content .contact p {		
		margin:20px 0 0 0;	
		line-height:18px;	
	}
	#content .contact form   {		
		margin:50px 0 0 0;		
	}
	#content .contact form  p {		
		margin:7px 0 0 0;		
	}
	#content .contact form input,
	#content .contact form textarea {
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		border:1px solid #474747;
		background:#1c1b1f;
		color:#FFFFFF;
		font:12px Arial, Helvetica, sans-serif;
	}
	#content .contact form input.short {
		width:179px;
		height:26px;
		padding:0 0 0 10px;
		margin:0 15px 0 0;
		line-height:26px;
	}
	#content .contact form input.long {
		width:388px;
		height:26px;
		padding:0 0 0 10px;
		line-height:26px;
		
		
	}
	#content .contact form input.send {
		width:70px;
		height:26px;
		padding:0 0 0 0px;
		margin:0 0 0 331px;
		background:#1c1b1f url(../images/bt-send.png) 0px center no-repeat;
		cursor:pointer;
				
	}
	#content .contact form textarea {
		width:388px;
		height:145px;
		padding:10px 0 0 10px;
		
	}
#footer {
	
	width:1024px;
	margin:0 0 0 25px;
	padding:20px 0 0 42px;
	color:#6f8489;
	position:absolute;
	top:718px;
}
	#footer p.small{	
		font-size:10px; margin:6px 0 0 0;
	}
	#footer p.moliga{	
		margin:3px 0 0 0;
	}
	#footer a {	
		font-size:10px; margin:10px 0 0 0;
		text-decoration:none;
		color:#6f8489;
}
		#footer p span{	
			font-size:11px; margin:6px 0 0 0;
		}
#pager { 
	position:absolute;
	bottom:30px;
	left:950px;
	z-index:10;
}
	#pager a{ 
		width:14px;
		height:14px;
		display:block;
		text-indent:-9999px;
		outline:none;
		float:left;
		margin:0 5px 0 0;
		background: url(../images/pager-circle.png) right no-repeat;
	}
	#pager a:hover,
	#pager a.activeSlide{ 
		
		background: url(../images/pager-circle.png) no-repeat;
	}
	
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 10000px;
	height:620px;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
.items div {
	float:left; margin:0; padding:0;
}

.navi {
	float:right;
	display:block;
	margin:60px 0 0 0;
	height:20px;
	padding:0 0 0 70px;
	background:url(../images/nav-image.png) 0 3px no-repeat;
}


/* items inside navigator */
.navi a {
	width:14px;
	height:14px;
	float:left;
	margin:3px;
	background: url(../images/pager-circle.png) right no-repeat;
	display:block;
}

/* mouseover state */
.navi a:hover {
	background: url(../images/pager-circle.png) no-repeat; 
}

/* active state (current page state) */
.navi a.active {
	background: url(../images/pager-circle.png) no-repeat;
}