/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	
	margin:0;
	padding:0;

}


p{
	margin:0;
	padding:0;
}

.clr{
	clear:both;
}


img{
	
	border:none;
}

.area{
	margin:0;
	padding:0;
}

.main-div{
	background:url(../images/bg.jpg) top repeat-x;
	margin:0 auto;

}

.web-design-header{
	margin:0 auto;
	padding:0;
	width:1002px;
}

.web-design-header-top{
	margin:0;
	padding:0;
}

.web-design-header-left{
	margin:0;
	padding:0;
	width:380px;
	float:left;
}

.logo{
	margin:0;
	padding:0 0 0 20px;
}

.web-design-header-right{
	margin:0;
	padding:65px 0 0 0;
	width:622px;
	float:left;
}


.web-design-content{
	padding:10px 20px 0 0;
	font-family:Georgia;
	font-size:15px;
	color:#fefefe;
	font-style:italic;
	font-weight:bold;
	text-align:right;
}

.web-design-heading{
	padding:10px 0;
	font-family:Impact;
	font-size:30px;
	color:#3187bd;
}


.web-design-menu{
	margin:0;
	padding:13px 20px 0 0;
	float:right
}


.web-design-menu ul{
	margin:0;
	padding:0;
}

.web-design-menu ul li{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;

}	

.web-design-menu ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#2e799e;
	margin:0 1px;
	padding:2px 20px;
	text-decoration:none;
	display:block;
	float:left;
	line-height:300%
}	
	
.web-design-menu ul li a:hover{
	background:url(../images/m-h.gif) repeat-x left top;
	text-decoration:none;
	color:#454545;
}

.web-design-menu-selected{
	background:url(../images/m-h.gif) repeat-x left top;
	text-decoration:none;
	color:#454545;
}


.web-design-header-bot{
	margin:0;
	padding:8px 0 0 0;
}

.web-design-banner-area{
	margin:0 auto;
	padding:0;
	width:1002px;
}

.web-design-banner-left{
	width:29px;
	float:left;
	padding:134px 0;
}

.web-design-banner{
	width:944px;
	float:left;
	padding:0;
	
}

.web-design-banner-right{
	width:29px;
	float:left;
}

.web-design-full{
	margin:0;
	padding:0;
}

.web-design-full-top{
	margin:0 auto;
	background-color:#f2f1f1;
	min-height:456px;
	padding:15px 0;
}

.web-design-full-top-port{
	margin:0 auto;
	background-color:#f2f1f1;
	min-height:580px;
	padding:5px 0;
}

.web-design-full-top-package{
	margin:0 auto;
	background-color:#f2f1f1;
	min-height:650px;
	padding:5px 0;
}

.web-design-full-top-package-need{
	margin:0 auto;
	background-color:#f2f1f1;
	min-height:700px;
	padding:5px 0;
}

.area-web-design{
	margin:0 auto;
	padding:15px 0;
	width:1002px;
}

.web-design-need-left-right{
	width:481px;
	float:left;
	padding:0; 
}
.web-design-need-left-right-new{
	width:425px;
	float:left;
	padding:0; 
}

.web-design-need{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	padding:5px 0;
	color:#1267ad;
}

.web-design-get{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:5px 0;
	color:#616161;
}

.web-design-best{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:5px 0;
	color:#0d6ebf;
	margin:25px 10px 25px 10px;
	border-bottom:#ccd4df solid 1px;
}

.web-design-icons-area{
	margin:0;
	padding:0 0 40px 0;
}

.web-design-icons-area1{
	margin:0;
	padding:0 0 20px 0;
}

.web-design-icons{
	width:102px;
	float:left;
	margin:0;
}

.web-design-icons-content{
	width:250px;
	float:left;
	margin:0;
	padding:0 5px;
}

.web-design-icon-heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:5px 0;
	color:#0d6ebf;
	font-weight:bold;
	margin:0;
}

.web-design-icon-txt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 0;
	color:#000;
	margin:0;
}

.web-design-get-banner{
	text-align:center;
	padding:15px 0;
}

.web-design-full-bot{
	margin:0 auto;
	padding:15px 0 0 0;
	width:1002px;
}

.web-design-full-hed{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0d6ebf;
	padding:10px 0;
	margin:0 25px 0 0;
	border-bottom:#ccd4df solid 1px;
}

.web-design{
	margin:0;
	padding:15px 0;
}

.web-design ul{
	margin:0;
	padding:10px 0;
}

.web-design ul li{
	list-style:none;
	display:list-item;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#314249;
	padding:0 15px 20px 15px;
	background:url(../images/arrow.gif) top left no-repeat;
}

.web-design ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-decoration:none;
	padding:2px 15px;
	font-weight:bold;

}

.web-design ul li a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f97e0a;
	text-decoration:none;

}


.web-design-share-area{
	margin:0 auto;
	width:1002px;
}

.web-design-share{
	margin:0 7px;
	width:53px;
	float:left;
}

.websitedesign-88{
	padding:0 15px 30px 0;
	margin:20px 0;
	line-height:150%;
	color:#000;
}

.footer-main{
	background:url(../images/footer-bg.jpg) top center repeat-x;
	margin:0 auto;
	background-color:#141414;
	height:328px;
}

.footer-main-1{
	background:url(../images/footer-bg-1.jpg) top center repeat-x;
	margin:0 auto;
	background-color:#141414;
	height:271px;
}

.footer-full{
	width:1002px;
	margin:0 auto;
	padding:25px 0 0 0;
	background:url(../images/footer-bg.jpg) top center repeat-x;
	position:absolute;
	*position:static;
	left:0px;
	right:0;
	

}

.footer-heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#f1f0f0;
	padding:10px 0;
}

.web-design-footer{
	margin:0;
	padding:5px 20px 5px 0;
}

.web-design-footer ul{
	margin:0;
	padding:10px 0;
}

.web-design-footer ul li{
	list-style:none;
	display:list-item;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a4a4a4;
	padding:0 15px 20px 15px;
	background:url(../images/footer-ar.jpg) top left no-repeat;
}

.web-design-footer  ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:2px 5px;
	color:#a4a4a4;

}

.web-design-footer ul li a:hover{
	text-decoration:underline;

}

.web-design-portfolios{
	margin:0;
	padding:0px 20px 5px 0;
	width:220px;
	float:left;
}

.web-design-portfolios ul{
	margin:0;
	padding:10px 0;
}

.web-design-portfolios ul li{
	list-style:none;
	display:list-item;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a4a4a4;
	padding:15px 15px 10px 15px;
	background:url(../images/footer-style-bg.jpg) top left no-repeat;
}

.web-design-portfolios  ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d4d2d2;
	text-decoration:none;
	padding:15px 15px;

}

.web-design-portfolios ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.web-design-view{
	text-align:center;
	padding:17px 0;
}

.footer-links{
	margin:0;
	width:750px;
	float:left;
	padding:20px 0 0 0;
	
}

.footer-links ul{
	margin:0;
	padding:25px 0;
	text-align:left;
}

.footer-links ul li{
	list-style:none;
	display:inline;
	margin:0px;
	padding:0 8px;
	border-right:solid 1px #707070;

}
.footer-links ul li a{
	margin:0;
	color:#707070;
	text-decoration:none;
	font-size:12px;
	padding:0;
	
}

.footer-links ul li a:hover{
	text-decoration:underline;
}

.footer-right{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:230px;
	color:#6e6e6e;
	text-decoration:none;
	padding:45px 10px 0 10px;
	float: left;
}

.footer-bot{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#444444;
	text-decoration:none;
	padding:15px 3px 0 0;
	*padding:0;
	margin:0
}

.footer-bot a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#6e6e6e;
	text-decoration:none;
}

.footer-bot a:hover{
	text-decoration:underline
}


/*contact-us*/

.web-design-contact-left{
	margin:0;
	padding:0 50px 0 25px;
	width:500px;
	float:left;
}

.web-design-contact-right{
	margin:0;
	padding:0 25px;
	width:375px;
	float:left;
}

.web-design-blue{
	color:#0d6ebf;
	font-weight:bold;

}


/*********************contact-us- and -input******************************/


.contact-box{
	background:url(../images/input-img.gif) top no-repeat;
	width:225px;
	border:none;
	height:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4e4e4e;
	text-decoration:none;
	font-weight:normal;
	padding:2px 3px 0 3px;
}

.name-pos{
	float:left;
	width:125px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e4e4e;
	text-decoration:none;
	font-weight:normal;
}

.name-right-pos{
	float:left;
	width:225px;
	padding-left:5px;
}


.button{
	border:0px solid;
	width:78px;
	height:22px;
	background:url(../images/submit.gif) top no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	padding:0 0 1px 0;
}


.button:hover{
	border:0px solid;
	background:url(../images/submit-h.gif) top no-repeat;
	color:#fff;
}


.contact-pos{
	margin:7px 0px;
}


.text-box{
	background:url(../images/text-area.gif) top no-repeat;
	width:225px;
	border:none;
	height:105px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4e4e4e;
	text-decoration:none;
	font-weight:normal;
	padding:2px 3px 0 3px;
}

.upload-box{
	background-color:#eeeeee;
	border:#dedede solid 1px;
	width:155px;
	border:none;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4e4e4e;
	text-decoration:none;
	padding:2px 3px 0 3px;
	margin:0 2px 0 3px;
}
/*packages*/


.packages{

	padding:0 134px;
}
.packages1{

	padding:0 10px;
}

.pac-heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#393939;
	border-right: #d7dbe0 solid 1px;
	border-left: #d7dbe0 solid 1px;
	border-top: #d7dbe0 solid 1px;
}

.pac-1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#393939;
	padding:0 0 0 20px;
}

.pac-2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#393939;
	padding:0 0 0 10px;
}

.black{
	color:#000000;
	font-weight:bold;
}

.small{
	color:#000000;
	font-size:11px;
}

.red{
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
}

.pac-bot{
	background:url(../images/pac-bot.jpg) top no-repeat;
	width:721px;
	height:97px;

}
.pac-bot1{
	background:url(../images/pac-bot1.jpg) top no-repeat;
	width:721px;
	height:97px;
	position:relative;

}


.pac-sel{
	padding:13px 0;

}

.name-pos1{
	float:left;
	width:185px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e4e4e;
	text-decoration:none;
	font-weight:normal;
}

.name-pos2{
	float:left;
	width:520px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e4e4e;
	text-decoration:none;
	font-weight:normal;
}



.add{
	color:#4e4e4e;
}

.add a{
	color:#4e4e4e;
	text-decoration:none;
}

.add a:hover{
	text-decoration:none;
	color:#000;
}

.website-features-left{
	width:200px;
	float:left;
	padding:0;
	margin: 0 0 0 100px;

}

.website-features-right{
	width:350px;
	float:left;
	padding:0;
	margin: 0 0 0 25px;

}



.website-features-head{
	color:#125a7c;
	font-family:verdana;
	font-size:14px;
	padding:10px 0;
	font-weight:bold;
}

.website-features{
	color:#000;
	font-family:verdana;
	font-size:11px;
	padding:0;
}

.website-features ul{
	margin:0;
	padding:0;
}
.website-features ul li{
	display:list-item;
	list-style:none;
	padding:3px 10px;
	background:url(../images/ar.jpg) center left no-repeat;
}
.website-features ul li a{
	color:#000;
	font-family:verdana;
	font-size:11px;
	padding:5px 0 ;
	text-decoration:none;
}
.website-features ul li a:hover{
	text-decoration:underline;
}

.ask{
	margin:0;
	padding:10px 0;
}

/*buttom onhover effect*/

#nav-reflection {
	margin: 0 auto 0px auto;
	background: url(../images/page-shadow.jpg) top center no-repeat;
	list-style: none;
	clear:right;
	position:absolute;
	z-index:0;
	bottom:0;
	top:1375px;
	*top:1347px;
}
			
#nav-reflection li {
	margin-right: 15px;
	width: 59px;
	float: left;
}
			
#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {
	width: 59px;
	height: 59px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/icons.png) no-repeat;
	display: block;
}
			
/* Button Colors */
		
#nav-reflection li.button-color-1 a {
	background-position: -3px -3px;
}
			
#nav-reflection li.button-color-2 a {
	background-position: -92px -3px;
}
			
#nav-reflection li.button-color-3 a {
	background-position: -181px -3px;
}
			
#nav-reflection li.button-color-4 a {
	background-position: -270px -3px;
}

/*buttom onhover effect*/


.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 943px; /*Width of Carousel Viewer itself*/
height: 297px; /*Height should enough to fit largest content's height*/
margin-left:0;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
padding-left:0;
width: 944px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:0 5px;
	display:none;
	color:#fff;
	}
	
	
/*Articles*/	
	
.articles-left{
	width:670px;
	float:left;
	padding:0;
}

.articles-right{
	width:302px;
	background:url(../images/divd.jpg) top left no-repeat;
	float:left;
	min-height:540px;
	padding:0px 0 0 30px;
	margin:10px 0;
}
	
.websitedesign-articles{
	padding:10px 0;
}

.websitedesign-articles ul{

	margin:0;
}

.websitedesign-articles ul li{
	list-style:disc;
	display:list-item;
	margin:0;
	padding:3px 0;
}

.web-design-art{
	margin:0;
	padding:5px 0x;
}

.web-design-art ul{
	margin:0;
	padding:10px 10px;
}

.web-design-art ul li{
	list-style:none;
	display:list-item;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636161;
	padding:0 20px 20px 15px;
	background:url(../images/art-bullet.jpg) top left no-repeat;
}

.web-design-art  ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:2px 0;
	color:#636161;

}

.web-design-art ul li a:hover{
	text-decoration:underline;

}
.main-left{
width:382px;
float:left;
margin:0;
padding:0;
}
.main-right{
width:450px;
float:left;
margin:0;
padding:0 0 0 20px;
}