html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1.5;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
table, td, th {
  vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
a img {
  border: none;
}

/* --------------------------------------------------------------
  
   * default typography
 
-------------------------------------------------------------- */
/* Font size definition: the line-heights and vertical margins
   are automatically calculated from this.
   The percentage is of 16px (0.75 * 16px = 12px) */

body {
	background:#fff;
	color: #262626;
	font: 13px/1.5em "helvetica neue", "lucida grande", helvetica, arial, sans-serif;
}
/* Headings
-------------------------------------------------------------- */
h1{
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 5px;
}
h2{
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 5px;
}
h3{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 5px;
}
h5	{
	font: normal 25px Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 10px;
}
h6{
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #333;
}

/* Layout
-------------------------------------------------------------- */

ul{
	list-style: none;
}
a, img { border:0;}
img{vertical-align:middle;}
.smfont{
	font: 10px/1.5em Verdana, Geneva, sans-serif;
}
.float-l { float:left;}
.float-r {float:right;}
.clr{
	clear:both;
	height: 1px;
	overflow:hidden;
}
.only-clear{clear:both;}
a {	color:green; text-decoration:none;}
:focus{outline:none;}
a:hover{text-decoration:none;}

/* --------------------------------------------------------------
  
   * Home page
 
-------------------------------------------------------------- */
body.homebg{
	background: url(../images/homebody-BG.png) repeat-x top;
}
.master-wrapper{
	margin:0 auto;
	width:980px;
}
#header{
	height: 106px;
}
ul.topnevi{list-style:none; float:right;}
ul.topnevi li {
	background: url(../images/topnavi-divider.png) no-repeat right;
	padding: 36px 25px 0px;
	float: left;
	height: 70px;
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #666;
}
ul.topnevi li span{
	font: bold 15px Arial, Helvetica, sans-serif;
	display: block;
	text-transform: uppercase;
	color: #333;
}
#banner-home {
	background: url(../images/smooke.jpg) no-repeat center top;
	text-align: center;
	height: 384px;
	width: 980px;
}
#container-page{
	padding:50px 0;
}

ul.services {
	list-style: none;
}
ul.services li{
	float: left;
	width: 49%;
	margin-bottom: 30px;
}
#footer {
	background: #ededed;
	border-bottom: 5px solid #50792e;
}
#footer div.footer-align{
	margin:0 auto;
	width:980px;
	padding-top: 30px;
	padding-bottom: 30px;
}
h1.login{
	background: url(../images/icons-bottom.png) no-repeat 165px -70px;
	padding: 5px 60px 5px 0px;
}
h1.navigationmenu{
	background: url(../images/icons-bottom.png) no-repeat 180px -22px;
	padding: 5px 60px 7px 0;
}
h1.newsletter{
	background: url(../images/icons-bottom.png) no-repeat right -114px;
	padding: 5px 50px 5px 0px;
}
h1.callus{
	background: url(../images/icons-bottom.png) no-repeat right bottom;
	padding: 5px 50px 5px 0px;
}
#footer .client-login-box{
	float: left;
	width:210px;
	background: url(../images/bottom-divider.png) no-repeat right top;
	padding-left: 40px;
	height: 174px;
}
input.txtbox{
	background: url(../images/textbox-BG.png);
	height: 22px;
	width: 154px;
	border:none;
	padding: 4px 10px 0px;
	margin-top: 5px;
	font-size: 12px;
	color: #999999;
}
a.botton {
	float: left;
	text-decoration: none;
	color: #fff;
	padding: 4px 15px 0 0;
	margin-right: 8px;
	font: 900 10px "Arial", Helvetica, sans-serif;
	background: url(../images/button.png) no-repeat right top;
}
a.botton span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
	background: url(../images/button.png) no-repeat top left;
}
#footer .navigation-menu-box{
	float: left;
	width:440px;
	background: url(../images/bottom-divider.png) no-repeat right top;
	padding-left: 30px;
	height: 174px;
}
ul.bottomnavi{
	list-style: none;
}
ul.bottomnavi li{
	float:left;
	width:17em;
	background: url(../images/arrow-bullet.png) no-repeat left top;
	border-bottom: 1px solid #999999;
	margin-right: 10px;
	padding: 4px 0px 4px 25px;
}
ul.bottomnavi li a{
	color: #262626;
	text-decoration: none;
}
ul.bottomnavi li a:hover{	
	color:green;
}
#footer .contact-box{
	float: left;
	width:200px;
	padding-left: 35px;
}
#bottom{
	width:980px;
	margin:0 auto;
	margin:0px auto 0;
	font-size: 11px;
	color: #666666;
	padding-top: 15px;
}
ul.social-network{
	list-style:none;
	float:right;
}
ul.social-network li{
	float:left;
}
ul.social-network li a{
	float:left;
	display:block;
	background: url(../images/social-icons.png) no-repeat left top;
	width:50px;
	height:50px;
	text-indent:-9999em;
}
ul.social-network li a:hover{
	background-position:left bottom;
}		
ul.social-network li a.two{
	background-position:-50px top;
}
ul.social-network li a.two:hover{
	background-position:-50px bottom;
}
ul.social-network li a.three{
	background-position:-100px top;
}
ul.social-network li a.three:hover{
	background-position:-100px bottom;
}
ul.social-network li a.four{
	background-position:-150px top;
}
ul.social-network li a.four:hover{
	background-position:-150px bottom;
}
ul.social-network li a.five{
	background-position:-200px top;
}
ul.social-network li a.five:hover{
	background-position:-200px bottom;
}
ul.social-network li a.six{
	background-position:-250px top;
}
ul.social-network li a.six:hover{
	background-position:-250px bottom;
}
ul.social-network li a.seven{
	background-position:-300px top;
}
ul.social-network li a.seven:hover{
	background-position:-300px bottom;
}
.project-box {
	background: url(../images/project-BG.png) no-repeat;
	height: 346px;
	width: 643px;
	float: left;
}
.testimonials-box {
	background: url(../images/testimonials_BG.png) no-repeat;
	float: left;
	height: 346px;
	width: 337px;
	overflow: hidden;
}

.title-box{
	padding-top: 5px;
	padding-left: 80px;
	height: 40px;
}
/* - A box for showing quotes */
.quote-box {
	background: url(../images/quote.png) no-repeat -39px top;
	padding-top: 5px
}

.quote-box div {
	background: transparent url(../images/quoteend.png) no-repeat right bottom;
	padding-right: 0px;
	padding-bottom: 10px;
	text-indent: 32px;
	text-align: justify;	
}
.testimonials-body{
	padding:0;
	height: 255px;
	width: 277px;
	overflow: hidden;
	margin: 0px auto;
	}
	
#banner-inner {
	background: url(../images/smooke.jpg) no-repeat center top;
	height: 205px;
	width: 980px;
}
body{
	background: url(../images/inner-body-BG.png) repeat-x top;
}
/* --------------------------------------------------------------
  
   *Slider flexi
 
-------------------------------------------------------------- */
#scroller-header a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 0px 35px 0 0;
	margin-right: 5px;
	font: 14px/2.7em "Arial", Helvetica, sans-serif;
	color: #333333;
	background: url(../images/scroller-btn.png) no-repeat right top;
}
#scroller-header a span{
	float: left;
	padding-right: 35px;
	display: block;
	height: 38px;
	color: #0d5f83;
	background: url(../images/scroller-btn.png) no-repeat top left;
	}

#scroller-header a.selected, #scroller-header a:hover {
	background: url(../images/scroller-btn-hover.png) no-repeat right top;
	color: #FFFFFF;
}
#scroller-header a.selected span, #scroller-header a:hover span{
	background:url(../images/scroller-btn-hover.png) no-repeat top left;
}

#scroller-header {
	background:url(../images/sroller-head.png) no-repeat center bottom;
	width:960px;
	height:70px;
	padding-top: 15px;
	padding-left: 20px;
}

#scroller-body {
	background:url(../images/sroller-body1.png) no-repeat left bottom;
	width:980px;
	padding-bottom:17px;
}

#mask {
	width:956px;
	overflow:hidden;
	margin:0 auto;
}
#panel {
}
#panel-1, #panel-2,#panel-3, #panel-4 , #panel-5, #panel-6, #panel-7{
	float:left;
}

/* --------------------------------------------------------------
  
   *Slider flexi styling
 
-------------------------------------------------------------- */
.scroller-right{float:left;	width:275px !important;	padding-left:12px;}
.scroller-left{ float:left; width:669px !important; background-color:#fff;}
ul.largelist {
	font-size:14px;
	color:#000;
}
ul.largelist li {
	display:block;
	border-bottom:1px solid #ccc;
	padding: 10px 0px;
}
p.prod-intro {
	color:green;
	padding:45px;
	letter-spacing:-1px;
	font: 16px/26px "Lucida Grande", "Lucida", Helvetica, Arial, sans-serif;
}
div.prod-highlights-holder {
	width:608px !important;
	border-top:1px solid #ddd;
	margin-right: 30px;
	margin-left: 30px;
}
ul.prod-highlights li {
	display:block;
	float:left;
	width:49.999%;  /*Internet Explorer is NOT smarter than a 5th grader */

}
ul.prod-highlights li p {
	display:block;
	padding:23px 40px 23px 10px;
	font-size:12px;
	line-height:16px;
	color:#333;
}
ul.prod-highlights li p strong {
	display:block;
	padding-bottom:8px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color: #333333;
}
.feature-product-BG{
	background: #FFFFFF url(../images/featureproduct_BG.png) repeat-y right;
}
.prod-subsubhead {
	margin:0;
	height:50px;
}
.prod-subsubhead h2{float:left; width:300px; padding: 0 20px 0 40px; margin:30px 0 0 0px;}
ul.prod-subsubnav {
	margin:30px 0 0 0px;
	padding: 0 30px 0 0;
	float:right;
}
ul.prod-subsubnav li {
	float:left;
	font-size:12px;
	line-height:24px;
	margin:0 7px;
}
ul.prod-subsubnav li a {
	color:#9e9e9e;
	padding:3px 10px;
}
ul.prod-subsubnav li a:hover,
ul.prod-subsubnav li a:focus {
	color:green;
	text-decoration:none;
}
ul.prod-subsubnav li a.active {
	color:white;
	font-weight:bold;
	background-color:green;	
}
.prodtopline { border-bottom:0px solid #ededed; width:895px !important; margin:0 0 0 30px !important; height:26px !important;}

.prod-content {
	width:618px !important;
	margin:30px 0;
	padding:0 40px 0 10px;
	border-right:1px solid #ededed;
}
.prod-content p b {
	display:block;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	color:green;
}
/* --------------------------------------------------------------
  
   * contact us
 
-------------------------------------------------------------- */
div.containerpage{width:643px; float:left;}
div.containerpenal{
	width:300px;
	float:right;
}

.grayborderbox-holder {width:300px; margin-bottom:20px;}
.grayborderbox-top {
	background: url(../images/gryborderbox-top.png);
	float: left;
	height: 35px;
	width: 250px;
	padding: 10px 0px 0px 50px;
}
.grayborderbox-top span{
	font: 20px Arial, Helvetica, sans-serif;
	color: #333;
	background:#fff;
	padding-right: 5px;
	padding-bottom: 5px;
}

.grayborderbox-body {
	background: url(../images/gryborderbox-body.png) repeat-y;
	float: left;
	width: 260px;
	padding-right: 20px;
	padding-left: 20px;
}
div.grayborderbox-padding{
	padding:0 10px 10px;
}
.grayborderbox-bottom {
	background: url(../images/gryborderbox-bottom.png);
	float: left;
	height: 17px;
	width: 300px;
}

ul.aroundtheweb li {
	background:transparent url(../images/icons/add.png) no-repeat left top;
	display:inline;
	float:left;
	padding-left: 20px;
	width: 100px;
}
span.alert {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(../images/icons/alert.png) no-repeat 10px 55%;
	padding: 5px 10px 5px 36px;
	text-align: left;
	display:block;
}
/* --------------------------------------------------------------
  
   * portfolio
 
-------------------------------------------------------------- */
.portfolio-box {
	background: url(../images/portfolio-box.png);
	height: 201px;
	width: 966px;
	padding-left: 14px;
}
.portfolio-box .left{
	width:650px;
	height:173px;
	overflow:hidden;
	float:left;
	margin: 14px 0px;
}
.portfolio-box .right{
	width:300px;
	height:173px;
	background: #FFF url(../images/portfolio-box-shadow.png) no-repeat left top;
	float:left;
	overflow: hidden;
	margin: 14px 0px;
}
.paddingten{padding:10px;}
#div_webservices_inner2{
width:925px;
float:left;
}
.div_webservices_innertext{
	font: normal 17px Arial, Helvetica, sans-serif;
	color: #008000;
	padding:15px 0 2px 20px;
}
.div_webservices_innerecoomerce{
background:url(../images/e-commerce.jpg) no-repeat;
height:180px;
width:277px;
float:left;
margin:5px 0 0 5px;
}
.div_coomercetext{
	width:600px;
	float: left;

}
.div_webservices_innercontent{
width:925px !important;
float:left;
}

.inner1{
	width:915px !important;
	float:left;
	padding:0 20px 0 20px !important;
	margin:0 0 20px 0;
}
.inner1 p{
	text-align:justify;
	padding:0 0 15px 0;
}
.inner1-left{
	width:277px !important;
	float:left;
}
.inner1-right{
	width:620px !important;
	float:right;

}
.inner1-left2{
	width:625px !important;
	float:left;
}
.inner1-right2{
	width:277px !important;
	float:right;

}

/* Email Marketing CSS Start */

.over-view{
width:608px;
float:left;
padding:20px 0 0 0;
}

.over-view li {
background:url(../images/li-bullet.jpg) no-repeat left top;
display:block;
padding:0 20px 20px 20px;
font-size:12px;
line-height:16px;
color:#333;
}
.feature-main{
width:916px;
float:left;
padding:30px 20px 0 20px;
}
.feature-main-inner{
float:left;
margin:0 0 15px 0;
}
.feature-main-box1{
width:209px !important;
float:left;
}
.feature-main-box2{
width:229px !important;
float:left;
padding:0 20px 0 10px;
}
.outer-box1{
width:468px !important;
float:left;
}
.outer-box2{
width:468px !important;
float:left;
}
.feature-main h3{
font: bold 16px Arial, Helvetica, sans-serif;
color: #5f9c33;
padding:0 0 20px 0;
}
.feature-main  h2{
font: normal 18px Arial, Helvetica, sans-serif;
color: #477264;
padding-bottom: 25px;
}
.clear-1{
clear:both;
line-height:0;
font-size:0;
}
.feature-main p{
padding:0 0 15px 0;
font-size:12px;
line-height:16px;
color:#333;
	}
.benefits{
width:906px !important;
float:left;
padding:20px 30px 0 20px;
list-style:decimal;
margin:0 0 0 20px;

}

.benefits li {
padding:0 20px 20px 0;
font-size:12px;
line-height:16px;
color:#333;
}
.screenshots{
width:916px;
float:left;
padding:20px 20px 20px 20px;
}
.screenshots ul{
list-style:none;
}
.screenshots ul li{
float:left;
padding:0 35px 20px 32px;
}
.screenshots ul li img{
border:5px solid #dbdcdc;
}
.screenshots ul li span{
display:block;
font-size:14px;
text-align:center;
padding:10px 0 0 0;
line-height:16px;
color:#333;
}

/* Email Marketing CSS End */

/* VOIP Page CSS Start */
.voip-services-list{
width:906px !important;
float:left;
padding:20px 30px 0 20px;
}
.voip-services-banner{
width:906px !important;
float:left;
padding:0px 30px 0 20px;
}
.voip-services-list p{
font-size:12px;
line-height:18px;
color:#333;
padding:0 0 20px 0;
}
.voip-services-list h3{
font: bold 16px Arial, Helvetica, sans-serif;
color: #333;
padding-bottom: 15px;
}
.voip-services-list ul{
list-style:none;
float:left;
padding:0 0 15px 15px;
}
.voip-services-list ul li {
background:url(../images/li-bullet.jpg) no-repeat left top;
display:block;
padding:0 20px 12px 20px;
font-size:12px;
line-height:16px;
color:#333;
}

/* VOIP Page CSS End */

/* Outsourcing Page CSS End */

.prod-highlights-holder-outsourcing {
width:608px !important;
border-top:1px solid #ddd;
margin-right: 30px;
margin-left: 30px;
}
.prod-highlights-outsourcing li {
display:block;
float:left;
width:608px !important;

}
.prod-highlights-outsourcing li p {
display:block;
padding:15px 40px 10px 10px;
font-size:12px;
line-height:16px;
color:#333;
}
.prod-highlights-outsourcing li p strong {
display:block;
padding-bottom:8px;
font:bold 16px Arial, Helvetica, sans-serif;
color: #333333;
}
.size {
display:block;
padding-bottom:20px !important;
font:bold 13px Arial, Helvetica, sans-serif;
color: #333333;
float:left !important;
width:800px;

}
.callcentre-p{
padding:20px 20px 0 20px;
}
.green-innertext{
font: normal 17px Arial, Helvetica, sans-serif;
color: #008000;
padding:15px 0 10px 20px;
}
.benefits-1{
width:906px !important;
float:left;
padding:0 30px 0 20px;
list-style:decimal;
margin:0 0 0 10px;

}

.benefits-1 li {
padding:0 20px 20px 0;
font-size:12px;
line-height:16px;
color:#333;
}
.graph{
width:900px;
float:left;
text-align:center;
}
.graph_image{
float:right;
width:248px !important;
}
.software-dev-list{
list-style:none;
float:left;
width:452px !important;
}
.software-dev-list ul{
list-style:none;
float:left;
padding:0 0 15px 15px;
}
.voip-services-list ul li {
background:url(../images/li-bullet.jpg) no-repeat left top;
display:block;
padding:0 20px 12px 20px;
font-size:12px;
line-height:16px;
color:#333;
}
h4.div-space{
padding:0 0 10px 0;
}


/* Outsourcing Page CSS Endm */
.portfolio-logo-main{
width:980px;
float:left;
background:url(../images/logo-bg-middle.gif) repeat-y;
margin:0 0 20px 0;
}
.portfolio-logo-top{
width:980px;
float:left;
background:url(../images/logo-bg-top.gif) no-repeat left top;
}
.portfolio-logo-bottom{
width:935px;
float:left;
background:url(../images/logo-bg-bottom.gif) no-repeat left bottom;
padding:30px 15px 10px 30px;
}
.logos-banner{
width:921px;
float:left;
}
.logo-category-list{
width:933px;
float:left;
list-style:none;
padding:30px 0 0 2px;
}
.logo-category-list li{
float:left;
background:url(../images/logos-frame.jpg) no-repeat;
width:208px;
height:228px;
padding:13px 0 0 14px;
margin:0 10px 15px 0;
display:block;
}