@charset "utf-8";
/* CSS Document */
body{
background-color:#1F1F1F;
background-image: url(../images/bg.png);
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Arial;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/
#wrap {
margin:0;
padding:0;
}
#header-wrap {
margin:0;
padding:0;
width:100%;
}
#header {
height:160px;
margin:0 auto;
padding:0;
width:960px;
}
.logo{
width:218px;
height:57px;
float:left;
margin:70px 0 0 50px;
border:0;
}

#navigation {
background-color:#2B2B2B;
border:1px solid #363636;
float:right;
margin:80px 0 0;
padding:10px;
width:auto;
}
#navigation ul{
	width:auto;
	height:20px;
	float:left;
	margin:0px 0 0 0;
}
#navigation ul li{
	float:left;
	background: url(../images/divmenu.png) right top no-repeat;
	line-height:0;
	height:20px;
	padding-top:0px;
	width:auto;
}
#navigation ul li a{
width:auto;
	display:block;
	padding:0 12px 0 12px;
	font:bold 10px/24px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#E8EAEA;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}

#navigation ul li a:hover{
	color:#fe0072;
	background-color:inherit;
}
#navigation ul li a.hover{
	display:block;
	padding:0 12px 0 12px;
	font:bold 10px/24px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fe0072;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}
/*--------------------------------------headerfinish------------------------*/
#dc-home #content {
padding:0;
}
#content{
background-color:#E8E8E8;
background:url(../images/contentbg.jpg);
background-position:center center;
background-repeat: no-repeat;
margin:0;
padding:55px 0;
}
#mainColumn {
height:340px;
margin:0 auto;
padding:20px;
width:920px;
}
#dc-home #mainColumn {
margin:0 auto;
padding:55px 0;
width:960px;
}

#slider{
margin:-20px 0 0;
position:relative;
width:100%;
}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:959px;
	height:380px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:50px;
	position:absolute;
	left:5px;
	top:380px;
	}	
#nextBtn{ 
	left:970px;
		}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:50px;
	background: url(../images/slide-l.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background: url(../images/slide-r.png)no-repeat 0 0;	
	}
	
	#sliderpo{
margin:0px;
position:relative;
width:100%;
margin-left:100px;
}	
#sliderpo ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#sliderpo li{ 
	width:727px;
	height:470px;
	overflow:hidden;
		
	}	
#prevBtn1, #nextBtn1{ 
	display:block;
	width:30px;
	height:50px;
	position:absolute;
	left:5px;
	top:360px;
	}	
#nextBtn1{ 
	left:970px;
		}														
#prevBtn1 a, #nextBtn1 a{  
	display:block;
	width:30px;
	height:50px;
	background: url(../images/slide-l.png) no-repeat 0 0;	
	}	
#nextBtn1 a{ 
	background: url(../images/slide-r.png)no-repeat 0 0;	
	}
	
#footer-wrap {
background-color:#1F1F1F;
margin:0;
padding:20px 0;
width:100%;
}
#footer {
margin:0 auto;
width:960px;
}
#How{
background-color:#2F2F2F;
background-repeat:no-repeat;
border-top:1px solid #363636;
height:30px;
margin:0 0 10px;
padding:5px 0 0;
text-indent:35px;
width:100%;
}
.howheading{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#CCCCCC;
}
.howtxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
margin-left:10px;
}
.howtxt a{

text-decoration:none;
margin-left:10px;
}
.howtxt a:hover{
color:#FE0072;
text-decoration:none;
margin-left:10px;
}
.lightboxtxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:780px;
color:#777;
float:left;
margin-left:10px;
margin-bottom:15px;
}
#projectflow{
background:url(../images/2.gif);
width:303px;
height:16px;
margin-left:10px;
margin-bottom:10px;
}
#webdesign1{
background: url(../images/WEBDESIGN1.png);
width:114px;
height:15px;
margin-left:10px;
margin-bottom:10px;
}
#graphicdesign1{
background: url(../images/graphicdesign1.png);
width:154px;
height:15px;
margin-left:10px;
margin-bottom:10px;
}
#hosting{
background: url(../images/hosting1.png);
width:127px;
height:15px;
margin-left:10px;
margin-bottom:10px;
}
#line2{
background:url(../images/line2.png);
width:780px;
height:1px;
float:left;
margin-bottom:5px;
}
#sbw{background: url(../images/switcbw.png);
width:77px;
height:24px;
float:right;
}
#hire {
background:transparent url(../images/hire.png) repeat scroll 0 0;
height:167px;
left:0;
position:absolute;
top:0;
width:165px;
}
.servicesh1{
width:778px;
height:46px;
margin-left:10px;
}
.servicesp{
float:left;
width:auto;
color:#a2a2a2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:20px;
padding-top:35px;
}
#services {
float:left;
width:auto;
margin:80px 0 0;
padding:10px;
margin-left:35PX;
}
#services ul{
	width:auto;
	height:20px;
	float:left;
	margin:0px 0 0 0;
}
#services ul li{
	float:left;
	line-height:0;
	font-size:0px;
	height:20px;
	padding-top:0px;
	width:auto;
}
#services ul li a{
width:auto;
	display:block;
	padding:0 30px 0 80px;
	font:bold 24px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#E8EAEA;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}

#services ul li a:hover{
	color:#fe0072;
	background-color:inherit;
}
#services ul li a.hover{
	display:block;
	padding:0 18px 0 18px;
	font:bold 24px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fe0072;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}
#aboutus{
width:540px;
float:left;
margin-left:10px;
}
#aboutus1{
width:540px;
float:left;
margin-left:10px;
}
.aboutush1{
width:349px;
height:46px;
margin-left:15px;
}
.aboutusimage{
background:url(../images/about.png);
width:315px;
height:315px;
float:right;
margin-right:20px;
width:auto;
}
.aboutp{
float:left;
width:auto;
color:#a2a2a2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:20px;
padding-top:20px;
}
#portfolio-wrap {
background-color:#FFFFFF;
margin:0;
padding:55px 0 0;
}
#portfolio {
margin:0 auto;
padding:20px;
width:915px;
}
#contactus{
width:500px;
float:left;
margin-left:10px;
}
.contactush1{
width:216px;
height:37px;
margin-left:15px;
}
.contactp{
float:left;
width:auto;
color:#a2a2a2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:20px;
padding-top:20px;
}
#footer-subinfo {
border-top:1px solid #2B2B2B;
margin:10px 0;
padding:10px 0;
}
#footer-address {
float:left;
margin:0;
padding:0;
width:220px;
}
#footer-contact {
float:left;
font-size:12px;
padding-top:5px;
margin:0;
padding:0;
width:220px;

margin-left:15px;
text-decoration:none;
}
#footer-copyright {
float:left;
margin:0;
padding:0;
margin-left:100px;
width:220px;
font-size:12px;
}
#footer-contact li, #footer-copyright li, #footer-address li {
color:#F1F2F1;
font-size:1.1em;
margin:12px 0;
padding:0;
}
#footer-contact  a:hover{
color: #FE0072;
}
#footer-contact a{
color:#fff;
text-decoration:none;
}
#footer-copyright a{
color:#ffffff;
text-decoration:none;
}
.clearFix {
clear:both;
}