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

/*Start: Reset CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, hr, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,hr{ margin: 0; padding: 0; border: 0px; outline: 0px; vertical-align: baseline; }

*{ margin:0; padding:0}
tr, hr{ border:1px solid #ffffff !important;}
ol, ul {list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*:focus {outline: 0;}*/


strong { font-weight: 700;}
em { font-style: italic; }
a { text-decoration:none; vertical-align:top; color:#000000;}
a:active { outline:none !important;}


html { height: 100%; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clear { clear:both; font-size:1%; height:0; line-height:0; display:block; width:0; }
.floatleft { float:left; }
.floatright { float:right; }


html[xmlns] .clearfix { display: block; }
/*END: Reset CSS*/

/*Start: Global Styling*/
body { font-family:Verdana, Geneva, sans-serif; font-size:62.5%; color:#000000; }

/*Wrapper*/
#wrapper { width:100%; margin:0 auto; /*background:#c0c0c0*/ }
#wrapper .inner_wrapper { width:982px; margin: 0 auto; background:url(../images/bgpage.jpg) no-repeat; height:750px;}

/*Header Part*/
#headerpart {width:980px;}
#headerpart .logo{ width:147px; float:left; height:69px; padding:10px 0px 0px 80px;}
#headerpart .rightpart{ width:660px; float:right; height:84px; background:url(../images/captiontext.png) no-repeat 8px 15px;}


/*Middle Part Css*/
#middlepart {width:980px; clear:both; height:615px;}
#middlepart .middleleft{ width:147px; float:left; padding:10px 0px 0px 80px;}


#middlepart .middleright{ width:649px; float:right;padding:4px 0px 0px 0px;}
#middlepart .middleright h1 {font-size:2.1em; font-weight:normal; color:#ffffff; font-family:Verdana;}
#middlepart .middleright ul{ float:left; margin:0px; padding:8px 0px 0px 0px; background:none !important;}
#middlepart .middleright ul li {margin:0px; line-height:18px; background:url(../images/arrow.png) no-repeat left 8px;  font-size:1.2em; font-weight:normal; font-family:Verdana; color:#ffffff; padding:0px 0px 14px 14px; clear:both; width:615px;}

.scrolldivboxmain {width:918px; padding:0px 0px 0px 24px; clear:both;}
.scrolldivbox {width:352px; padding:3px 0px 0px 0px; float:left; height:257px;}
.scrolldivbox h1 {font-family:Verdana; color:#ffffff; font-size:1.5em; margin-top:0px;}

.codediv{width:504px; float:right; padding:15px 0px 0px 10px;}
.codediv h1{font-size:1.7em;color:#ffffff; font-family: Helvetica;}
.codediv p{font-size:1.6em; color:#ffffff; font-family: Helvetica; text-align:center; clear:both; padding-top:11px;}


.codediv .codetop{width:486px; padding:0px 0px 0px 33px;}
.codediv .codetop .googlecode{width:177px; height:176px; text-align:center; margin:0px; padding-top:10px; float:left;}
.codediv .codetop .appstore{width:177px; height:176px; text-align:center; margin-left:55px; padding-top:10px; float:left;}


/*Footer Part Css*/
#footer {width:980px; clear:both; vertical-align:bottom;}
#footer ul{float:left; margin:0px; padding:21px 0px 0px 294px; background:none !important; width:606px;}
#footer ul li img {margin:0px; float:left; margin-right:8px;  *margin-right:4px;}
#footer ul li {margin:0px 15px 0px 0px; padding:0px; font-size:1.2em; font-weight:normal; font-family:Verdana; color:#a3a3a3; float:left; vertical-align:top; display:inline-block;}
#footer ul li a{ float:left; color:#a3a3a3;}
#footer ul li.twitter { width:160px !important;}
#footer ul li.muthoot { width:155px !important;}