@charset "utf-8";
body { 
	font: normal 11px Verdana, Geneva, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	line-height: 18px;
	color: #000000;
}
html { padding:0; margin:0;}
img { border: 0px;}
.clr {clear:both; padding:0;}
h1, h2, h3, h4, p, form, label, input, textarea, span{
	margin:0; padding:0; border: 0px;
}
a image { border: none; }
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/* header */
.container { width:950px; margin:0 auto; padding:0; text-align: left; }
.logo { width:230px; height:55px; margin:0; padding:10px 10px; float:left; }
.call { width:205px; height:41px; float:right; margin:20px 10px 0 0; padding:0; }

/* menu */
.menu { width:950px; height:40px; margin:5px 0 1px 0; padding:0; float:left; background:url(../images/bg.jpg) no-repeat top;}
.menu ul { float:left; margin:0; padding:0; list-style:none;}
.menu li { float:left; width:101px; height:40px; margin:0; padding:0 0; font:bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6; float:left; background:url(../images/sep.gif) no-repeat right;}

.menu a.home { float:left; margin:0 0; padding:0 0; background:url(../images/home.jpg) no-repeat left; width:100px; height:40px; text-indent: -9000px; outline:none;}
.menu a.home:hover { float:left; margin:0 0; padding:0 0; background:url(../images/homeOver.jpg) no-repeat left; width:100px; height:40px; }
.menu a.home:active { float:left; margin:0 0; padding:0 0; background:url(../images/homeOver.jpg) no-repeat left; width:100px; height:40px; }

.menu a.service { float:left; margin:0 0; padding:0 0; background:url(../images/services.jpg) no-repeat left; width:100px; height:40px; text-indent: -9000px; outline:none;}
.menu a.service:hover { float:left; margin:0 0; padding:0 0; background:url(../images/servicesOver.jpg) no-repeat left; width:100px; height:40px; }
.menu a.service:active { float:left; margin:0 0; padding:0 0; background:url(../images/servicesOver.jpg) no-repeat left; width:100px; height:40px; }

.menu a.portfolio { float:left; margin:0 0; padding:0 0; background:url(../images/portfolio.jpg) no-repeat left; width:100px; height:40px; text-indent: -9000px; outline:none;}
.menu a.portfolio:hover { float:left; margin:0 0; padding:0 0; background:url(../images/portfolioOver.jpg) no-repeat left; width:100px; height:40px; }
.menu a.portfolio:active { float:left; margin:0 0; padding:0 0; background:url(../images/portfolioOver.jpg) no-repeat left; width:100px; height:40px; }

.menu a.about { float:left; margin:0 0; padding:0 0; background:url(../images/about.jpg) no-repeat left; width:100px; height:40px; text-indent: -9000px; outline:none;}
.menu a.about:hover { float:left; margin:0 0; padding:0 0; background:url(../images/aboutOver.jpg) no-repeat left; width:100px; height:40px; }
.menu a.about:active { float:left; margin:0 0; padding:0 0; background:url(../images/aboutOver.jpg) no-repeat left; width:100px; height:40px; }

.menu a.support { float:left; margin:0 0; padding:0 0; background:url(../images/support.jpg) no-repeat left; width:100px; height:40px; text-indent: -9000px; outline:none;}
.menu a.support:hover { float:left; margin:0 0; padding:0 0; background:url(../images/supportOver.jpg) no-repeat left; width:100px; height:40px; }
.menu a.support:active { float:left; margin:0 0; padding:0 0; background:url(../images/supportOver.jpg) no-repeat left; width:100px; height:40px; }

.menu a.contact { float:left; margin:0 0; padding:0 0; background:url(../images/contact.jpg) no-repeat left; width:100px; height:40px; text-indent: -9000px; outline:none;}
.menu a.contact:hover { float:left; margin:0 0; padding:0 0; background:url(../images/contactOver.jpg) no-repeat left; width:100px; height:40px; }
.menu a.contact:active { float:left; margin:0 0; padding:0 0; background:url(../images/contactOver.jpg) no-repeat left; width:100px; height:40px; }

.client {width:85px; padding:0; margin:15px 10px 0 0; float:right;}
.client p { text-align:right; font:normal 11px Verdana, Geneva, sans-serif; color:#fff; padding:0 0; margin:0; background: url(../images/client.jpg) left no-repeat;}
.client a { text-decoration:none; font:normal 11px Verdana, Geneva, sans-serif; color:#fff;}

/* header*/
.header {  margin:0 auto; padding:0; width:950px; height:251px;}
.header .block { float:left; padding:0; margin:0 1px 0 0; width:700px;}
.header .block1 { float:right; padding:0; margin:0 0 1px 0; background:url(../images/block1.jpg) no-repeat right; width:249px; height:125px;}
.header .block2 { float:right; padding:0; margin:0; background:url(../images/block2.jpg) no-repeat right; width:249px; height:125px;}

/*content*/
.content { width:950px; height:502px; margin:2px auto; padding:0px; background:url(../images/contents.jpg) no-repeat top center;}


.innercolumn { width:245px; margin:0 5px 0 0; padding:0; float: left; }
.innercolumn .block1inner { padding:0; margin:0 0 2px 0; background:url(../images/block1-inner.jpg) no-repeat right; width:245px; height:124px;}
.innercolumn .block2inner { padding:0; margin:0 0 2px 0; background:url(../images/block2-inner.jpg) no-repeat right; width:245px; height:124px;}


#menuinner { width: 245px; height: 290px; margin: 0 0 5px 0; padding:0px; background:url(../images/sidebarbg.jpg) no-repeat top; }
#menuinner ul { margin:0; padding:10px 15px; list-style:none; }
#menuinner li { height:25px; margin:5px; padding:0 0 0 15px; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; background:url(../images/bullet.png) no-repeat 0px 5px; }
#menuinner li a { color:#FFF; text-decoration:none; }
#menuinner li a:hover { color:#FC6; text-decoration:none;}

.innercontainer { width:700px; height:auto; float:left; margin:0 0 0 250px; margin:0; padding:0; }
.innercontainer .blockinner { padding:0; margin:0; width:700px; height:251px;}
.innercontainer .innercontents { width:700px; margin:2px 0 0 0; padding:0px; background:url(../images/background-inner.jpg) no-repeat top; }
.innercontainer .innercontents h1 {
	padding:10px 0 10px 20px;
	margin:0;
	font:bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#600;
}
.innercontainer .innercontents p { padding:10px 10px 10px 20px; margin:0; }


.content .textBlock {width: 675px; padding:0; margin:0 0 0 25px; float:left;}
.content .textBlock h1 { padding:0; margin:0; background:url(../images/our-services.png) no-repeat 5px 20px; text-indent: -9999px; width:200px; height:50px;}

.content .textBlock .blockleft {width: 325px; margin: 5px auto; float:left; }
.content .textBlock .tag { float:left; width:50px; height:89px; margin:10px 0 0 0; padding:0; }
.content .textBlock .blockleft img {float:left; border:0px; outline:none;}
.content .textBlock .blockleft p { font:normal 11px Verdana, Geneva, sans-serif; color:#666; line-height:17px; padding:0 0 0 10px; margin:0; }

.content .textBlock .blockright {width: 325px; margin: 5px 5px; float:left; }
.content .textBlock .tag { float:left; width:50px; margin:10px 0 0 0; padding:0;}
.content .textBlock .blockright img { border:0px; outline:none;}
.content .textBlock .blockright p { font:normal 11px Verdana, Geneva, sans-serif; color:#666; line-height:17px; padding:0 0 0 10px; margin:0; }

.content .textBlock #websiteDesign { float:left; width:265px; }
.content .textBlock #websiteDesign h2 { padding:0; margin:0; background:url(../images/website-design.png) no-repeat 10px 10px; text-indent: -9999px; width:265px; height:30px; }
.content .textBlock #websiteDesign h2 a { display:block; width:96px; height:15px; padding:9px 5px 0 5px; outline:none;}

.content .textBlock #oldsite2new { float:left; width:265px; }
.content .textBlock #oldsite2new h2 { padding:0; margin:0; background:url(../images/oldsite2new.png) no-repeat 10px 10px; text-indent: -9999px; width:265px; height:30px; }
.content .textBlock #oldsite2new h2 a { display:block; width:160px; height:15px; padding:9px 5px 0 5px; outline:none;}

.content .textBlock #software-development { float:left; width:265px; }
.content .textBlock #software-development h2 { padding:0; margin:0; background:url(../images/software-development.png) no-repeat 10px 10px; text-indent: -9999px; width:265px; height:30px; }
.content .textBlock #software-development h2 a { display:block; width:140px; height:15px; padding:9px 5px 0 5px; outline:none;}

.content .textBlock #consulting-service { float:left; width:265px; }
.content .textBlock #consulting-service h2 { padding:0; margin:0; background:url(../images/consulting-service.png) no-repeat 10px 10px; text-indent: -9999px; width:265px; height:30px; }
.content .textBlock #consulting-service h2 a { display:block; width:165px; height:15px; padding:9px 5px 0 5px; outline:none;}

.content .textBlock #domain-hosting { float:left; width:265px; }
.content .textBlock #domain-hosting h2 { padding:0; margin:0; background:url(../images/domain-hosting.png) no-repeat 10px 10px; text-indent: -9999px; width:265px; height:30px; }
.content .textBlock #domain-hosting h2 a { display:block; width:165px; height:15px; padding:9px 5px 0 5px; outline:none;}

.content .textBlock #ecommerce { float:left; width:265px; }
.content .textBlock #ecommerce h2 { padding:0; margin:0; background:url(../images/ecommerce.png) no-repeat 10px 10px; text-indent: -9999px; width:265px; height:30px; }
.content .textBlock #ecommerce h2 a { display:block; width:80px; height:15px; padding:9px 5px 0 5px; outline:none;}

.content .textBlock #seo { float:left; width:265px; }
.content .textBlock #seo h2 { padding:0; margin:0; background:url(../images/seo.png) no-repeat 10px 10px; text-indent: -9999px; width:265px; height:30px; }
.content .textBlock #seo h2 a { display:block; width:155px; height:15px; padding:9px 5px 0 5px; outline:none;}

.content .textBlock #virtual-office { float:left; width:265px; }
.content .textBlock #virtual-office h2 { padding:0; margin:0; background:url(../images/virtual-office.png) no-repeat 10px 10px; text-indent: -9999px; width:265px; height:30px; }
.content .textBlock #virtual-office h2 a { display:block; width:80px; height:15px; padding:9px 5px 0 5px; outline:none;}

.content .newsviews {width: 250px; padding:0; float:left;}
.content .newsviews .newsevents {width: 250px; height:270px; padding:0; }
.content .newsviews .newsevents h1 { padding:0; margin:0; background:url(../images/news-events.png) no-repeat 10px 20px; text-indent: -9999px; width:135px; height:50px;}


.content .newsviews .testimonials {width: 250px; height:225px; padding:0; }
.content .newsviews .testimonials h1 { padding:0; margin:0; background:url(../images/testimonials.png) no-repeat 10px 20px; text-indent: -9999px; width:135px; height:50px;}

.content a { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#1d5491; text-decoration: underline; padding:0 0 0 60px;}
.content .About { float:left; width:265px; margin:0; padding:10px 20px;}
.content .Our  {float:left; width:265px; border-left:1px  solid #e1e1e1; margin:0; padding:10px 20px;}
.content .Testimonials {float:right; width:265px; border-left:1px  solid #e1e1e1; margin:0; padding:10px 20px;}

/*contents*/
.contents { width:952px; height:auto; margin:0 0 5px 0; padding:0px; background:url(../images/background.jpg) no-repeat top;}
.contents h1 { padding:0; margin:0; background:url(../images/nettlife-technologies.png) no-repeat 25px 20px; text-indent: -9999px; width:500px; height:50px;}
.contents p { font: normal 11px Verdana, Geneva, sans-serif; color:#000; line-height:18px; padding:10px 25px; margin:0; }

/* Breadcrumb & Contact Form*/
#breadcrumb { font-size:10px; color: #666; }
#breadcrumb a { font-weight:bold; text-decoration:none; font-size:10px; color: #666; }
#breadcrumb a:hover { font-weight:bold; text-decoration:underline; font-size: 10px; color: #666; }
.successmsgs	{font-size:11px; font-weight:normal; line-height:17px; border-top:1px solid green; border-bottom: 1px solid green; background: #d2ffd4 url(../images/icons/success.gif) no-repeat scroll 5px 7px; padding:7px 15px 7px 30px;margin:10px 0pt;}
.info_messages	{background:#FFF2CE url(../images/icons/information.gif) no-repeat scroll 5px 7px; border-bottom:1px solid #EBD085; border-top:1px solid #EBD085; padding:7px 15px 7px 30px; font-size:10px; font-weight:bold;}
.infobar		{border-bottom:1px solid #EBD085; border-top:1px solid #EBD085; padding:7px 15px 7px 30px; background-color: #FFF2CE; font-size:10px;}
.error_box{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #f03a31;
	padding: 10px 15px 10px 15px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #f03a31;
	background-color: #fad3c5;
}
/********** contact form **********/
#contact fieldset {
	 border: 1px solid #999;
	 margin: 10px 0 20px 0;
	 padding: 0px 10px 0px 10px;
}
#contact fieldset legend {
	font: 16px/22px Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
	padding: 10px 10px;
}
#contactform.space { width:500px; float:left; padding:10px 10px; margin:0;}
#contactform { margin:0; padding:5px 10px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform label span.red { color:#F00;}
#contactform input.text { width:320px; border:1px solid #999; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform li img { width:60px; height:30px; border:1px solid #999; margin:2px 5px; padding:0px 0px; float:left;}
#contactform textarea { width:320px; border:1px solid #999; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li span.submitbtn img { width:132px; height:28px; margin-left:115px; padding:0px 0px; float:left;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

/* footer */
.footer { margin:5px auto; padding:15px 0 0 0; font: normal 11px Verdana, Geneva, sans-serif; color:#333; background-color:#F9F6EC; border:1px solid #DCDBC8; width:950px; height:150px;}
.footer .row { width:900px; height:20px; margin:0 auto; padding:0; clear:both; }
.footer .row .heading { padding:6px 0 0 0; margin:0; width:100px; height:20px; float:left; }
.footer .row .navigation { 
	width:800px;
	height:20px;
	padding:3px 0 0 0; margin:0; float:left; display:inline;
	margin:0;
}
.footer .row .navigation ul.nav{
	line-height:20px;
	position:relative;
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.footer .row .navigation ul.nav li{
	float:left;
	padding:0 2px 0 0;
	background:url(../images/nav_div.jpg) right 4px no-repeat;
	width: auto;
}
.footer .row .navigation ul.nav li a{
	display: inline-block;
	padding:0 8px 0 8px;
	font:normal 11px/12px Verdana, Geneva, sans-serif;
	color:#0066CC;
	background-color:inherit;
	text-decoration:none;
	height:20px;
}
.footer .row .navigation ul.nav li a:hover{
	color: #FF6600;
	background-color:inherit;
}
.footer .row .navigation ul.nav li.noImg{
	background-image:none;
}
.footer #rowempty { width:900px; height:40px; margin:5px auto; padding:0; clear:both; }
.footer #rowbottom { width:900px; height:65px; margin:5px auto; padding:0; clear:both; }
.footer #rowbottom .bottomlogo { width: 135px; height:35px; margin-right:20px; float:left; }
.footer #rowbottom .social { width: 60px; height:20px; margin:10px 10px 0 0; float:left; }
.footer #rowbottom .copyright { width: 500px; height:20px; margin:0; padding:0; float:right; }
.footer #rowbottom .copyright p { clear:both; margin:0; padding:5px 0 0 0; text-align:right; font:normal 10px/11px Verdana, Geneva, sans-serif;	color:#0066CC;}
.footer #rowbottom .copyright img { float:right; }