@charset "utf-8";

#menu a#services{
	background:#fff url(../images/services.gif) no-repeat top center;
}

#slider{
	width:940px;
	text-align:left;
}
#feature ul li{
	width:940px;
	height:180px;
	display:block;
}
#feature li span{
	display:none;
}
#feature li h3{
	color:#1daee3;
	padding:18px 0 8px 0;
}
#feature li p{
	width:350px;
	line-height:22px;
}
#feature li#show1{
	background:transparent url(../images/services_feature.jpg) no-repeat center top;
}
#feature li#show2{
	background:transparent url(../images/services_feature_design.jpg) no-repeat center top;
}
#feature li#show3{
	background:transparent url(../images/services_feature_development.jpg) no-repeat center top;
}
#feature li#show4{
	background:transparent url(../images/services_feature_redesign.jpg) no-repeat center top;
}
#feature li#show5{
	background:transparent url(../images/services_feature_hosting.jpg) no-repeat center top;
}
#feature li#show6{
	background:transparent url(../images/services_feature_support.jpg) no-repeat center top;
}
#controls{
	height:30px;
}
#controls li{
	float:left;
	display:inline-block;
}
#controls li a{
	width:100px;
	height:30px;
	display:block;
	margin-left:76px;
	text-indent:-999999px;
	overflow:hidden;
}
li#controls1{
	display:none;
}
li#controls2 a{
	background:transparent url(../images/webdesigntab.gif) no-repeat left top;
}
li#controls3 a{
	background:transparent url(../images/webdevelopmenttab.gif) no-repeat left top;
}
li#controls4 a{
	background:transparent url(../images/redesigntab.gif) no-repeat left top;
}
li#controls5 a{
	background:transparent url(../images/hostingtab.gif) no-repeat left top;
}
li#controls6 a{
	background:transparent url(../images/supporttab.gif) no-repeat left top;
}
#controls li a:hover{
	background-position:left bottom;
}
#controls li.current a{
	background-position:left bottom;
}
h3#webdesign{
	background:#fff url(../images/services_title_standard.gif) no-repeat top left;
}
h3#webdevelopment{
	background:#fff url(../images/services_title_pro.gif) no-repeat top left;
}
h3#diywebsite_title{
	background:#fff url(../images/services_title_diy.gif) no-repeat top left;
}
h3#redesign_title{
	background:#fff url(../images/services_title_redesign.gif) no-repeat top left;
}

ul.project{
	border-left:1px #ddd solid;
	border-right:1px #ddd solid;
	background-color:#f8f8f8;
	padding:8px 6px;
}
p.description,
p.project-order{
	border:1px #ddd solid;
	padding:8px 6px;
	line-height:20px;
	background-color:#f8f8f8;
}
p.project-order a{
	width:236px;
	height:15px;
	line-height:15px;
	display:block;
	margin-left:28px;
	text-indent:-999999px;
	overflow:hidden;
	background:#dddddd url(../images/project-order.gif) no-repeat left bottom;
}
p.project-order a:hover, p.project-order a#redesign-order:hover{
	background-position:left top;
}
p.project-order a#redesign-order{
	width:151px;
	height:15px;
	line-height:15px;
	display:block;
	margin-left:38px;
	text-indent:-999999px;
	overflow:hidden;
	background:#dddddd url(../images/order-redesign.gif) no-repeat left bottom;
}
#redesign{ margin-bottom:29px;}

a#diyawebsite{
	width:240px;
	height:58px;
	line-height:58px;
	display:block;
	text-indent:-999999px;
	overflow:hidden;
	background:#dddddd url(../images/diyawebsite.gif) no-repeat left top;
}
a#diyawebsite:hover{background-position:left bottom;}

ul.project li{
	padding:2px 0;
}
ul.project span{
	display:block;
	text-indent:41px;
}

ul.project span.showplan{
	display:inline;
}
.showall{
	margin-left:12px;
}
#redesign ul li{
	padding-left:5px;
	margin-left:18px;
	list-style-type:circle;
}
#redesign{ margin-bottom/*\**/:20px\9; *margin-bottom:20px;}

#process{
	clear:both;
	width:940px;
	height:50px;
	text-align:left;
	margin-bottom:28px;
	background:#fff url(../images/services_process.gif) no-repeat left top;
}
#process h3, #process ol{ display:none;}

#top-brand-client{
	text-align:left;
}
h3#client-title{
	height:32px;
	margin-bottom:18px;
	background:#fff url(../images/top-brand-client.gif) no-repeat top left;
}
#top-brand-client h3#client-title span{ display:none;}
#top-brand-client h3#client-title small{margin-left:150px; line-height:30px; font-weight:normal; width:388px;}
#top-brand-client .fadetogary{
	height:60px;
	*float:left;
	margin-right:21px;
	display:inline-block;
	text-indent:-999999px;
	overflow:hidden;
}
#top-brand-client span#apple{
	width:60px;
	background:#fff url(../images/apple.jpg) no-repeat bottom center;
}
#top-brand-client span#bmw{
	width:60px;
	background:#fff url(../images/bmw.jpg) no-repeat bottom center;
}
#top-brand-client span#crowne{
	width:114px;
	background:#fff url(../images/crowne.jpg) no-repeat bottom center;
}
#top-brand-client span#lenovo{
	width:181px;
	background:#fff url(../images/lenovo.jpg) no-repeat bottom center;
}
#top-brand-client span#pepsi{
	width:77px;
	background:#fff url(../images/pepsi.jpg) no-repeat bottom center;
}
#top-brand-client span#schneider{
	width:134px;
	background:#fff url(../images/schneider.jpg) no-repeat bottom center;
}
#top-brand-client span#tongfang{
	width:158px;
	margin-right:0;
	background:#fff url(../images/tongfang.jpg) no-repeat bottom center;
}