/*LAYOUT*/
#showcase{
	margin:10px 0 10px;
	overflow: hidden;	
}
#feature{
	margin:0 0 10px;
	overflow: hidden; 
}
#feature .gradient
{
	margin:0 1px;
	background:url("../image/box_bottombg50.jpg") repeat-x bottom;
}
#feature .grid3col .column{
	margin-left:0px;
	width:324px;
}
#feature .first,.center
{
	border-right:1px solid #ccc;
}
#feature .grid3col .detail
{	
	display:block;
	position: relative;
	height:120px;
	padding: 15px 10px 110px 10px;
}
#feature .column h3 {
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
	letter-spacing: 0.1em;
	*margin-right: -10px;
}
#feature .column p {
	margin: 0;
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing:0.1em;
	color: #999;
}
#feature .grid3col .detail .img {
	display: block;
	position: absolute;
	z-index: 1;
	width:100px;
	height:100px;
	left: 0;
	bottom: 0;
	margin:0px 0px 10px 100px;
}
#feature .grid3col .gradient
{
	height:245px;
}

/** slides **/
#slideboard { width: 980px; height: 430px; overflow: hidden;}
.slides_container { width: 980px; }
.slides_container a { width: 980px; height: 430px; display: block; }
#slides .pagination { text-align: left; overflow: hidden; line-height: 1px; position: relative; top: -30px; left:20px;z-index:999;}
#slides .pagination li { display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; }
#slides .pagination li.current a {
	background-position:0 -16px;
}
#slides .pagination li a:hover { 
	background-position:0 -8px;
}
#slides .pagination a {
	 display: block; 
	 width: 8px; 
	 height: 8px;
	 margin-right: 5px; 
	 text-indent: -999em; 
	 overflow: hidden; 
	 background:url("../image/pagination.gif") no-repeat; 
	 outline: none; 
	 cursor:pointer;
}

#slideshow{
	padding:6px 0 12px;
	overflow: hidden;	
}

.indextabnav
{ 
	height:40px; 
} 
.indextabnav ul li
{ 
	list-style:none; 
	display:inline-block;
	float:left;	
} 
.indextabnav ul li a
{ 
	color:#666666;
	font-weight: bold;
	line-height: 38px;
	font-size: 14px;
	text-align:center;
	text-decoration:none; 
	border-top:1px solid #C4C4C4;
	border-bottom:1px solid #C4C4C4;
	height: 38px;
	width:326px;	
	background:url("../image/tabbg.gif") repeat-x;
	display:block;
} 

.indextabnav ul li a.cur
{ 	
	color:#E50B0C;
	background:#FFFFFF;
	width:326px;	
	border-left:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;
	border-bottom:0px; 
} 

.indextabnav ul li #tabfirst
{ 		
	height: 40px;
	width:196px;	
	border:0px;
	background:url("../image/first.gif") no-repeat left;
}
.indextabnav ul li #tabfirst.cur
{ 		
	background:url("../image/firsthover.gif") no-repeat left;
	width:195px;	
	height: 40px;
	border:0px;
	border-right:1px solid #C4C4C4;
	
}

.indextabnav ul li #tablast
{ 	
	height: 40px;
	width:196px;	
	border:0px;
    background:url("../image/last.gif") no-repeat right;
} 
.indextabnav ul li #tablast.cur
{ 	
	height: 40px;
	width:196px;	
	border:0px;
    background:url("../image/lasthover.gif") no-repeat left;
} 


.indextabcon
{
	background:#FFF;
	clear:both; 
	border-right:1px solid #C4C4C4;
	border-left:1px solid #C4C4C4;
} 
.sub-con
{
	height:215px; 	
	padding-left:1px;	
	background:#FFF; 
	display:none;
} 
.cur-sub-con
{ 
	display:block;
} 
.sub-con a{ line-height:40px} 
.sub-con p{ text-align:center} 


.indextabcon .cases img
{
    margin: 40px 15px 0px;
    }

.box_bottom_right
{
	background:url("../image/rightcorner.gif") no-repeat bottom right;
	padding-right:6px;
}
.box_bottom_left
{
	background:url("../image/leftcorner.gif") no-repeat bottom left;
	padding-left:6px;
}
.box_bottom{
	border-bottom:1px solid #C4C4C4;
	width:100%;
	height:3px;
	font-size:0px;
}

.tabblock
{
	padding-top: 20px;
	padding-left: 20px;
	padding-right:12px;
	padding-bottom:0px;
}

.indexcontent
{
	line-height: 22px;
}
a.indexcontent
{
	line-height: 22px;
}
.indextitle
{
	font-size:9pt;
	line-height: 25px;
	font-weight:bold;
	width:210px;
}
a.indexmore
{
	line-height: 9px;
	font-size:9px;
	color:#6C6C6C;
}
.indexdot
{
	background:url("../image/dot.gif") no-repeat left;
	height: 25px;
	width: 18px;
	padding-top: 2px;
}
.indexarrow
{
	background:url("../image/arrow_f30.gif") no-repeat left;
	height: 25px;
	width: 18px;
	padding-top: 2px;
}

.contentDetail .solutions li{float:left;border:2px solid #fff;background-color:#eee;padding:3px;padding:0 10px; width:210px; height:180px;margin-right:10px;}
.contentDetail .solutions li a{font-weight:bold;;}
.contentDetail .solutions li p{}
.contentDetail .solutions li:hover {border:2px solid #206f96;background-color:#206f96;}
.contentDetail .solutions li:hover a{color:#fff;}
.contentDetail .solutions li:hover p{color:#fff;}

.contentDetail .cases{width:200px;float:left;}
.contentDetail .cases h3{xmargin:auto;}
.contentDetail .cases li{border:2px solid #fff;background-color:#eee;padding:3px;padding-left:8px;}
.contentDetail .cases li:hover{border:2px solid #cce;}
.contentDetail .cases img {}
.contentDetail .cases a{color:#666;}
.contentDetail .cases a:hover{color:#333;}

.contentDetail .faqs{xmargin-left:215px;float:right;}
.contentDetail .faqs ul {display:block;}
.contentDetail .faqs ul li a{line-height:30px;}
.contentDetail .faqs ul.u1 {width:300px;float:left;}
.contentDetail .faqs ul.u2 { width:450px;float:left;}

.contentDetail .faqs a:hover {color:#083047;text-decoration:underline;}

.contentDetail .faqs .dev{margin-top:30px;margin-bottom:10px;xbackground-color:#eee;xheight:20px;xpadding:5px 3px;}