@charset "utf-8";
/* CSS Document */
@import url("share.css");
.planning {
	background: url(bg/creative_bulbs.jpg) no-repeat 700px center;
	height: 390px;
	padding-right: 350px;
	padding-top: 60px;
}
.planning h2 {
	background: url(bg/planning_title.gif) no-repeat;
	height: 83px;
	width: 517px;
}
.planning p {
	width: 580px;
	padding: 20px 0;
}
.planning h3 {
	background: url(bg/we_can_do_for_you.gif) no-repeat left center;
	height: 30px;
	width: 152px;
}
.planning ol {
	width: 630px;
}
.planning ol li{
	float: left;
	height: 58px;
	width: 170px;
	background: url(bg/list_letter.gif) no-repeat;
	line-height: 58px;
	padding-left: 40px;
}
.planning ol li.item1{}
.planning ol li.item2{background-position: left -58px;}
.planning ol li.item3{background-position: left -116px;}
.planning ol li.item4{background-position: left -174px;}
.planning ol li.item5{background-position: left -232px;}
.planning ol li.item6{background-position: left -290px;}
ul.planninglist {
	height: 600px;
}
ul.interactivelist{
	height: 450px;
}
ul.onestoplist {
	height: 600px;
}
ul.planninglist li,ul.interactivelist li,ul.onestoplist li{
	float: left;
	width: 285px;
	margin-right: 10px;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.planninglist dt,ul.interactivelist dt,ul.onestoplist dt {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 30px;
}
.planninglist p,ul.interactivelist p,ul.onestoplist p {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.webdesign {
	background: url(bg/web_design.jpg) no-repeat 300px center;
	height: 440px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.webdesign h2 {
	background: url(bg/web_design_title.gif) no-repeat;
	height: 86px;
	width: 334px;
	margin-top: 100px;
}
.webdesign p {
	width: 300px;
	margin-top: 15px;
}
.webdesign .rightpanel {
	width: 368px;
	float: right;
}
.rightpanel h3.visiondesign {
	background: url(bg/vision_design_title.gif) no-repeat;
	height: 35px;
	width: 254px;
}
.rightpanel h3.xhtml {
	background: url(bg/w3c_title.gif) no-repeat;
	height: 35px;
	width: 368px;
	margin-top: 20px;
}
a.viewbtn {
	background: url(bg/view_our_works.gif) no-repeat;
	display: block;
	height: 33px;
	width: 188px;
	margin-top: 20px;
}
.Interactive {
	background: url(bg/interactive_bg.jpg) no-repeat 550px center;
	height: 460px;
	padding: 20px 350px 20px 0;
}
.Interactive h2 {
	background: url(bg/interactive_title.gif) no-repeat;
	height: 83px;
	width: 307px;
}
.Interactive p {
	padding: 20px 0;
}
.Interactive h3 {
	background: url(bg/usability_accessibility.gif) no-repeat;
	height: 35px;
	width: 371px;
}
.Interactive h3.usercenter {
	background: url(bg/User_Centered_Design.gif) no-repeat center;
	height: 30px;
	width: 406px;
}
.Interactive h3.web20 {
	background: url(bg/web_2_0_service.gif) no-repeat;
	height: 25px;
	width: 426px;
}
.onestop {
	background: url(bg/one_stop.jpg) no-repeat;
	height: 400px;
	padding: 20px 0;
}
.onestop h2 {
	background: url(bg/one-stop_title.gif) no-repeat;
	height: 90px;
	width: 495px;
}
.onestop p {
	width: 450px;
	padding: 20px 0;
}