.project-list-h  {
 clear:both;  z-index:0;
}
.project-list-h li{
 width:160px; float:left; display:inline; margin-left:12px; text-align:center;  margin-bottom:12px; height:180px;  
}
.project-list-h li div{
position:relative; padding:3px; background:#EEEEEE; border-right:#D6D6D6; border-bottom:2px solid #D6D6D6; border-right:1px solid #D6D6D6; float:left;
margin:0 auto;  
}
.project-list-h li img{

}
/*
.project-list-h li span{
 position:absolute; right:3px; bottom:3px; padding:0 8px; background:black; z-index:999; 
}
*/
.project-list-h li span{
 clear:both; display:block; padding-top:3px;
}
.project-list {
 clear:both;
}
.project-list li{
 width:315px; padding:10px; background-color:#F5F5F5; border-bottom:2px solid #D3D3D3; border-right:1px solid #D3D3D3; float:left; display:inline; margin-left:6px; margin-right:6px;  margin-bottom:12px;
}
.project-list .photo{
 float:left; position:relative; margin-top:3px; width:130px; text-align:center;
}
.project-list .photo p{
 padding:0; margin:0; 
}
.project-list  .photo span{
 position:absolute; right:0px; bottom:0px; padding:0 8px; background:black; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; display:none;
}
.project-list  .photo img{

 width:120px; height:140px;
}
.project-list dl{
 width:156px; float:right; margin-right:8px; display:inline;
}
.project-list dl dt{
 color:#333; font-weight:bold;
}

.project-list dd{
 display:block; padding-left:3px; font-size:12px; line-height:20px;  
}
#version-en .project-list dd{
 font-size:11px; line-height:14px; margin-bottom:4px;
}
.project-list dd span{font-size:11px;}
.info-list li{
 border-top:1px dashed #ccc; padding-top:6px; margin-bottom:25px; list-style: none; 
}
.info-list li h3{
 margin-bottom:5px;
}
.info-list li h3 span{
 font-weight:normal; font-size:12px; 
}
.info-list li ul{
 list-style: disc;
}
.info-list li li{
 padding-top:6px; margin-bottom:0px; border:none; list-style: disc; margin-left:18px; padding-left:0px; line-height:18px;
}
.info-list li p{
 margin-bottom:5px; line-height:17px; padding-right:12px;
}
#version-en .info-list .pos{
 font-size:10px;  margin-bottom:6px; line-height:14px;
}
 #version-en .info-list .intro{
  font-size:12px;
 }
#version-en .info-list li h4{
 margin-bottom:0px; padding:0;  line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
.info-list li h4{
 font-size:12px;
}
.list ul{
 list-style:disc;  margin-left:8px;
}
.list li{
 margin-left:12px;
}
.client-list{
 list-style:none; clear:both;
}
.client-list li{
 width:20%; text-align:center; border-right:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; float:left; display:inline; margin-left:8px; margin-right:8px; margin-bottom:18px; padding:6px;
}
.client-list h4{
 font-size:12px; font-weight:normal;
}
.page-nav{clear:both; height:20px; margin-top:12px;  float:right; padding-right:12px; margin-bottom:12px; }
.page-nav a{background:url(../images/page-navigator.gif) no-repeat;}
.page-nav a{ display:block; width:15px; height:15px; background-position:left top; margin-left:8px; float:left; text-indent:-9999em; overflow:hidden;  }
.page-nav a.cur{background-color:#0062A5; color:white;  background-position:0 -20px; }
.page-nav a.previous{background-position:0 -41px;}
.page-nav a.previous:hover{background-position:0 -69px;}
.page-nav a.next{background-position:-25px -41px; margin-left:14px;}
.page-nav a.next:hover{background-position:-25px -69px; }
.jCarouselLite2{margin-top:8px; width:690px;}
.jCarouselLite2 li{width:700px; text-align:center; margin:0px; padding:0px; height:80px; float:left;}
.jCarouselLite2 li img{margin:0; padding:0;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	 
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em;
	z-index:999999999; /* left offset of submenus need to match (see below) */
	
}
.sf-menu ul li {
	width:			100%;
	z-index:99999999;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	height:27px;
	_width:30px;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	top:27px; /* match top ul list item height */
	z-index:999999999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:		right;
	 
}
.sf-menu a {

	padding:0 8px 0 18px;
	text-decoration:none;
	 
	
}
.sf-menu #year a{
 background-color:#35063E;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#FFF;
}
.sf-menu #year li {
 background-color:#35063E;
}
.sf-menu #area a{
 background-color:#760D43
}
.sf-menu #area li a:hover,.sf-menu #year li a:hover{
 background-color:#91003E; _width:49px;
}
.sf-menu li li {
	background:	#760D43;  width:70px; clear:both; border-bottom:1px solid #ccc; _width:75px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color:	#91003E;
	outline:		0;
	_z-index:99999999;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.00em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -104px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#preview{ float:none; margin:20px auto; text-align:center; width:700px;}
.jqzoom{  position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ display:inline; float:left;}
#spec-n5{width:700px; height:90px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:15px; margin-right:2px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:right;cursor:pointer; margin-top:15px; margin-right:10px; }
#spec-list{ width:640px; float:left; overflow:hidden; margin-left:12px;   }
#spec-list ul li{ float:left;  display:inline; width:160px; height:110px;  }
#spec-list ul li img{ padding:2px ;  width:140px; height:100px;}
#spec-n1 img{height:460px; width:640px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative;  margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
.stat{display:none;}