/* general settings */
body{
	margin:0;
	color:#fff;
	font:9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#3d3c3f;
}
img{border:0;}
a{
	color:#b6c400;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
#wrapper{
	width:988px;
	margin:0 auto;
}
/* header */
#header{
	width:988px;
	overflow:hidden;
	height:89px;
	position:relative;
	z-index:5;
}
#header .holder{
	overflow:hidden;
	height:89px;
	padding:0 2px 0 46px;
	background:url(../images/bg-header.png) no-repeat;
}
#nav{
	margin:0;
	padding:0 85px 0 0;
	list-style:none;
	overflow:hidden;
	float:left;
	position:relative;
}
#nav li{float:left;}
#nav a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:81px;
}
#nav .home{
	background:url(../images/bg-nav.gif) no-repeat;
	width:55px;
}
#nav .active .home,
#nav .home:hover{background:url(../images/bg-nav.gif) no-repeat 0 -81px;}
#nav .projects{
	background:url(../images/bg-nav.gif) no-repeat -55px 0;
	width:75px;
}
#nav .active .projects,
#nav .projects:hover{background:url(../images/bg-nav.gif) no-repeat -55px -81px;}
#nav .news{
	background:url(../images/bg-nav.gif) no-repeat -130px 0;
	width:115px;
}
#nav .active .news,
#nav .news:hover{background:url(../images/bg-nav.gif) no-repeat -130px -81px;}
#nav .works{
	background:url(../images/bg-nav.gif) no-repeat -245px 0;
	width:109px;
}
#nav .active .works,
#nav .works:hover{background:url(../images/bg-nav.gif) no-repeat -245px -81px;}
#nav .contact{
	background:url(../images/bg-nav.gif) no-repeat 100% 0;
	width:61px;
}
#nav .active .contact,
#nav .contact:hover{background:url(../images/bg-nav.gif) no-repeat 100% -81px;}
.logo{
	background:url(../images/bg-logo.gif) no-repeat;
	width:212px;
	height:73px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:4px 43px 0 0;
	position:relative;
}
.logo a{
	display:block;
	height:100%;
}
.contact-list{
	margin:0;
	padding:7px 0 0;
	list-style:none;
	line-height:13px;
	float:left;
	white-space:nowrap;
	position:relative;
}
.photo-area{
	overflow:hidden;
	width:100%;
	margin:-10px 0 0;
	position:relative;
	z-index:1;
}
.photo-area img{float:right;}
/* main */
#main{
	position:relative;
	z-index:4;
	margin:-663px 0 0;
}
.info-area{
	background:url(../images/bg-info-area.png) no-repeat;
	width:362px;
	height:92px;
	overflow:hidden;
	color:#b6c400;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	padding:40px 110px 37px 46px;
}
.info-area .holder{
	display:table;
	height:92px;
	overflow:hidden;
}
.info-area p{
	margin:0;
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
/* content */
#content{
	margin:-17px 0 0;
	position:relative;
	z-index:10;
}
.tab-nav{
	margin:0;
	padding:0 0 0 56px;
	list-style:none;
	overflow:hidden;
}
* html .tab-nav{
	overflow:visible;
	height:1%;
}
.tab-nav li{
	float:left;
	padding:0 6px 0 0;
}
.tab-nav a{
	float:left;
	cursor:pointer;
	height:17px;
	overflow:hidden;
	color:#b5c406;
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	letter-spacing:-1px;
}
.tab-nav .active,
.tab-nav a:hover{
	color:#fff;
	text-decoration:none;
}
.tab-nav .lp{
	float:left;
	height:17px;
	padding:0 2px 0 6px;
	background:url(../images/bg-tab-lp.png) no-repeat;
}
.tab-nav .active .lp,
.tab-nav a:hover .lp{background:url(../images/bg-tab-lp-hover.png) no-repeat;}
.tab-nav .rp{
	float:left;
	height:17px;
	overflow:hidden;
	background:url(../images/bg-tab-rp.png) no-repeat;
	width:5px;
}
.tab-nav .active .rp,
.tab-nav a:hover .rp{background:url(../images/bg-tab-rp-hover.png) no-repeat;}
.content-box .c{
	width:770px;
	padding:27px 7px 0 0;
	overflow:hidden;
	min-height:401px;
	background:url(../images/bg-content-box-c.png) repeat-y;
}
* html .content-box .c{
	height:402px;
	margin:0 0 -1px;
}
.content-box .c .holder{
	position:relative;
	padding:0 13px 0 56px;
}
.content-box .b{
	background:url(../images/bg-content-box-b.png) no-repeat;
	width:777px;
	height:33px;
	overflow:hidden;
}
.txt-area{overflow:hidden;}
* html .txt-area{
	overflow:visible;
	height:1%;
}
#content h1{
	margin:0;
	color:#b6c400;
	font-size:11px;
}
#content h2{
	margin:0;
	color:#b6c400;
	font-size:11px;
}
#content p{
	margin:0 0 11px;
	line-height:12px;
}
.img-area{
	float:right;
	padding:0 0 0 25px;
}
.img-area img{
	display:block;
	padding:0 0 20px;
}
.contact-txt{
	font-size:11px;
	color:#b6c400;
	display:block;
}
/* slide-area */
.slide-area{
	width:770px;
	height:331px;
	position:relative;
}
.slide-area .btn-prev{
	background:url(../images/bg-btn-prev.png) no-repeat;
	width:41px;
	height:41px;
	position:absolute;
	top:144px;
	left:0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.slide-area .btn-next{
	background:url(../images/bg-btn-next.png) no-repeat;
	width:41px;
	height:41px;
	position:absolute;
	top:144px;
	right:0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.slide-holder{
	padding:0 0 0 52px;
	width:719px;
}
.slide-gallery{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.slide-gallery li{
	float:left;
	width:160px;
	padding:0 10px 10px 0;
}
.slide-gallery img{display:block;}
.pop-up-area{
	position:absolute;
	top:100px;
	left:100px;
	width:864px;
	height:530px;
}
.pop-up-area .holder{
	background:url(../images/bg-pop-up-area.png) no-repeat;
	width:864px;
	overflow:hidden;
	height:530px;
}
.pop-up-area .frame{
	position:relative;
	height:510px;
	overflow:hidden;
	padding:20px 13px 0 15px;
}
.image-area{
	float:left;
	width:404px;
}
.info-holder{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:418px;
}
.info-holder .ttl{
	color:#b6c400;
	font-size:11px;
}
.info-holder li{
	width:195px;
	height:154px;
	float:left;
	padding:0 14px 10px 0;
}
.info-holder p{
	margin:0;
	color:#fff;
	font-size:9px;
	line-height:12px;
}
.link-prev{
	background:url(../images/bg-btn-prev.png) no-repeat;
	width:41px;
	height:40px;
	position:absolute;
	top:241px;
	left:14px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.link-next{
	background:url(../images/bg-btn-next.png) no-repeat;
	width:41px;
	height:40px;
	position:absolute;
	top:241px;
	right:25px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.btn-close{
	background:url(../images/bg-btn-close.png) no-repeat;
	width:18px;
	height:18px;
	position:absolute;
	top:0px;
	right:4px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
/* js styles gallery */
.slide-holder{
	overflow:hidden;
	position:relative;
	padding:0;
	margin:0 0 0 52px;
}
.slide-holder .slide-gallery{width:99999px;}
.slide-holder .gslide{
	position:relative;
	overflow:hidden;
	width:719px;
	float:left;
}
.slide-holder .gslide ul{width:719px;}
.slides-wrapper{
	float:left;
	width:99999px;
}
ul.slideset{
	position:relative;
	list-style:none;
	height:482px;
	padding:0;
	margin:0;
}
ul.slideset li{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}
ul.slideset li.active{z-index:2;}
.link-prev,
.link-next{z-index:3;}
/* footer */
#footer{
	background:url(../images/bg-footer.gif) no-repeat;
	width:755px;
	height:40px;
	padding:18px 0 0 16px;
	margin:-25px 0 0;
	line-height:38px;
}
.decorated-btn{
	float:left;
	color:#fff;
	font-weight:bold;
	font-size:10px;
	background:#0086cc;
	padding:0 6px 0 9px;
	height:40px;
	margin:0 4px 0 0;
}
* html .decorated-btn{margin-right:1px;}
#footer p{margin:0;}