@charset "utf-8";
/* CSS Document */
body{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#FFFFFF;
	line-height:16px;
	background:url(../images/site_map_banner.jpg) center top no-repeat #21383E;
}
p{
	margin:0;
	padding:0;
}
.main-page{
background:url(../images/web-design-top-header-bg.jpg) top center repeat-x #21383e;
	}
.clr{
	clear:both;
}
.float-left{
	float:left;
	margin:5px;
}
.float-right{
	float:right;
	margin:5px;
}
h1{
	font:24px "Trebuchet MS";
	color:#fff;
}
h2{
	font:18px "Trebuchet MS";
	color:#fff;
}
a{
	color:#bcff3b;
	text-decoration:none;
}
a:hover{
	color:#bcff3b;
	text-decoration:none;

}
.design-gap{
	margin:10px auto;
	padding:0;}
.design-gap3{
	margin:5px auto;
	padding:0;}
.design-gap2{
	margin:20px auto;
	padding:0;}
#web-design-customepart{
	background:url(../images/web-design-theame.jpg) repeat;
	margin:0;
	padding:0;
}
.web-design-body-part{
	width:950px;
	margin:0 auto;
	padding:0;
}
.web-design-slide-body-part{
	width:950px;
	margin:0 auto;
	padding:0;
}
.header{
	background:url(../images/web-design-header-logo-bg.jpg) top center no-repeat;
	height:302px;
	margin:0;
	padding:15px 0 0 0;
}
#web-design-logo{
	float:left;
	margin:0;
	padding:30px 0 0 25px;
	width:455px;
}

/*navigation*/

#web-design-navigation-area{
	float:left;
	margin:0;
	padding:0;
	width:470px;
}
#web-design-navigation-block{
	height:66px;
	margin:0;
	padding:0;
}
.web-design-navigation{
	margin:0 0 0 8px;
	padding:0;
}
.web-design-navigation ul{
	margin:0;
	padding:0;
	text-align:center;
}
.web-design-navigation ul li{
	list-style:none;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	border-right:1px dotted #333333;
	
}
.web-design-navigation ul li a{
	background:url(../images/web-design-navigation.jpg) top center no-repeat;
	width:104px;
	display:block;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none; 
	margin:0;
	height:65px;
	line-height:450%;
	
	
}
.web-design-navigation ul li a:hover{
	background:url(../images/web-design-navigation-hover.jpg) top center no-repeat;
	width:104px;
	text-decoration:none; 
	margin:0;
	padding:0;
	color:#fff;
}
.web-design-navigation-select{
	background:url(../images/web-design-navigation-select.jpg) top center no-repeat;
	width:104px;
	text-decoration:none; 
	margin:0;
	padding:0;

}

/*navigation*/


/*inside-body*/

.web-design-inside-body{
	margin:20px 0;
	padding:0 16px;
}
.web-design-box{
	background:url(../images/web-design-slideshow-features.jpg) top center no-repeat;
	/*height:160px;*/
	margin:25px 0;
	padding:0;
}
.web-design-services-box{
	background:url(../images/web-design-services-placer.gif) top center no-repeat;
	width:282px;
	min-height:272px;
	margin:0;
	float:left;
	padding:0;
}
.web-design-services-box2{
	background:url(../images/web-design-services-placer.gif) top center no-repeat;
	width:282px;
	min-height:272px;
	margin:0 36px;
	float:left;
	padding:0;
}
.web-design-services-heading{
	padding:10px;
	font:24px "Trebuchet MS";
	margin:0;
}
.web-design-services-content{
	margin:0;
	padding:20px 10px;
}
.web-design-services-list{
	margin:0;
	padding:0;font:bold 16px Verdana, Arial, Helvetica, sans-serif;
}
.web-design-services-list ul{
	margin:0;
	padding:0;
	
}
.web-design-services-list ul li{
	list-style-image:url(../images/icon.gif);
	display:list-item;
	margin:0 0 0 20px;
	padding:2px 0;
}
.web-design-services-list ul li a{
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
.web-design-services-list ul li a:hovr{
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #fff;
}
/*inside-body*/

/*footer*/

.footer-main{
	background:url(../images/web-design-footer-mainbg.jpg) top center repeat-x;
	height:307px;
	margin:0;
	padding:0;
}
.footer-placer{
	background:url(../images/web-design-footer-bg.jpg) top center no-repeat;
	height:307px;
	margin:0 auto;
	padding:0;
	width:950px;
}
.services-heading{
	font:bold 24px "Trebuchet MS";
	color:#9bfafb;
	padding:15px 5px 5px 5px;
	float:left;
}
.contact-heading{
	font:bold 24px "Trebuchet MS";
	color:#9bfafb;
	padding:15px 55px 10px 5px;
	float:right;
}
.footre-bottom-box{
	width:204px;
	float:left;
	margin:0;
	padding:5px;
}
.footre-bottom-contact-box{
	width:280px;
	float:left;
	margin:0;
	padding:10px;
}
.bottom-footer-heading{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#CCFF00;
	margin:0;
	padding:5px;
}

/*footer*/

/*form*/
.input-field {
	margin:0;
	width:270px;
	background-color:#0f2e30;
	border:1px dotted #069090  ;
	color:#FFFFFF;
	height:18px;
	padding:0 2px;
}
.input-field:focus {
	background-color:#0f2e30;
	border:1px dotted #99FF33  ;
	color:#FFFFFF;
}
.textarea-field{
	margin:0;
	width:270px;
	background-color:#0f2e30;
	border:1px dotted #069090  ;
	color:#FFFFFF;
	height:60px;
	padding:0 2px;
	overflow:hidden;
}
.textarea-field:focus{

	background-color:#0f2e30;
	border:1px dotted #99FF33  ;
	color:#FFFFFF;
}
.textarea-field2{
	margin:0;
	width:270px;
	background-color:#0f2e30;
	border:1px dotted #069090  ;
	color:#FFFFFF;
	height:100px;
	padding:0 2px;
	overflow:hidden;
}
.textarea-field2:focus{

	background-color:#088689;
	border:1px dotted #99FF33  ;
	color:#FFFFFF;
}
.submit-btn{
	background:url(../images/web-design-submit-button.jpg) top center repeat-x;
	width:275px;
	text-align:center;
	padding:2px 0;
	height:24px;
	color:#fff;
	border:none;
	cursor:pointer;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.submit-btn:hover{
	background:url(../images/web-design-submit-button-hover.jpg) top center repeat-x;
	width:275px;
	text-align:center;
	padding:2px 0;
	height:24px;
	color:#fff;
}

.submit-btn1{
	background:url(../images/web-design-submit-button.jpg) top center repeat-x;
	width:80px;
	text-align:center;
	padding:2px 0;
	height:24px;
	color:#fff;
	border:none;
	cursor:pointer;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.submit-btn1:hover{
	background:url(../images/web-design-submit-button-hover.jpg) top center repeat-x;
}
/*form*/

/*portfolio*/

.portfolio-box{
	width:430px;
	height:430px;
	float:left;
	margin:8px;
	cursor:pointer;
	border:5px solid #CCCCCC;

}
.portfolio-box:hover{
	opacity:0.8;filter:alpha(opacity=10);
	
}


/*portfolio*/


/*contact*/

.form-text-field-left{
	width:200px;
	text-align:right;
	float:left;
	padding:0 5px;
	margin:5px 0;
}
.form-text-field-right{
	width:500px;
	text-align:left;
	float:left;
	padding:0 5px;
	margin:5px 0;
}

/*contact*/

.protfolio-sledeshow-view-bg{
	background:url(../images/protfolio-bg.jpg) top center no-repeat;
	height:393px;
	margin:0 0 10px 0;
	padding:3px 0 0 5px;
}
.protfolio-menu{
	margin:2px 0 0 0;
	padding:0;
}
.protfolio-menu ul{
	margin:0;
	padding:0 10px;
}
.protfolio-menu ul li{
	list-style:none;
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
.protfolio-menu ul li a{
	display:block;
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0 20px;
	line-height:320%;
}
.protfolio-menu ul li a:hover{
	background-color:#02bdba;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0 20px;
	border:none;
}
.template-placer-left{
	width:675px;
	float:left;
	margin:4px;
	padding:0;
	text-align:left;
}
.template-placer-right{
	width:204px;
	float:left;
	margin:20px 4px 4px 0;
	padding:10px;
	text-align:left;
	background:url(../images/offer-banner.gif) top center no-repeat;
	height:319px;
	color:#003300;
	cursor:pointer;
}
/*home-page-right-box*/

.choose-template-heading{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	}
.choose-template-left{
	width:78px;
	text-align:right;
	float:left;
	padding:0 5px;
	margin:5px 0;
	font-size:11px;
}
.choose-template-right{
	width:90px;
	text-align:left;
	float:left;
	padding:0 5px;
	margin:5px 0;
}

.input-field-choose-template {
	margin:0;
	width:90px;
	background-color:#0f2e30;
	border:1px dotted #069090  ;
	color:#FFFFFF;
	height:18px;
	padding:0 2px;
}
.input-field-choose-template:focus {
	background-color:#088689;
	border:1px dotted #99FF33  ;
	color:#FFFFFF;
}
.textarea-field3{
	margin:0;
	width:90px;
	background-color:#0f2e30;
	border:1px dotted #069090  ;
	color:#FFFFFF;
	height:30px;
	padding:0 2px;
	overflow:hidden;
}
.textarea-field3:focus{

	background-color:#088689;
	border:1px dotted #99FF33  ;
	color:#FFFFFF;
}
.submit-btn-choose-template{
	background:url(../images/web-design-submit-button.jpg) top center repeat-x;
	width:80px;
	text-align:center;
	padding:2px 0;
	height:24px;
	color:#fff;
	border:none;
	cursor:pointer;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.submit-btn-choose-template:hover{
	background:url(../images/web-design-submit-button-hover.jpg) top center repeat-x;
	width:80px;
	text-align:center;
	padding:2px 0;
	height:24px;
	color:#fff;
}

/*home-page-right-box*/
.partners-up-left{
	width:570px;
	float:left;
	margin:0 40px 0 0;
	padding:0;
}
.partners-up-right{
	width:300px;
	float:left;
	margin:0 ;
	padding:0;
}

.services-bg{
	background:url(../images/web-services.jpg) top right no-repeat
}
.slide-main-part{
	margin:0 100px;
	padding:0;
	
}
.sitemap-left{
	float:left;
	width:250px;
	margin:10px 0;
}


/*side-contact*/

 .slide-out-div {
        padding:10px 20px;
        width: 280px;
        height: 240px;
        background: #12413D;
 } 
 
 
#panel {
	height:150px;
	
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	background:#00ACCF url(../images/slide-btn.gif) no-repeat center top;

	left:450px;
	height:33px;
}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 8px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #CCCC00;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
/*home Slider*/
.sm {
	list-style:none;
	width:1000px;
	height:292px;
	display:block;
	overflow:hidden
}
.sm li {
	float:left;
	display:inline;
	overflow:hidden;
	position : relative;
	height: 292px;
}
.sm li img {
	position : absolute;
	right : 0;
}
/*home Slider*/