@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0}
a
{
	outline:0;
	border:0;
	color:#1b81a1;
	text-decoration:none;
}
a:hover
{outline:0;
border:0;
text-decoration:none;
}
img
{
outline:0;
border:0;

}


body{
background:#000 url(../images/mainbg.jpg) repeat-x center top fixed; 
color:#fff;
}

.aboutBg{
background:#000 url(../images/about-bg.jpg) no-repeat center top fixed;
}

.servicesBg{
background:#000 url(../images/services-bg.jpg) no-repeat center top fixed;
}

.showcaseBg{
background:#000 url(../images/showcase-bg.jpg) no-repeat center top fixed;
}

.technologyBg{
background:#000 url(../images/technology-bg.jpg) no-repeat center top fixed;
}

.blogBg{
background:#000 url(../images/blog-bg.jpg) no-repeat center top fixed;
}

.testimonialsBg{
background:#000 url(../images/testimonials-bg.jpg) no-repeat center top fixed;
}

.contactBg{
background:#000 url(../images/contact-bg.jpg) no-repeat center top fixed;
}

.green{ color:#a3d063;}

h1, h2, h3, h4, h5, h6{

font-family: Arial, Helvetica, sans-serif;
color:#1b81a1;
font-weight:normal;
}

h1{font-size:22px;
color:#000;
 font-family:Georgia, "Times New Roman", Times, serif; margin-top:3px; line-height:25px;}
h2{font-size:18px;
line-height:22px;
color:#1b81a1;
}
hr{border-bottom: dashed 1px #333; height:1px;}
h3{ font-size:14px; color:#1b81a1}
#container{
width:981px; 
margin:0 auto;
}

#logo{
background:url(../images/sharpwebstudio-logo.png) no-repeat 0px 2px; 
width:440px; 
height:115px; 
text-indent:-2000px;
}
#navigation{
background:url(../images/menu.png) no-repeat center        ;
height:40px;
}

#navigation ul{
list-style:none;
margin-left:3px;
}

#navigation li{
float:left; border: 0;
padding:0;
line-height:40px; 
}

#navigation li a{
line-height: 0;
display:block; 
text-indent: -2000px;
overflow: hidden;
}

/* **********************Top Navigation *************************** */

a.home{background:url(../images/home.png) no-repeat; width:122px; display:block; height:40px}
a.home:hover, .homeactive{background:url(../images/home.png) no-repeat 0px -40px;width:122px;  display:block; height:40px}

a.aboutus{background:url(../images/aboutus.png) no-repeat; width:122px; display:block; height:40px;}
a.aboutus:hover,  .aboutactive{background:url(../images/aboutus.png) no-repeat 0px -40px; width:122px; display:block; height:40px}

a.services{background:url(../images/services.png) no-repeat; width:122px; display:block; height:40px}
a.services:hover, .servicesactive{background:url(../images/services.png) 0px -40px no-repeat    ; width:122px; display:block; height:40px}

a.showcase{background:url(../images/showcase.png) no-repeat; width:122px; display:block; height:40px}
a.showcase:hover, .showcaseactive{background:url(../images/showcase.png) 0px -40px no-repeat    ; width:122px; display:block; height:40px}

a.technology{background:url(../images/technology.png) no-repeat; width:122px; display:block; height:40px}
a.technology:hover, .technologyactive{background:url(../images/technology.png) 0px -40px no-repeat    ; width:122px; display:block; height:40px}

a.blog{background:url(../images/blog.png) no-repeat; width:122px; display:block; height:40px}
a.blog:hover, .blogactive{background:url(../images/blog.png) 0px -40px no-repeat ; ; width:122px; display:block; height:40px}

a.testimonials{background:url(../images/testimonials.png) no-repeat; width:122px; display:block; height:40px}
a.testimonials:hover, .testimonialsactive{background:url(../images/testimonials.png) 0px -40px no-repeat    ; width:122px; display:block; height:40px}

a.contactus{background:url(../images/contactus.png) no-repeat; width:122px; display:block; height:40px}
a.contactus:hover, .contactusactive{background:url(../images/contactus.png) 0px -40px no-repeat    ; width:122px; display:block; height:40px}


#flashContainer, #flashContainer2{
padding-top:5px;
float:left;
}

#services-container{
	background:url(../images/box-bg.png) no-repeat 0px 5px;
	padding:15px;
	height:70px;
	padding-top:25px;
	line-height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow:0px 1px 0px #fff;
	font-size:22px;
	color:#6d1008;
	width:981px;
	float:left;
}



#services-container span{
	font-size:14px;
	text-transform:uppercase;

}

#serviceButton{
	background:url(../images/viewServices.png) no-repeat;
	width:187px;
	height:32px;
	float:right;
	margin-right:25px;
	margin-top:15px;
}

#serviceButton a{
	display:block;
	width:187px;
	height:32px;
	text-indent:-99999px;
}

#technology-container{
	background: url(../images/black-box.png) no-repeat;
	height:239px;
	width:981px;
	margin-top:5px;
	float:left;
}

#footer{
background:url(../images/footer.png) no-repeat;
height:49px;
width:981px;
margin-top:5px;
float:left;
color:#FFFFFF;
text-shadow:0px 1px 0px #262626;
}
#footer ul{
list-style:none;
margin-left:0px;
}

#footer li{
	display:inline;
	padding-right:10px; 
	margin-left:10px;
	border-right:1px dotted #666;
}

#footer a, p{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#fff; text-decoration:none; 
	line-height:49px
}

#footer a:hover{
	text-decoration:underline;
}
.clear{
	clear:both
}
#twitter{
	float:right; 
	text-align:right; 
	margin-top:-90px; 
	margin-right:10px; 
	position:relative; 
	z-index:1;
}

#leftcoloumn{
	float:left;
	width:600px;
	text-align:justify;
	line-height:20px;

}
#leftcoloumn p strong{
font-weight:bold;
}

#leftcoloumn2{
	float:left;
	width:280px;
	padding-right:15px;
	border-right:1px dashed #bababa;
	text-align:justify;
}

#leftcoloumn3{
	margin-left:15px;
	width:280px;
	float:left;
	text-align:justify;
}


.partnerBox{
	width:254px;
	background: url(../images/partner-with-us.png) no-repeat;
	height:185px;
	padding:15px;

}
.partnerBox h3, .quoteBox h3{ text-indent:-99999px;}

.partnerBox li{background:url(../images/tick-arrow.png) no-repeat 0px 5px;
list-style:none; padding-left:20px; line-height:22px;
}

.partnerBox li a{
color:#5b5b5b; text-decoration:none; 
}

.partnerBox li a:hover{
text-decoration:underline; color:#000; 
}

.quoteBox{
	width:254px;
	background: url(../images/quote-bg.png) no-repeat;
	height:450px;
	padding:15px;
}
.quoteBox .input{
background:url(../images/input-bg.png) no-repeat;
width:236px;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;

height:32px;
}

.quoteBox .input input, .quoteBox .textbox-quote textarea{border:#fff 1px solid;width:215px; font-size:12px; font-family:Arial, Helvetica, sans-serif}

.quoteBox .input-small{
background:url(../images/input-small-bg.png) no-repeat;
width:144px;
border:none;
float:right;
margin-right:14px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
height:32px;
}
.quoteBox .input-small input{width:120px; border:#fff 1px solid; font-size:12px;font-family:Arial, Helvetica, sans-serif}
.textbox-quote{
background:url(../images/textbox-bg.png) no-repeat;
width:226px;
overflow:auto;
padding-top:5px;
padding-bottom:15px;
overflow:hidden;
padding-left:10px;
height:120px;
}
.select-quote{
width:215px;
background:#fff;
padding-bottom:5px;
margin-top:-2px;
border:#fff 1px solid;
height:22px;
}
.submit-btn{background:url(../images/submit-btn.png) no-repeat; width:162px; height:28px; border:none; text-indent:-99999px; cursor:default; margin-left:40px;}
#rightcoloumn{
	width:290px;
	padding:5px;
	float:right;
}

.rightWhiteBox{
	width:254px;
	background:#FFFFFF;
	border:1px solid #d9d9d9;
	padding:15px;
}

.leftWhiteBox{
	width:530px;
	background:#FFFFFF;
	border:1px solid #d9d9d9;
	padding:15px;
}

.rightWhiteBox a{
	color:#376aac;
	text-decoration:none;
}
.rightWhiteBox a:hover{
	color:#376aac;
	text-decoration:underline;
	}
.thumb1, .thumb2, .thumb3, .thumb4, .thumb5, .thumb6, .thumb7, .thumb8, .thumb9{
	background:url(../images/thumb.jpg) no-repeat;
	display:block;
	height:33px;
	padding-left:40px;
	padding-top:2px;
	}
.thumb2{background-position:0px -35px;}
.thumb3{background-position:0px -70px;}
.thumb4{background-position:0px -105px;}
.thumb5{background-position:0px -140px;}
.thumb6{background-position:0px -175px;}
.thumb7{background-position:0px -210px;}
.thumb8{background-position:0px -245px;}
.thumb9{background-position:0px -285px;}
.thumb10{background-position:0px -325px;}
.greybox{
	padding:10px;

}

.contactBox{background:url(../images/contactBox.png) no-repeat; width:255px; height:170px; padding:15px;}
.web-expert{background:url(../images/web-expert.png) no-repeat;  width:247px; height: 22px; text-indent:-9999px; display:block}
.orangeText{color:#FF6600}
.bluetext{color:#0066FF}
.grow-Business{width:284px; height:300px; display:block}
.grow-Business p{text-indent:-99999px}



/* **********************About Page *************************** */

#aboutContainer{
background:url(../images/about-header.png) no-repeat center    ;
margin-top:15px;
height:307px;
width:981px;
float:left;
text-indent:-9999px;
display:block;
}


#midtop{
background:url(../images/mid-top.png) no-repeat;
width:977px;
height:29px;
float:left;
}

#midtop .outsource, .ourCompanyHeading, .ourTeamHeading, .ourStrategy, .ourMethodology, .servicesHead, .contactHead, .careeersHead, .requestQuote, .testimonial-heading, .technology-heading, .aboutus-heading, .website-heading, .webapplication-heading, .mobilewebsites-heading, .flexwebsite-Heading, .logos-heading, .web2-heading, .ecommerce-heading, .internet-heading, .seo-heading, .grafic-heading, .Elearning-heading, .showcase-heading, .wordpress-heading, .joomla-heading, .iphone-heading, .zencart-heading, .oscommerce-heading, .creloaded-heading, .ning-heading, .php-heading, .asp-heading, .ruby-heading, .blog-heading, .social-networking-heading {
text-indent:-9999px;
background:url(../images/outsource.png) no-repeat;
width:626px;
height:34px;
display:block;
margin:30px;
}
.social-networking-heading
{
	background:url(../images/social-networking.png) no-repeat;
}
.blog-heading
{
	background:url(../images/blog-head.png) no-repeat;
}

.ruby-heading

{
	background:url(../images/ruby-on-rails.png) no-repeat;
}


.php-heading
{
	background:url(../images/php-mysql-apache.png) no-repeat;
}

.asp-heading
{
	background:url(../images/microsoft-asp-net.png) no-repeat;
}
.ning-heading
{
	background:url(../images/ning-social.png) no-repeat;
}

.creloaded-heading
{
	background:url(../images/creloaded.png) no-repeat;
}
.oscommerce-heading
{
	background:url(../images/oscommerce.png) no-repeat;
}
.zencart-heading
{
	background:url(../images/zencart.png) no-repeat;
}

.iphone-heading
{
	background:url(../images/iphone-websites.png) no-repeat;
}
.joomla-heading
{
	background:url(../images/joomla.png) no-repeat;
}


.wordpress-heading
{
background:url(../images/wordpress.png) no-repeat;
}

.showcase-heading
{
background:url(../images/showcase-head.png) no-repeat;
}

.Elearning-heading
{
background:url(../images/e-learning.png) no-repeat;
}

.grafic-heading
{
background:url(../images/graphic-print.png) no-repeat;
}

.seo-heading
{
background:url(../images/seo.png) no-repeat;
}
.internet-heading
{
background:url(../images/internet-marketing.png) no-repeat;
}
.ecommerce-heading
{
background:url(../images/ecommerce-website.png) no-repeat;
}
.web2-heading
{
background:url(../images/web2-development.png) no-repeat;
}

.web2-heading
{
background:url(../images/web2-development.png) no-repeat;
}

.logos-heading
{
background:url(../images/logos.png) no-repeat;
}
.flexwebsite-Heading{
background:url(../images/flex-website.png) no-repeat;
}

.mobilewebsites-heading{
background:url(../images/mobile-websites.png) no-repeat;
}
.webapplication-heading{
background:url(../images/web-applications-heading.png) no-repeat;
}
.technology-heading{
background:url(../images/technology-head.png) no-repeat;
}
.website-heading{
background:url(../images/websites.png) no-repeat;
}
.aboutus-heading{
background:url(../images/about-heading.png) no-repeat;
}
.testimonial-heading{
background:url(../images/testimonials-head.png) no-repeat;
}

.ourCompanyHeading{
background:url(../images/our-company.png) no-repeat;
}

.ourTeamHeading{
	background:url(../images/our-expertise.png) no-repeat;
}
.ourStrategy {
background:url(../images/our-strategy.png) no-repeat;
}
.ourMethodology {
background:url(../images/our-methodology.png) no-repeat;
}

.servicesHead{
background:url(../images/services-head.png) no-repeat;
}

.contactHead {
background:url(../images/contact-us.png) no-repeat;
}

.careeersHead {
background:url(../images/careers-sws.png) no-repeat;
}

.requestQuote {
background:url(../images/request-quote.png) no-repeat;
}


#middle{
background:url(../images/mid-center.png) repeat-y;
width:957px;
float:left;
padding:50px 0px 0px 20px;


font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;

}

#mid-bottom{
background:url(../images/mid-bottom.png) no-repeat;
width:977px;
height:29px;
float:left;
}

#middle p{
color:#fff;
line-height:16px;
}

#whitetop{
background: url(../images/mid-white-top.png) no-repeat;
width:935px;
height:12px;
float:left;
}

#whitemiddle{

background: url(../images/mid-white-mid.png) no-repeat #fff;
width:911px;
float:left;
padding:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;

color:#000;

}

#whitebottom{
background:url(../images/mid-white-bottom.png) no-repeat;
width:935px;
height:12px;
float:left;
}

#whitemiddle p{
color:#000;

}


/* **********************Services Page *************************** */

#servicesContainer{
background:url(../images/services-header.png) no-repeat center    ;
margin-top:15px;
height:321px;
width:981px;
float:left;
text-indent:-9999px;
display:block;
}

.website-serv, .mobile-serv, .flex-serv, .logo-serv, .web2-serv, .ecom-serv, .internet-serv, .seo-serv, .graphic-serv, .elearning-serv, .elearning-serv{
background:url(../images/webdesign_serv.png) no-repeat 0px 12px;
margin:0px;
height:29px;
text-indent:-9999px;
}

#service-text{	
width:500px; 
	background:none;
	line-height:normal;
	padding:0;
}

#service-text p{line-height:normal;	padding-left:400px;
	margin-top:-150px;}
#service-text a{text-align:left}


.web-serv-bg{background:url(../images/webdesign-serv-bg.jpg) no-repeat; width:904px; height:215px; color:#FF6600}
.web-serv-bg a{text-decoration:none; }
.web-serv-bg a:hover{text-decoration:underline;color:#FF6600}
.mobile-serv{background:url(../images/mobile-web-serv.png) no-repeat 0px 12px;}
.mobile-serv-bg{background:url(../images/mobile-serv-bg.jpg) no-repeat; width:904px; height:215px;}
.mobile-serv-bg a{text-decoration:none; }
.mobile-serv-bg a:hover{text-decoration:underline;color:#00CCFF}
.flex-serv{background:url(../images/flex-dev-serv.png) no-repeat 0px 12px;}
.flex-serv-bg{background:url(../images/flex-serv-bg.jpg) no-repeat; width:904px; height:215px;}
.flex-serv-bg a{text-decoration:none; }
.flex-serv-bg a:hover{text-decoration:underline;color:#CC0000}


.logo-serv{background:url(../images/logos-brochure-serv.png) no-repeat 0px 12px;}
.logo-serv-bg{background:url(../images/logo-serv-bg.jpg) no-repeat; width:904px; height:215px;}
.logo-serv-bg a{text-decoration:none; }
.logo-serv-bg a:hover{text-decoration:underline;color:#00CC33}

.web2-serv{background:url(../images/web2-dev-serv.png) no-repeat 0px 12px;}
.web2-serv-bg{background:url(../images/web2-serv-bg.jpg) no-repeat; width:904px; height:215px;}
.web2-serv-bg a{text-decoration:none; }
.web2-serv-bg a:hover{text-decoration:underline;color:#FF99FF}


.ecom-serv{background:url(../images/ecom-web-ser.png) no-repeat 0px 12px;}
.ecom-serv-bg{background:url(../images/ecom-serv-bg.jpg) no-repeat; width:904px; height:215px;}
.ecom-serv-bg a{text-decoration:none; }
.ecom-serv-bg a:hover{text-decoration:underline;color:#CCCCCC}

.internet-serv{background:url(../images/internet-mark-serv.png) no-repeat 0px 12px;}
.internet-serv-bg{background:url(../images/internet-serv-bg.jpg) no-repeat; width:904px; height:215px;}
.internet-serv-bg a{text-decoration:none; }
.internet-serv-bg a:hover{text-decoration:underline;color:#00CC00}


.seo-serv{background:url(../images/seo-serv.png) no-repeat 0px 12px;}
.seo-serv-bg{background:url(../images/seo-serv-bg.jpg) no-repeat; width:904px; height:215px;}
.seo-serv-bg a{text-decoration:none; }
.seo-serv-bg a:hover{text-decoration:underline;color:#114200}


.graphic-serv{background:url(../images/graphic-print-serv.png) no-repeat 0px 12px;}
.graphic-serv-bg{background:url(../images/graphics-serv-bg.jpg) no-repeat; width:904px; height:215px;}
.graphic-serv-bg a{text-decoration:none; }
.graphic-serv-bg a:hover{text-decoration:underline;color:#fff}


.elearning-serv{background:url(../images/elearning-serv.png) no-repeat 0px 12px;}
.elearning-serv-bg{background:url(../images/elearning-serv-bg.jpg) no-repeat; width:904px; height:215px;}
.elearning-serv-bg a{text-decoration:none; }
.elearning-serv-bg a:hover{text-decoration:underline;color:#FF6600}


/* ----------- Content bullet container----*/
.box-text-top{background:url(../images/inner-div-top.gif) no-repeat; width:564px; height:11px}
.box-text-bot{background:url(../images/corner-ribbon-bg.png) no-repeat;width:520px; height:180px; padding-top:52px; padding-left:82px}
.box-text-bg1{background:url(../images/box-text-bg1.jpg) no-repeat;width:520px; height:270px; padding-top:52px; padding-left:82px}
.box-text-bot td{	
	color:#333333;
	text-align:left;
	font-size:12px;
	padding-left:20px;
	line-height:normal;
	padding-right: 10px;
	padding-bottom: 10px;
	text-shadow: 1px 1px 0px #fff;
}

.box-text-bot li, .box-text-bg1 li{
background:url(../images/right-sign.png) no-repeat 0px 0px;
list-style:none;	
	color:#333333;
	text-align:left;
	font-size:12px;
	padding-left:20px;
	line-height:normal;
	padding-right: 10px;
	padding-bottom: 10px;
	text-shadow: 1px 1px 0px #fff;
}
.arrow{background:url(../images/right-sign.png) no-repeat 0px 0px;}

.border
{
border-bottom:3px #CCCCCC groove;}
.blue
{color:#1b81a1;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;}





span.tool {
  position: relative;  
  cursor: help;
}
 
span.tool span.tip {
  display: none;        
} 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top:- 500px;
  left: 0;
  width:500px;
  padding:10px;
  border: 1px solid #ccc;
  background-color: #e4f1f9;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  text-align:justify;
  color: #000;
  line-height:20px;  
}

#content span.tool::after {
  padding-left: 2px;            

}


/*contact us page start here*/


.arial_20{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#ff7b0a;
	}
	
.arial_border{
	border-bottom:1px dashed #000000;
	width:100%;
	padding-top:10px;
	}	
	
	
.arial_red{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a30e2f;
	font-weight:bold;
	}	
	
	
.input{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#575757;
	font-weight:normal;
	text-align:left;
/*background:transparent !important;*/
	background:url(../images/input.jpg) no-repeat;
	width:243px;
	height:32px;
}


.input_box{
	background:transparent !important;
	width:230px;
	height:24px;
	border:0px;
	outline:0px;
	padding-top:5px;
	padding-left:5px;}	
	
	
	
.input_new{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#575757;
	font-weight:normal;
	text-align:left;
/*background:transparent !important;*/
	background:url(../images/input_new.jpg) no-repeat;
	width:502px;
	height:32px;
}


.input_box_new{
	background:transparent !important;
	width:492px;
	height:32px;
	border:0px;
	outline:0px;
	padding-top:5px;
	padding-left:5px;}	
		
	
	
	
	
	
	.form_txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#212121;
	font-weight:normal;
	text-align:justify;
	padding-left:5px;
		}	
		
		
	.optional_red{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a30e2f;
	font-weight:normal;
	padding-left:50px;
	}	
	
	
	

	
	
.textbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#575757;
	font-weight:normal;
	text-align:left;
	background:transparent !important;
	width:490px;
	height:93px;
	border:0px;
	outline:0px;
	padding-top:5px;
	padding-left:5px;
	}	
	
.login_btn_inner_1{
	cursor:pointer;
	background:url(../images/submit.jpg) no-repeat;
	width:98px;
	height:35px;
	margin-right:15px;
	border:0px;
	outline:0px;
		}		
		
.select_box{
	width:502px;
	height:32px;
	}		


#dhtmltooltip{
position: absolute;
width: 170px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
text-align:center;
background-color:#FFFFCC;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/********** Feature box **************************/
.top-rect {
 margin: 0; padding: 0 50px 0 0;
 width:550px;
 background: transparent url(../images/shadow.gif) repeat-y right top;
 
}
.top-rect h1 {
 margin: 0; padding: 50px 0 0 50px;
 	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	text-shadow: 2px 2px 0px #dedede;
	background: transparent url(../images/shadow.gif) no-repeat left top;

}
.bottom {
 margin: 0; padding: 0 50px 0 0;
  width:550px;
 background: transparent url(../images/shadow.gif) repeat-y right bottom;
}
.bottom p {
	color:#333333;
	text-align:left;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
 margin: 0; padding: 10px 0 25px 50px;
 background: transparent url(../images/shadow.gif) no-repeat left bottom;
}

.p p, .p ul {

 margin: 0; padding: 10px 0 0 50px;
 background: transparent url(../images/shadow.gif) repeat-y 0 -50px;/* align left - start 50px from the top */
 	color:#333333;
	text-shadow: 1px 1px 0px #fff;
	text-align:left;
	font-size:12px;
	
}
.p ul ul{background:none; padding-left:0px}

.p {
 width:550px;
 margin: 0; padding: 0 50px 0 0;
 background: transparent url(../images/shadow.gif) repeat-y 100% -50px;/* align right - start 50px from the top */
}
.p li{list-style:none; background:url(../images/tick_16.png) no-repeat  0px 5px; padding-left:25px; padding-bottom:5px;
}
.feature{
background:url(../images/feature.png) no-repeat; width:114px; height:118px; position:absolute;  }

/********** Feature box **************************/

/**************** Right Skill Box Home *****************/
#tabMenu {margin:0;padding:0 0 0 10px;list-style:none;}
#tabMenu li {float:left;height:32px;width:39px;}

li.star {background:url(../images/tabStar.png) no-repeat 0 -32px;}
li.php {background:url(../images/tabPhp.png) no-repeat 0 -32px;}
li.iphone {background:url(../images/tabIphone.png) no-repeat 0 -32px;}
li.yahoo {background:url(../images/tabYahoo.png) no-repeat 0 -32px;}
li.print {background:url(../images/tabPrint.png) no-repeat 0 -32px;}
li.seo{background:url(../images/tabSeo.png) no-repeat 0 -32px;}
li.flash{background:url(../images/tabFlash.png) no-repeat 0 -32px;}

li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -32px;}
li.selected {background-position:0 0;}

.box {width:295px}
.boxTop {background:url(../images/boxTop.png) no-repeat;height:10px; clear:both}
*html .boxTop {margin-bottom:-2px;}
.boxBody {background:url(../images/boxBg.png) repeat-y;}
.boxBottom {background:url(../images/boxBottom.png) no-repeat;height:37px;}

.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #category a {display:block;}

.boxBody div ul {margin:0 10px 0 5px;padding:0;width:280px;}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer; list-style:none}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}
.portfolio-heading{font-weight: bolder; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:24px; color:#0066CC;}
.portfolio-image{padding-top:5px}

#portfolio-buttons {
margin:0 auto; 
text-align:center;

	}
#portfolio-buttons ul li{
  float:left;
    height:36px;
	padding-right:5px;
	padding-bottom:8px;
	display:inline;
	text-indent:-99999px;
	
   }
	#portfolio-buttons ul li a{
     border:0;
     height:36px;
     display:block;
     width:108px; text-align:center;
     
    }
#portfolio-buttons  #w a{ background:url(../images/showcase/websites.png) no-repeat;}
#portfolio-buttons 	#w a:hover, #portfolio-buttons 	#w  .on{ background:url(../images/showcase/websites.png)  no-repeat 0 -36px;}
#portfolio-buttons  #e a{ background:url(../images/showcase/ecommerce.png) no-repeat;}
#portfolio-buttons 	#e a:hover, #portfolio-buttons 	#e  .on{ background:url(../images/showcase/ecommerce.png) no-repeat 0 -36px;}
#portfolio-buttons  #wd a{ background:url(../images/showcase/wordpress.png) no-repeat;}
#portfolio-buttons 	#wd a:hover, #portfolio-buttons #wd  .on{ background:url(../images/showcase/wordpress.png) no-repeat 0 -36px;}
#portfolio-buttons  #j a{ background:url(../images/showcase/joomla.png) no-repeat;}
#portfolio-buttons 	#j a:hover, #portfolio-buttons 	#j  .on{ background:url(../images/showcase/joomla.png) no-repeat 0 -36px;}
#portfolio-buttons  #s a{ background:url(../images/showcase/socialsites.png) no-repeat;}
#portfolio-buttons 	#s a:hover, #portfolio-buttons 	#s  .on{ background:url(../images/showcase/socialsites.png) no-repeat 0 -36px;}
#portfolio-buttons  #u a{ background:url(../images/showcase/user-interface.png) no-repeat;}
#portfolio-buttons 	#u a:hover, #portfolio-buttons 	#u  .on{ background:url(../images/showcase/user-interface.png) no-repeat 0 -36px;}
#portfolio-buttons  #m a{ background:url(../images/showcase/misc.png) no-repeat;}
#portfolio-buttons 	#m a:hover, #portfolio-buttons 	#m  .on{ background:url(../images/showcase/misc.png) no-repeat 0 -36px;}
#portfolio-buttons  #i a{ background:url(../images/showcase/iphone-twitter.png) no-repeat;}
#portfolio-buttons 	#i a:hover, #portfolio-buttons 	#i  .on{ background:url(../images/showcase/iphone-twitter.png) no-repeat 0 -36px;}
#portfolio-buttons  #g a{ background:url(../images/showcase/graphics.png) no-repeat;}
#portfolio-buttons 	#g a:hover, #portfolio-buttons 	#g  .on{ background:url(../images/showcase/graphics.png) no-repeat 0 -36px;}
#portfolio-buttons  #f a{ background:url(../images/showcase/flash-videos.png) no-repeat;}
#portfolio-buttons 	#f a:hover, #portfolio-buttons 	#f  .on{ background:url(../images/showcase/flash-videos.png) no-repeat 0 -36px;}
#portfolio-buttons  #l a{ background:url(../images/showcase/logos.png) no-repeat;}
#portfolio-buttons 	#l a:hover, #portfolio-buttons 	#l  .on{ background:url(../images/showcase/logos.png) no-repeat 0 -36px;}
#portfolio-buttons  #p a{ background:url(../images/showcase/print-media.png) no-repeat;}
#portfolio-buttons 	#p a:hover, #portfolio-buttons 	#p  .on{ background:url(../images/showcase/print-media.png) no-repeat 0 -36px;}

/**************** Right Skill Box End *****************/

/* logo portfolio */
.logo-box{float:left; width:269px; height:188px; padding-bottom:15px; }


/*contact page*/

.contact-input-bg{
background:url(../images/input-bg.png) no-repeat 0px 2px;
width:280px;
padding-left:10px;
height:50px;
}
.contact-message-bg{
background: url(../images/message_bg.gif) no-repeat 0px 2px;
width:495px;
padding-left:10px;
padding-top:6px;
height:160px;
}
.contact-input-bg input{ width:205px; height:28px;  padding-top:-3px; color:#333333; font-size:18px; border:none;  background-color:transparent;}
.contact-input-bg select{ width:260px; height:28px;  padding-top:-3px; color:#333333; font-size:18px; border:none;  background-color:transparent;}
.contact-box-textarea{ width:470px; font-family:Arial, Helvetica, sans-serif; height:120px; color:#333333; font-size:18px; border:none;  background-color:transparent;}

.contact-text{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#3985b1; font-weight:bold}