body{
font-family: verdana, arial;
font-size: 11px;
color: #404042;
margin: 0 auto;
text-align: center;
padding: 0;
}

a{
color: #A60A71;
text-decoration: none;
font-size: 11px;
}

a:hover{color: #D733A1;}

.floatLeft{float: left;}

.floatRight{float: right;}

h1, h2, h3, h4, h5, p{
margin: 0;
padding: 0;
font-family: verdana, arial;
}

h1, h2, h3, h4, h5,b{color: #37373C;}

.clear{clear: both;}

.seprater{
width: 20px;
float: left;
}

#wrapper{
width: 1007px;
text-align: left;
margin: 0 auto;
font-family: verdana, arial;
font-size: 11px;
color: #404042;
font-weight: normal;
}

#header{
height: 123px;
margin: 20px 30px 0;
}

.logo{
float: left;
width: 240px;
height: 100px;
background: #3CCAF8 url(../images/logo-curve.jpg);
background-repeat: no-repeat;
background-position: 100% center;
}

.navigation{
float: left;
width: 675px;
text-align: left;
margin-top: 10px;
}

.navigation ul{
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 224px;
}

.navigation ul li{
list-style: none;
padding: 4px;
}

.navigation ul li a{
background: url(../images/navList.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 4px 0 4px 18px;
color: #666666;
font-size: 12px;
}

.navigation ul a:hover, .navigation ul a.selected{
background: url(../images/selected.gif);
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
font-size: 12px;
}

#mainContent{
font-family: verdana, arial;
font-weight: normal;
margin: 0 30px;
}

.banner{
background: #3CCAF8;
height: 247px;
border: 1px solid #DFE0E2;
}

.bannerText{
padding: 5px 0 0;
float: left;
}

.banner h1{
color: #98F7FD;
font-size: 40px;
font-family: trebuchet ms, arial, verdana;
/*letter-spacing: -4px;*/
text-align:center;
}

.banner h2{
color: #E3FFFF;
font-size: 16px;
font-family: arial, verdana;
/*letter-spacing: -2px;*/
text-align:center;
margin-top:1px;
}

.bannerTextCont{
float:left;
width:180px;
}

.bannerForm{
float:left;
width:275px;
}

.inputEnqBox{
width:125px;
}

.groovybutton {
background-color:#06446d;
border:medium none;
color:#FFFFFF;
font-family:Tahoma,Franklin Gothic Demi;
font-size:12px;
font-weight:bold;
padding:2px 15px;
}

.smallBanner{
background: #3CCAF8;
background-image: url(../index_files/bg3.jpg);
height: 88px;
border: 1px solid #DFE0E2;
}

.smallBannerText{
padding: 10px;
float: left;
width: 465px;
color: #03304E;
}

.companyInfoBoxes{font-family: verdana, arial;}

.companyInfoBoxes h4, .companyInfoText{
padding: 10px;
float: left;
}

.customizedSolutionBox, .joomlaDevelopmentBox, .oscommerceDevelopmentBox, .companyPortfolioBox{
background: #ffffff url(../images/gradiantLine.jpg);
background-repeat: repeat-x;
background-position: bottom left;
width: 227px;
_width: 229px;
float: left;
border: 1px solid #E4E4E4;
}

.customizedSolutionBox h4, .joomlaDevelopmentBox h4, .oscommerceDevelopmentBox h4, .companyPortfolioBox h4{
font-size: 15px;
font-family: arial;
letter-spacing: -1px;
}

.customizedSolutionBox a, .joomlaDevelopmentBox a, .oscommerceDevelopmentBox a, .companyPortfolioBox a{
font-size: 13px;
text-decoration: underline;
font-weight: bold;
}

.customizedSolutionBox a:hover{color: #75DCFD;}
.joomlaDevelopmentBox a:hover{color: #0C8AD2;}
.oscommerceDevelopmentBox a:hover {color: #D75CAD;}
.companyPortfolioBox a:hover{color: #5FE20B;}

.minHeight{
height: expression( this.scrollHeight < 204 ? "205	px" : "auto" ); 
min-height: 205px;   --->   /*For Other Browsers*/
}

.oscommerceDevelopmentBox ul, .ourServiceBoxFirst ul{
margin: 0;
list-style: none;
padding: 0;
}

.oscommerceDevelopmentBox ul li, .ourServiceBoxFirst ul li{
background: url(../images/arrowList.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 4px 0 4px 18px;
}

.whiteBgPad10{
background: url(../images/whiteBg.jpg);
background-position: bottom center;
padding: 10px;
}

.oscommerceDevelopmentBox ul li a, .ourServiceBoxFirst ul li a{
color: #666666;
font-size: 11px;
text-decoration: underline;
font-weight: normal;
}

.blueText{color: #41C8F8;}
.darkBlueText{color: #056CA7;}
.pinkText{color: #B94090;}
.greenText{color: #4ABD00;}

.margin10{margin: 10px;}

.latestNewsServicesBox{font-family: verdana, arial;}

.latestNewsBox{
float: left;
width: 360px;
_width: 385px;
background: #F9F9FA;
padding: 0 15px;
}

.latestNewsContent{margin: 0 20px;}

.btn{
background: #979797;
padding: 10px;
color: #ffffff;
}

.ourServicesBox{
float: left;
width: 505px;
_width: 538px;
background: #F9F9FA;
padding: 0 15px;
}

.latestNewsBox h2, .ourServicesBox h2{
font-size: 20px;
letter-spacing: -1px;
font-family: trebuchet ms, arial, verdana;
background: url(../images/mainList.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
}

.borderBottom{border-bottom: 2px solid #E9E9E9;}

.ourServiceBoxFirst, .ourServiceBoxSecond, .ourServiceBoxThird{
float: left;
width: 156px;
_width: 158px;
height: expression( this.scrollHeight < 224 ? "225	px" : "auto" ); 
min-height: 205px;     /*For Other Browsers*/
}

.verdana12BlackN{
font-family: verdana;
font-size: 12px;
color: #404042;
font-weight: normal;
}

#footer{
/*height: 91px;*/
background: #ffffff url(../images/footer.gif);
background-repeat: repeat-x;
}

.footer{
padding-top: 15px;
text-align:center;
}

.footer a{
font-family: verdana;
font-size: 10px;
color: #404042;
}

.copyright{
padding-top: 20px;
text-align:center;
}

.brdrGray{
border:1px solid #E4E4E4;
}

h1{
font-size: 25px;
letter-spacing: -1px;
font-family: trebuchet ms, arial, verdana;
}

.font20{
font-size: 20px;
}

.brdrBlueDotted{
border:1px dotted #3DCAF8;
margin:0px;
padding:0px;
}

.portfolioBox p{
font-size:12px;
}

.portfolioBoxBrdrRight{
border-right:1px dotted #3DCAF8;
}

.portfolioBox h2 a{
font-size: 18px;
font-weight: normal;
}

.portfolioBoxFirst{
width: 32%;
border-right:1px dotted #3DCAF8;
padding-right: 5px;
float: left;
}

.portfolioBoxSecond{
width: 32%;
float: left;
padding-right: 5px;
}

.pad20{padding: 20px;}

#inquiryKNow{
}


form div {
	clear:left;
	display:block;
	margin:5px 0px 0px;
	padding:1px 3px;
	width:auto;
}

form div span {
	float:left;
	margin:0px 0px 5px;
	padding:0px 8px;
	text-align:left;
	width: 48%;
}

#inquiryKNow div input{
	margin:0px;
	padding:1px 3px;
	width:150px;
}

form div select{
	padding:1px 3px;
	width:150px;
}

.break br {
	clear: left;
}

#servicesRequired{
	width:auto;
	padding:10px;
}

#inptbtn{
	width:auto;
	text-align:left;
	margin-bottom:5px;
}

#servicesRequired {
	clear:left;
	margin:0px;
	padding:5px ;
	width:100%;
	float:left;
}

#servicesRequired span{
	margin:0px 0px 5px;
	width:31%;
}

#servicesRequired input{
	margin:2px 0;
	padding:0;
	width:10%;
}
	
.inputBox{
width: 420px;
}

.newsLeftCms
{
	float:left;
	width:49%;
	_width:48%;
	border-bottom:1px dotted;
	height: expression( this.scrollHeight < 86 ? "85px" : "auto" ); 
	min-height: 88px;   --->   /*For Other Browsers*/
}

.newsRightCms
{
	float:right;
	width:49%;
	_width:49%;
	border-bottom:1px dotted;
	height: expression( this.scrollHeight < 86 ? "85px" : "auto" ); 
	min-height: 88px;   --->   /*For Other Browsers*/
}

.searchBox{
float: right;
padding: 2px 5px;
width: 476px;
_width: 486px;
background: #3CCAF8;
font-size: 12px;
color: #06446D;
font-weight: bold;
}

.searchBox form{margin: 0; padding: 0;}

/*added by sandip on 10/2/2009*/
.addressBox{
padding-top:10px;
float:left;
width:30%;
}

.footerContent{
float:left;
width:70%;
}

/*added by rikin on 02/10/2009*/
#servicesRequired input.inqInput{
width:50%;
}
/*added by rikin on 06/10/2009*/
.size12{
 font-size:11px;
 }
.paddingBottom5{
padding-bottom:5px;
}
.violetColor{
color:#A60A71;
}

/*added by sandip on 10/7/2009*/

.contactDetailBox h4{
font-size:11px;
}


.arial12BlackN{
font-family:arial,verdana;
font-size:12px;
color:#404042;
font-weight:normal;
}

.arial14BlackN{
font-family:arial,verdana;
font-size:14px;
color:#404042;
font-weight:normal;
}

.processingText{
font-family:arial,verdana;
font-size:14px;
color: #B2211C;
font-weight:bold;
}

.arial12DBlueN{
font-family:arial,verdana;
font-size:12px;
color:#021430;
font-weight:normal;
}

.pad10 { padding:10px; }