/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
      +     + + + +    ++ + + +   + + +    + + + +    ++     ++     UI DESIGNER
      ++   ++     ++   ++     ++    +     ++     +    ++     ++     jobish.creativei@gmail.com
      ++   ++     ++   ++     ++    +     ++          ++     ++
      ++   ++     ++   ++ + + +     +      + + + +    ++ + + ++     THEMES
 +    ++   ++     ++   ++     ++    +            ++   ++     ++     CALICUT
++    ++   ++     ++   ++     ++    +      +     ++   ++     ++     KERALA
+ + + +     + + + +    ++ + + +   + + +    + + + +    ++     ++     INDIA
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
*{margin:0px; padding:0px;}
a{outline:none;}
img{border:none 0px;}

/*-------------------- SELECTION-----------------------------------------*/
::selection {background: #FFFFFF; color: #08b1e2; /* Safari - webkit */}
::-moz-selection {background: #FFFFFF;color: #08b1e2; /* Firefox */}

body{color:#666666; font:12px/18px Arial, Helvetica, sans-serif; text-align:justify; background:url(images/topbg.gif) repeat-x top left;}

/*-------------------------------------------------------------------------------*/

#Container{width:980px; margin:0px auto;}
#TopEmail{width:350px; height:30px; float:right; text-align:center; background:url(images/topemail.gif) no-repeat; text-align:center; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:10px;}
#Logo{height:60px; width:350px; float:left;}
#Banner{width:960px; height:360px; border: solid 10px #e9e9e9;}
#Banner ul{margin:0px; padding:0px;}
#Banner ul li{list-style:none; height:360px; width:960}
#InnerBanner{width:960px; height:220px; border: solid 10px #e9e9e9;}
#LeftArea{width:680px; float:left; margin-top:10px;}
#LeftArea1{width:460px; float:left; margin-top:10px; margin-left:20px;}
#LeftArea1 ul, #LeftArea ul{padding:0px; margin:0 0 0 15px;}
#LeftArea1 ul li, #LeftArea ul li{margin-bottom:10px;}
#LeftLinks{width:200px; float:left;}
#LeftLinks a{display:block; font:12px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; background: url(images/arrow.png) no-repeat left center #ededed; padding:8px 8px 8px 15px; margin-bottom:2px;}
#LeftLinks a:hover{font-weight:bold; color:#FFFFFF; background:url(images/arrow.png) no-repeat left center #006699;}
#LeftLinks a.active{font-weight:bold; color:#FFFFFF; background:url(images/arrow.png) no-repeat left center #006699;}
#LeftArea p, #LeftArea1 p{margin-bottom:10px;}
#RightArea{width:280px; float:right; margin-top:10px;}
#ReadMore a{font:bold 11px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
#Footer{background:#0464b4; padding:20px; text-align:center; color:#c7e2f8;}
#ServicesArea{padding:20px 0px; background:#eaf1f6; margin-top:30px; border-top: solid 5px #a3b4c0;}
#ListContainer{width:235px; padding:0 5px; float:left;}
#ListContainer ul{margin:0px; padding:0px;}
#ListContainer ul li{list-style:none; line-height:24px;}
#ListContainer ul li a{font:12px Arial, Helvetica, sans-serif; color:#999999; text-decoration:none;}
#ListContainer ul li a:hover{color:#006699;}
#MainMenu{width:630px; height:44px; background:url(images/linkbg.gif) repeat-x; float:right; margin-top:20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#MainMenu a{width:90px; float:left; display:block; text-align:center; height:33px; padding-top:15px; font:11px Arial, Helvetica, sans-serif; color:#009900; text-decoration:none; text-transform:uppercase; background:url(images/seperator.gif) no-repeat right top;}
#MainMenu a.last{background:none!important;}
#MainMenu a:hover{color:#006699;}
#howitwork_imag {
	background-color: #99FF66;
	float: left;
	height: 450px;
	width: 457px;
}

#BredCome{border:solid 1px #dbdbdb; padding:2px 5px; text-align:right; margin-bottom:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#FillColor{background:#f5f5f5; padding:10px; font:bold 12px Arial, Helvetica, sans-serif; color:#666666; margin-bottom:20px;
-moz-box-shadow: 0 0 5px #dddddd;
-webkit-box-shadow: 0 0 5px #dddddd;
box-shadow: 0 0 5px #dddddd;
}
.ProductContainer{background:#f5f5f5; padding:5px; font:bold 12px Arial, Helvetica, sans-serif; color:#666666;
-moz-box-shadow: 0 0 5px #dddddd;
-webkit-box-shadow: 0 0 5px #dddddd;
box-shadow: 0 0 5px #dddddd;
width:140px; text-align:center; float:left; margin:0 8px 20px 8px;
}


.clearer{clear:both; height:0px; line-height:0px;}
.EnquireInput{width:260px; padding:5px; font:11px Arial, Helvetica, sans-serif; border:solid 1px #e9e9e9; margin-bottom:10px; color:#a3a3a3;}
.EnquireSubmit{background:url(images/submit_bg.gif) repeat-x; height:30px; width:80px; text-align:center; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; border: none 0px; cursor:pointer;}
.ServiceThumb{padding:20px 0px;border-bottom: dashed 1px #dbdbdb; background:url(images/ServiceSeperator.gif) no-repeat center center;}
.ServiceLine{border-bottom: dashed 1px #dbdbdb; margin-top:30px;}
.serviceThumbContent{width:330px;}
.ServiceHead{font:bold 16px Arial, Helvetica, sans-serif;}
.ServiceHeadColor{color:#333333;}

h1{font:20px Arial, Helvetica, sans-serif; color:#009900; border-bottom: dashed 1px #dbdbdb; margin-bottom:10px;}
h2{font:20px Arial, Helvetica, sans-serif; color:#999999; margin-bottom:10px;}
h3{font:bold 16px Arial, Helvetica, sans-serif; color:#0d283c; margin-bottom:10px;}
h4{font:20px Arial, Helvetica, sans-serif; color:#009900; border-bottom: solid 5px #dbdbdb; margin-bottom:10px;}
.datatable {border: 1px solid #E8E8E8;border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }
.datatable  td, .datatable  tr {border: 1px solid #E8E8E8; padding:2px;}
.RangeImg{width:100px; height:100px; border:solid 2px #009999; float:left; margin-right:10px;}

.ClientContainer{width:165px; float:left; margin-right:5px; margin-bottom:10px;  text-align:center;}
.ClientLogo{border:solid 2px #dbdbdb; height:100px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.ClientLogo img{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#ProductPreview{height:110px;}
#ProductPreview ul{margin:0px; padding:0px;}
#ProductPreview ul li{width:130px; height:110px; float:left; margin:0 5px; list-style:none;}