#sub-menu{
	width:900px;		
	height:34px; 
	position:relative;
	margin:0 auto;
	margin-top:5px;
}	
	#sub-menu ul li a { 
		display: block; 
		height:31px; 
		overflow:hidden; 
		text-indent:-99999px;
		margin-top:-6px;
		background:transparent url(../images/portfolio-menu.png) left bottom no-repeat;
	}
		#sub-menu ul li#design-portfolio a { background-position:0 0; width:250px;}
		#sub-menu ul li#design-portfolio a:hover { background-position:0 -31px; width:250px; }	
		#sub-menu ul li#development-portfolio a { background-position:-250px 0px; width:220px; }
		#sub-menu ul li#development-portfolio a:hover { background-position:-250px -31px; width:220px; }		
		#sub-menu ul li#cms-portfolio a { background-position:-485px 0; width:200px; }
		#sub-menu ul li#cms-portfolio a:hover { background-position:-485px -31px; width:200px; }
		#sub-menu ul li#flex-portfolio a { background-position:-670px 0; width:230px; }
		#sub-menu ul li#flex-portfolio a:hover { background-position:-670px -31px; width:230px; }
	#portfolio-menu{
		padding-left:10px;
		border-bottom:dotted 1px #999999;
		border-top:dotted 1px #999999;
		padding-top:8px;
		margin-top:10px;
	}
	#portfolio-menu a{
		padding-left:14px;
		padding-right:17px;
		text-decoration:none;
		color:#5d5d5d;
	}
	#portfolio-menu a.chosen{
		color:#f5a534;
	}
	#portfolio-menu a:hover{
		color:#f5a534;
		text-decoration:none;
	}
#content-portfolio{
	width:900px;
	margin:0 auto;
}
	.luanch-our-portfolio{
		width:900px;
	}
	.luanch-our-portfolio img{
		width:500px;
		margin:25px;
		float:left;
		border:none;
	}
	.luanch-our-portfolio ul {
		float:left;
		line-height:30px;
		list-style-type:square;
		margin:20px;
		padding-left:40px;
	}
	#logoportfolio1{
		width:900px;
		height:300px;
		float:left;
	}
	#logoportfolio1 ul{
		list-style:none;
		width:900px;
		display:block;
		height: 150px;
	}
	#logoportfolio1 ul li{
		width:200px;
		height:200px;
		overflow:hidden;
		float: left;
		padding: 5px 5px 5px 15px;
	}
	#logoportfolio1 ul li img{
		border:none;
		width:180px;
	}
	.but{
		width: 180px;
		height: 20px;
		margin:10px 10px 10px 0px;
		color:#f5a534;
		background:url(../images/small/but.jpg) no-repeat;
	}
	.bottom{
		width:200px;
		height:30px;
		font-size:11px;
		margin-top: 10px;
	}
	.page_numbers{
	float:right;
	font-size:14px;
	padding:0px;
	margin: 30px 0px;
	height:15px;
	width:900px;
	clear: both;
	}
	.page_numbers a{
		color:#000000;
		text-decoration:none;
		border:none;
	}
	.page_numbers a.chosen{
		color:#f5a534;
		text-decoration:none;
		border:none;
	}
	.page_numbers a:hover{ color:#f5a534; text-decoration:none; border:none;}
	.pages{
		width:160px;
		height:15px;
		padding-right:50px;
		float:right;
	}
	.pages a img{
		width:12px;
		height:12px;
		border:none;
		text-decoration:none;
		
	}	
	#template_portfolio{
		width:900px;
		height:auto;
		margin:0px;
		padding:0px;
	}
	.templates{
		width:900px;
		height:270px;
		display:inline;
		margin:0px;
		padding:0px;
		float:left;
	}
	.temp{
		width:150px;
		height:265px;
		display:inline;
		margin:0 20px 0 50px;
		padding:0px;
		float:left;
		
	}
	.temp a{
		text-decoration:none;
		border:none;
	}
	.temp a img{
		text-decoration:none;
		border:1px solid #5E5E5E;
		margin:0px 0px 5px;
	}
	.temp_details{
		width:146px;
		height:20px;
		margin:3px 0px 0px 0px;
		background-color:#5e5e5e;
	}
	.temp_details a{
		color:#ffffff;
		text-decoration:none;
		padding:2px 0 0;
	}
	.info a{
		color:#707070;
		text-decoration:none;
	}
	.temp_view{
		float:left;
		width:70px;
		height:20px;
		color:#ffffff;
		font-size:14px;
		text-align:center;
	}
	.temp_buy{
		float:right;
		width:70px;
		height:20px;
		color:#ffffff;
		font-size:14px;
		text-align:center;
	}
	.temp_content{
		width:150px;
	}
	.temp_content p{
		width:150px;
		height:15px;
		margin:0px;
		padding:0px;
		color:#000000;
	}
	#preview{
	position:absolute;
	top:0px;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	#templatePreviewWrapper {
  position: absolute;
  z-index:110;
  display:none;
  top:0;
  left:0;
  background-color: #ffffff;
  border:1px solid #444444;
  font-size: 11px;
  color: #4B4B4B;
  padding: 12px 15px 15px 15px;
}

#templatePreviewHeading {
  font-size: 13px;
  float:right;
  line-height:0px;
  visibility:visible;
}

#templatePreviewBody {
  position: relative;
}

#templatePreviewImage {
  margin: 8px auto 0 auto;
}

#templatePreviewProgressBar {
  position: absolute;
  width: 125px;
  padding: 10px 10px 30px 10px;/*15*/
  top: 45%;
  left: 50%;
  margin-left: -67px;
  border: 1px solid #209dec;
  background: #eef6ff url('/images/progress_bar.gif') no-repeat center 30px;
  color: #209dec;
  font-family: Tahoma,Helvetica,sans;
  font-size: 10px;
  text-align:left;
}
.rightcoltempl {
  width:235px; margin-left: 3px;
}
.hidden {
  display:none;
}

.faq_item_title {
	margin:22px 0;
}
#status_mean {
    padding-top:5px;
}
#status_mean .faq_item_title {
  visibility:visible;
}

.line-also {
  border-top: 1px solid #D9D9D9;
  width: 470px;
  padding: 0 15px 5px 15px;

}