body{
	font:12px/19px Arial, Helvetica, sans-serif;
	color:#656565;
	margin:0;
	min-width:917px;
	background:#d0d0d0 url(bg-body.gif) repeat-x 0 0;
}
a{color:#ff006c;text-decoration:none;}
a:hover{text-decoration:underline;}
img{display:block;border:none;}
form,fieldset{margin:0;padding:0;border:none;}
input,select,textarea{font:12px Arial, Helvetica, sans-serif;color:#444;}
#wrapper{
	width:917px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
#header{
	height:150px;
	width:917px;
	background:url(bg-header.gif) repeat-x 0 0;
}
#header h1{
	margin:0;
	position:absolute;
	top:31px;
	left:3px;
}
#header h1 a{
	width:500px;
	height:64px;
	background:url(logo.png) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#header h1 a:hover{background:url(logo.png) no-repeat 0 -64px;}
#nav{
	width:917px;
	height:30px;
	background:url(bg-nav.gif) no-repeat 0 0;
	overflow:hidden;
	position:absolute;
	top:101px;
	left:0;
	margin:0;
	padding:8px 0 0;
	list-style:none;
	line-height:18px;
	font-size:11px;
}
#nav li{
	float:left;
	padding:8px 15px 6px 13px;
	background:url(divider.gif) repeat-y 100% 0;
}
#nav li a{
	float:left;
	color:#333;
	text-decoration:none;
}
#nav li span{
	float:left;
	cursor:pointer;
	padding:0 7px;
}
#nav li.active a,
#nav li a:hover{
background:#0d7bcd url(a-left.gif) no-repeat 0 0;color:#fff;
background:#fff url(a-left.gif) no-repeat 0 0;color:#0d7bcd;

}
#nav li.active a span,#nav li a:hover span{background:url(a-right.gif) no-repeat 100% 0;}
#header p{
	margin:0;
	position:absolute;
	top:74px;
	right:2px;
	color:#777;
	font:bold 11px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}
#header p a{
	color:#777;
	font-weight:normal;
}
#header p a:hover{
	color:#aaa;
	font-weight:normal;
}
#header strong{
	position:absolute;
	top:103px;
	right:12px;
	color:#888;
	font:bold 11px/48px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}
#header strong span{font-weight:normal;}
.visual{
	width:917px;
	height:300px;
	background:url(visual.jpg);
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	border-bottom:3px solid #383838;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:normal;
}
.visual li{
	position:absolute;
background:#000;opacity:0.6;filter:alpha("opacity=60")
color:#bbb;
}
.visual .asp{
	left:365px;
	top:57px;
	font-size:25px;
}
.visual .xml{
	left:420px;
	font-weight: normal;
	top:50px;
	font-size:30px;
}
.visual .sql{
	left:490px;
	top:42px;
	font-size:15px;
}
.visual .cms{
	left:255px;
	top:104px;
	font-size:35px;
}
.visual .xhtml{
	left:340px;
	top:79px;
	font-weight: normal;
	font-size:60px;
}
.visual .adwords{
	left:522px;
	top:69px;
	font-size:30px;
}
.visual .delphi{
	left:300px;
	top:145px;
}
.visual .seo{
	left:391px;
	top:147px;
	font-weight: normal;
	font-size:35px;
}
.visual .css{
	left:471px;
	top:130px;
	font-weight: normal;
	font-size:80px;
}
.visual .creative{
	left:247px;
	top:166px;
	color:#FF006C;
	font-size:50px;
}
.visual .development{
	left:439px;
	top:209px;
}
.visual .flash{
	left:379px;
	top:223px;
}
#main{
	width:100%;
	overflow:hidden;
	padding:0 0 15px;
	background:#fff;
}
#content{
	float:left;
	width:688px;
	text-align:justify;
	padding:0 0 0 10px;
}
#sidebar{
	float:right;
	width:219px;
	text-align:justify;
min-height:500px;
	background:url(bg-sidebar.gif) no-repeat 0 0;
}
#sidebar a{color:#0d7bcd}
.pad{padding:8px;}
#sidebar ul{
	margin:4px 15px 0;
	padding:0;
	color:#7c7c7c;
	list-style:none;
}
#sidebar ul li{
	padding:0 0 11px;
}

h2.title{
	padding:0 0 0 15px;
	color:#7f7f7f;
	font:normal 12px/26px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	background:#4a4a4a url(bullet.gif) no-repeat right;
	margin:0;
	height:26px;
}
#content h2.title{
	background:#4a4a4a url(bg-title.gif);
	font:normal 12px/26px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	padding:0 0 0 19px;
	margin:0 0 0 -10px;
	position:relative;
	z-index:100;
	color:#7f7f7f;
}
#content p{
	margin:8px 18px 0 0;
}
h2{
	margin:16px 0 0;
	color:#ff006c;
	font:normal 18px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}
#content .threecolumn{
	margin:16px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	font-size:11px;
	overflow:hidden;
	line-height:12px;
}
#content .threecolumn a{
	color:#656565;
}
#content .threecolumn a:hover{
	color:#ff006c;
	text-decoration:none;
}
#content .threecolumn li{
	float:left;
	background: url(bullet2.gif) no-repeat 147px 142px;
	overflow:hidden;
	width:167px;margin-bottom:10px;
}
#content .threecolumn li.center{
	margin:0 77px 0 82px;
}
#content .threecolumn h3{
	font-size:11px;
	font-weight:normal;
	margin:3px 0 0;color:#0d7bcd;
}
#content .threecolumn p{margin:0;}
#content .threecolumn ul{
	margin:0;
	padding:0;
	color:#c4c2c2;
}
.img{
	width:167px;
	height:135px;
	overflow:hidden;
	display:block;
	position:relative;
}
.img img{margin:4px 0 0 4px;}
.img:hover{border:0;}
.img span{display:none;}
.img span{
	width:167px;
	cursor:pointer;
	height:135px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(bg-img1.gif);
	overflow:hidden;
}
.img:hover span{
	width:167px;
	cursor:pointer;
	height:135px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(bg-img.gif);
}

.img2{
	width:167px;
	height:135px;
	overflow:hidden;
	display:block;
	position:relative;
}
.img2 img{margin:-30px 0 0 -38px;}
.img2:hover{border:0;}
.img2 span{display:none;}
.img2 span{
	width:167px;
	cursor:pointer;
	height:135px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(bg-img1.gif);
	overflow:hidden;
}
.img2:hover span{
	width:167px;
	cursor:pointer;
	height:135px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(bg-img.gif);
}
.log h3{font-size:15px !important;line-height:20px;text-align:center}
dl{
	margin:0 18px 0 0;
	padding:0;
	line-height:16px;
}
dt{
	margin:9px 0 0;
	padding:0;
	font-weight:bold;
}
dd{
	margin:0;
	padding:0 0 6px;
}
a.more{
float:right;
	margin:18px 12px 3px 0px;
}
#footer{
	width:901px;
	overflow:hidden;
	font-size:11px;
	padding:8px 8px 10px;
	line-height:16px;
	background:#d0d0d0 url(bg-footer.gif) no-repeat 0 0;
}
#footer p{margin:0;}
#footer .right{
	float:right;
	width:600px;
}
#footer .right p{
	text-align:right;
	float:right;
	width:100%;
	padding:0 0 8px;
	font-size:12px;
	color:#818181;
}
#footer .right ul{
	margin:0 -12px 0 0;
	padding:0 0 4px;
	display:inline;
	clear:both;
	overflow:hidden;
	float:right;
	list-style:none;
}
#footer .right a{color:#666;}
#footer .right ul li{
	float:left;
	padding:0 7px 0 8px;
	margin:0 8px 0 -8px;
	display:inline;
	background:url(divider2.gif) no-repeat left;
}

#content .contactbox .right p{margin:8px 0 28px;}
.cspace{padding:0px 15px 0px 15px}
.ab{height:290px;overflow-y:auto;padding-right:8px}
blockquote{
font-size:16px;background:#444;border:2px #888 solid;border-left:10px #888 solid;padding:8px;line-height:16px;color:#eee}
label{width:150px;display:block;float:left}
.captcha{background:#ff006c;width:60px;display:block;clear:both;
margin-left:150px;text-align:center;border:0px #aaaaaa solid;color:#fff;font-weight:bold}
.captcha i{visibility:hidden}

.y li{margin-bottom:10px}
.y b{font-size:16px;color:#ff006c}
.c input,.c textarea{margin-bottom:8px}
.c a{font-size:13px;line-height:40px;}
input[type=submit]{cursor:pointer;color:#ff006c}
.btn{float:right;margin-right:15px}

.cf p{border-bottom:1px #eee solid;padding-bottom:10px}