/* ---- Cycle ---- */
.bg-slider{ background:url(../images/header-bg2.png) 0 0 repeat-x; border-bottom:1px solid #efefef; height:281px; position:relative; overflow:hidden; z-index:1;}
.slider{position:relative; margin:0 auto; width:940px; overflow:hidden;height:281px;}
	#slider{position:relative; margin:0 auto; width:940px; overflow:hidden; height:281px;}
		#slider li{ width:940px; padding-left:360px; position:relative;}
#nav{ position:absolute; bottom:11px; left:443px; z-index:10;}
	#nav a{ float:left; display:block; background:url(../images/pagination.png) 0 0 no-repeat; width:14px; height:14px; margin-right:10px; font-size:0;}
		#nav a:hover, #nav a.activeSlide{background:url(../images/pagination.png) 0 -14px no-repeat;}
#slider li .wrapper{ position:relative; z-index:1;}
	#slider li span{ display:block; color:#00a1ec; font:43px/51px  'Maven Pro', sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:-2px;}
	#slider li h2{ display:block; color:#00a1ec; font-size:28px;  font-weight:500; text-transform:uppercase; letter-spacing:-1px; padding:0; margin:0px;}
#slider li span p{ position:relative; z-index:2; font:15px/20px Verdana, Geneva, sans-serif; color:#747272; text-transform:none; letter-spacing:0px;}
#slider li div.link{ display:block; float:right; }

	#slider li a em{ display:block; background:url(../images/button.png) 0 0 no-repeat; width:5px; height:9px; position: absolute; right:17px; top:21px;}
	#slider li .link a em{ display:block; background:url(../images/button.png) 0 0 no-repeat; width:5px; height:9px; position: absolute; right:17px; top:21px;}

	#slider li .link a{ display:inline-block; position:relative; background:#fc8a03  url(../images/link2.jpg) 0 0 repeat-x; font:24px/29px 'Maven Pro', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:-1px; padding:10px 38px 13px 20px; border:1px solid #fcb303; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:1px 1px 1px rgba(0,0,0,0.04);}
	#slider li .link a:hover{background:#fc8a03;  border:1px solid #fcb303; color:#fff; text-decoration:none;}
		#slider li a:hover em{ background:url(../images/button.png) 0 -25px no-repeat;}
.l1{ padding:0px 0 0 0; background:url(../images/web-design.jpg) 0 0 no-repeat;height:281px;}
.l2{ padding:0px 0 0 0; background:url(../images/carousel_web.jpg) 0 0 no-repeat;height:281px;}
.l3{ padding:0px 0 0 0; background:url(../images/cms-development.jpg) 0 0 no-repeat; height:281px;}
.l4{ padding:0px 0 0 0; background:url(../images/seo-company.jpg) 0 0 no-repeat; height:281px;}
.l1 img.fleft{ margin:0 0 0 65px;}
.l2 img.fleft{ margin:0 0 0 6px;}
.l3 img.fleft{ margin:0 0 0 -5px;}
.l1 .wrapper2 div{ width:550px; overflow:hidden; padding:18px 0 0 0px;}
.l2 .wrapper2 div{ width:550px; overflow:hidden; padding:18px 0 0 0px;}
.l3 .wrapper2 div{ width:550px; overflow:hidden; padding:18px 0 0 0px;}
.l4 .wrapper2 div{ width:550px; overflow:hidden; padding:18px 0 0 0px;}

	.img{ margin-bottom:16px;}
.l1 span{padding:11px 0 0 0; margin-left:0px;}
.l2 span{padding:11px 0 0 0px;margin-left:-2px;}
.l3 span{ color:#ff4a00;padding:11px 0 0 0; margin-left:0px;}
.l4 span{ color:#ff4a00;padding:11px 0 0 0; margin-left:0px;}
.l1 p{ margin-top:-8px;  padding:0 0 0 0px;}
.l2 p{ margin-top:-8px; padding:0px 0 0 0px;}
.l3 p{ margin-top:-8px; padding:0 0 0 0px;}
.l4 p{ margin-top:-8px; padding:0 0 0 0px;}