@font-face {
    font-family: "Mentore";
    src: url(mentone-semibol.otf);
}

#menuwrap{
	position:absolute;
	top: 222px;
	width:100%;
	min-width:1000px;
	text-align:center;
}
#menu{
	display: inline-block;
	text-indent:-999em;
	width: 493px;
}
#portfolio, #services, #contact, #apps, #blog{ height:36px; float:left; margin-right:15px; }
#portfolio a, #services a, #contact a, #apps a, #blog a{ height:36px; opacity: 0.5 }
#portfolio a:hover, #services a:hover, #contact a:hover, #apps a:hover, #blog a:hover{ height:36px; opacity: 1 }
#portfolio a{ background-image: url(images/bportfolio.png); width:108px;}
#services a{ background-image: url(images/bservices.png); width:104px;}
#contact a{ background-image: url(images/bcontact.png); width:96px;}
#apps a{ background-image: url(images/bapps.png); width:65px;}
#blog a{ background-image: url(images/bblog.png); width:60px;}
#blog{margin:0;}
#wrapper{
	min-width:1000px;
}
#top{
	background: #131B0C url(images/topBG.jpg) no-repeat center top;
	height: 215px;
	width: 100%;
}
#colorbar{
	height: 15px;
	background: url(images/colorbar.png) repeat-x center top;
}
#content{
	margin: 0 auto;
	min-height: 630px;
	background: url(images/contentBG.png) repeat-x center top;
	clear: both;
	font-size: 0.9em !important;
	text-align:left;
}





.rounded{
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius: 5px;
}




.section{
	margin: 0 auto;
	position: relative;
	min-height: 450px;
	width: 960px;
}
.navi{
	text-indent:-999em;
	height: 24px;
	position: absolute;
	top: 60px;
	width: 100%;
}
.prev{
	float: left;
}
.prev a{
	cursor: pointer;
	opacity: 0.5;
	width: 58px;
	background-image: url(images/prev.png);
}
.next{
	float: right;
}
.next a{
	cursor: pointer;
	opacity: 0.5;
	width: 58px;
	background-image: url(images/next.png);
}
.next a:hover, .prev a:hover{
	opacity: 1;
}









.frame{
	position: absolute;
	top: 80px;
	overflow:hidden;
	padding-top:10px;
	margin-bottom: 100px;
	width: 100%;
	height: 340px;
}

.container{
	display: none;
	font-size: 14px;
}
.container .info{
	border-left: 5px dotted #dfffd3;
	padding: 5px 10px;
	position: absolute;
	left: 500px;
	height: 290px;
}
.container .info h1{
	font-family: "Mentore", "Century Gothic", Tahoma;
	font-size: 36px;
	color: #fff;
	line-height: 27px;
	font-weight: bold;
	letter-spacing: -0.05em;
}
.container .info p{
	margin-top: 14px;
	margin-left: 20px;
}
.container .info ul{
	margin-left: 20px;
}
.container .info .tools{
	margin-top: 25px;
	font-style: italic;
	background-color:#4fba27;
	padding: 7px;
}
.container .info .second{
	margin-top: 10px;
	line-height: 16px;
	letter-spacing: -0.02em;
}
.container .info .link{
	margin-top: 15px;
	font-size: 14px;
}


.galleryWrap{
	position:relative;
	height:300px;
	width: 490px;
	overflow:hidden;
}
.gallery{
	position:absolute;
	left: 0px;
	width: 2940px;
}
.gallery img{
	float: left;
}
.galnavi{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 50;
	padding-right: 30px;
	background-color:#358F11;
}
.galnavi li{
	cursor: pointer;
	list-style: none;
	float: right;
}
.galnavi li:hover{
	background-color:#4fba27;
}
.galnavi li a{
	text-decoration: none;
	display:block;
	font-size: 14px;
	padding: 6px;
	margin-right: 5px;
}


.fullview{
	opacity: 0;
	position: absolute;
	top: -340px;
	left: 80px;
	width: 800px;
}
.fullview .preview{
	background-color: #4fba27;
	padding: 5px;
	width: 490px;
	height: 330px;
}
.fullview .closeimg{
	cursor: pointer;
	position:absolute;
	top: 280px;
	left: 482px;
	z-index: 100;
}









.works{
	position:relative;
	width: 1920px;
}
.work{
	width: 300px;
	float: left;
	margin: 0 10px 0 10px;
}
.work .preview{
	cursor: pointer;
	opacity: 0.7;
	background-color:#4fba27;
	background-position: 50% 50%;
	border:#4fba27 5px solid;
	width:300px;
	height:195px;
}
.work:hover .preview{
	opacity: 1;
}
.work h3{
	margin: 10px 0;
	font-family: "Mentore", "Century Gothic", Verdana;
	font-size: 25px;
	color: #dfffd3;
	letter-spacing: -0.03em;
}
.work p{
	font-family: "Century Gothic", Verdana;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	letter-spacing: -0.01em;
}





#footer{
	height: 400px;
	background: url(images/footerBG.jpg) repeat-x bottom center;
}
#about{
	position: relative;
	margin: 0 auto;
	height: 330px;
	width: 800px;
	background-position: 0 bottom;
	text-align:left;
}
#aboutform{
	position:absolute;
	top: 72px;
	padding: 5px;
}
#aboutform img{
	border: solid 4px #447016;
}
#contactform{
	position:absolute;
	top: 85px;
	left: 497px;
}
#contactform a{
	padding: 7px;
}


#aboutform .info{
	width: 220px;
	padding: 0 20px;
	float: right;
}
.sifrfont{
	margin-top: 10px;
	color: #c7cb61;
	font-family: "Mentore","Century Gothic",Verdana;
	font-size: 16px;
	line-height: 18px;
	text-align:left;
}
.links{
	color: #c7cb61;
	font-family: "Mentore","Century Gothic",Verdana;
	font-size: 16px;
	line-height: 18px;
}
/*#footer .note*/
#note{
	position:absolute;
	top: 330px;
	width:100%;
	color: #c7cb61;
	font-family: Verdana;
	font-size: 10px;
	line-height: 14px;
	text-align:center;
}
#aboutform h1, #contactform h1{
	line-height: 0.9em;
	font-size: 2.3em;
	color: #f7ff90;
	font-family: "Times New Roman";
	font-style: italic;
	font-weight: normal;
}