body {margin: 0px; padding: 0px; font-family: arial, arial; font-size: 70%;  color: #555;}
div.clear {clear:both;}
.pic {padding: 3px; border: 1px solid #efefef; margin: 0px 10px 5px 0px;}
form {padding: 0px; margin: 0px;}
div#container {margin: auto; width: 955px;}

div#logoheader {}
div.logo {padding: 15px 10px; float: left;}

div#contentarea {background: #fff url(images/navright_back.gif) repeat-y right; float: left; width: 955px;}
div.content {float: left; width: 642px; padding: 10px 20px 20px 10px; line-height: 150%; font-family: georgia; color: #000; font-size: 115%;}
div.o_content li , div.content li {padding-bottom: 5px; text-align: justify;}

div.content h3 {font-size: 120%; color: #007abd;}
div.content h2 {font-size: 150%; font-weight: 400; color: #007abd;}

h1 {font-size: 180%; color: #007abd; border-bottom: 1px dashed #000; line-height: 150%; font-weight: 400;}

/*TOP Navigation*/
div#topmnu {}
div#mainmnu {float: left; width: 675px;}
.tmnumargin {margin-right: 5px;}
ul#nav {padding: 0px; margin: 0px; list-style: none;}
ul#nav li {float: left; position: relative;}

div#imageheader {position: relative; float: left; width: 955px; height: 190px; overflow: hidden;}
div.imagetop {float: left; width: 675px;}
div.talktome {float: right; text-align: center; width: 280px; height: 190px; padding-top: 0px;}

/*End of Top Navigation Class*/


/*Classes for Talk to me*/
div#overlay {margin: auto; position: absolute; top: -1000px; left: -1000px; z-index: 1; visibility: hidden; dispaly: none; background: #fff;}
div#des_popup {position: absolute; top: -1000px; left: -1000px; visibility: hidden; dispaly: none; z-index: 1;}

div#talktome {width: 440px; height: 510px; padding: 50px 30px 30px 30px; background: url(images/login-bkg-tile.gif) no-repeat center top; color: #fff;}
.tblfrm_ttm {}
.tblfrm_ttm td{padding: 5px 10px; font-size: 13px; font-weight: 400;}
.tblfrm_ttm1  td.lbstyle_ttm {padding-left: 60px;}
.tbstyle_ttm {width: 250px; border: 1px solid #ccc; padding: 2px;}
.btnstyle_ttm {width: 120px; border: 1px solid #ccc;}
.closeme_ttm {display: block; background: url(images/close_ttm.gif) no-repeat center center; width: 15px; height: 15px;}
/*End of Talk to me Class*/


/*Classes for Side Navigatoin*/
div#rightnav {float: right; width: 264px; padding: 0px 8px 20px 8px; font-family: arial; font-size: 100%; color: #000;}

div.rnavtabbox {float: left; background: #fff url(images/rnav_box_wb.gif) no-repeat bottom; width: 264px;}
div.rnavtabbox .tabs {border-top: 0px solid #007abd;}
div.rnavtabbox .tabs ul {list-style: none; padding: 0px; margin: 0px;}
div.rnavtabbox .tabs ul li{display: block; float: left; width: 132px; text-align: center; padding: 4px 0px; background: #efefef; cursor: pointer; color: #007abd;}
div.rnavtabbox .tabs ul li.blank{cursor:default;}
div.rnavtabbox .tabs ul li.active {background: #fff url(images/rnav_tab_bg.gif) no-repeat top; color: #007abd; font-weight: 700;}

div.rnavtabbox .contentbox {width: 260px; padding: 5px 2px;}
div.rnavtabbox .contentbox .tabcontent{padding-bottom: 10px;}
div.rnavtabbox .contentbox .tabcontent ul.active {display: block;}

div.rnavtabbox .contentbox .tabcontent ul{display: none; margin: 0px; padding: 0px; list-style: none; }
div.rnavtabbox .contentbox .tabcontent ul li a.level2 {display: block; background: url(images/bullet_lnav.gif) no-repeat left center; background-position: 2px; padding: 3px 3px 3px 20px; border-bottom: 1px dotted #efefef; text-decoration: none; color: #000;} 
div.rnavtabbox .contentbox .tabcontent ul li a.level2:hover {background-image: url(images/bullet_lnav_act.gif);} 
div.rnavtabbox .contentbox .tabcontent ul li a.active {background-image: url(images/bullet_lnav_act.gif);color: #007abd; font-weight: 700;}

div.rnavtabbox .contentbox .tabcontent ul li ul{display: block;} 
div.rnavtabbox .contentbox .tabcontent ul li ul li a.level3 {display: block; background: url(images/bullet_arrow_s.gif) no-repeat left center; background-position: 20px; padding: 3px 3px 3px 30px; border-bottom: 1px dotted #efefef; text-decoration: none; color: #000;} 
div.rnavtabbox .contentbox .tabcontent ul li ul li a.level3:hover {background-image: url(images/bullet_arrow_s.gif);} 
div.rnavtabbox .contentbox .tabcontent ul li ul li a.active{background-image: url(images/bullet_arrow_s.gif);color: #007abd; font-weight: 700;}

/*Classes for Bottom Navigation*/
div#bottomnav {background: url(images/topbar.jpg) repeat-x top; padding-top: 5px;}
div.bnav {padding: 0px 0px 0px 0px;}
div#bottom {padding: 10px 10px;}
div#bottom .bottomlinks {float: right; padding-top: 15px; color: #999;}
div#bottom .bottomlinks a{text-decoration: none; color: #999;}
div#bottom .bottomlinks a:hover{color: #007abd;}

/*End of classes for Bottom navigation*/


/*Classes for testimonials, solution acceleators*/
.testi {text-align: justify; font-style: italic; padding: 5px 0px; border-bottom:1px dotted #e8e8e8;}
.wp {text-align: justify; padding: 10px; font-weight: 400; background: #f8f8f8; border-bottom:1px dotted #e8e8e8;}
.wp a{color: #000; text-decoration: none;}
/*End of classes*/



ul.list li {float:left; margin-left:12px;}
