body{ margin:0;padding:0;width:100%;background:#fff;font-family:Arial,Helvetica,sans-serif}html{ padding:0;margin:0}p.clr,.clr{ clear:both;padding:0;margin:0;background:none}li.bg,.bg{ clear:both;border-top:1px solid #dfdfdf;padding:0;margin:10px 0;background:none;line-height:0}a{ color:#7BA004;text-decoration:none}a:hover{ text-decoration:underline}img{ margin:0;padding:0;border:0px}.boldlrg{font-weight:bold;font-size:120%}/* Template */.main{width:100%;padding:0;margin:0 auto;background:#ebebeb}/* header */.header{ background:url(/images/header_bg.gif) top repeat-x;padding:0px 0 0px 0;margin:0 auto}.block_header{margin:0 auto;width:960px;padding:0;border:none}.logo{ float:left;padding:0;margin:0 0 0 12px}/* menu */.menu{ float:right;padding:45px 0 0 0;margin:0;width:420px}.menu ul{ text-align:right;padding:0;margin:0;list-style:none;border:0;float:right}.menu ul li{ float:left;margin:0;padding:0 5px;border:0}.menu ul li a{ height:32px;float:left;margin:0 10px 0 0;padding:0;text-decoration:none;background:url(/images/buttons.gif) no-repeat 0px 0px}.menu ul li a.home{ width:67px}.menu ul li a.about,.menu ul li a.about:hover{ width:75px;background-position:-68px 0}.menu ul li a.portfolio,.menu ul li a.portfolio:hover{ width:94px;background-position:-144px 0}.menu ul li a.contact,.menu ul li a.contact:hover{ width:86px;background-position:-239px 0}.menu ul li a span{ display:none}.menu ul li a:hover{ background-image:url(/images/buttons-on.gif);border-bottom:2px solid #7BA004}.menu ul li a.active{ background-image:url(/images/buttons-on.gif);border-bottom:0px solid #7BA004}  /* sub_text */.sub_text{ background:url(/images/text-bg.jpg) top center repeat-x;padding:0;margin:0;height:140px}.sub_text_resize{ width:960px;margin:0 auto;padding:0}.sub_text_resize img{ float:right;padding:50px 0 0 0;margin:0}.sub_text_resize h1{ font:normal 32px Arial,Helvetica,sans-serif;color:#2D2D2D;padding:50px 0 0 15px;margin:0;text-transform:capitalize}/* search_blog */.search_blog{ background:#f6f6f6;margin:0;padding:0}.search_blog_resize{ width:960px;margin:0 auto;padding:0}.search_blog h2{ font:bold 14px Arial,Helvetica,sans-serif;color:#9d9d9d;padding:10px 0 0px 15px;margin:0}.search_blog p{ font:normal 11px Arial,Helvetica,sans-serif;color:#afafaf;padding:3px 0 10px 15px;margin:0}/* header*/.header_box{ background:#D1F9FF url(/images/home-bg.gif) center top no-repeat}.header_box_resize{ background:url(/images/home-tree.jpg) center top no-repeat;height:472px;width:960px;margin:0 auto}.slider_cu3er{ width:576px;float:left;padding:74px 0 0 24px}#cube-home{ width:537px;outline:0;height:361px}.header_text{ width:345px;float:right;padding:120px 0 0 15px}.header_text h2{ padding:10px 0;margin:0;font:normal 32px/1.2em Arial,Helvetica,sans-serif;color:#333333}.header_text p{ padding:10px 0;margin:0;font:normal 12px/1.6em Arial,Helvetica,sans-serif;color:#272727}/* footer */.footer_resize{ width:960px;margin:0 auto;padding:10px 0}.footer{ padding:0;margin:0;background:#f7f7f7;border-top:1px solid #eaeaea}.footer div.leftt{ font:normal 12px Arial,Helvetica,sans-serif;text-align:left;width:55%;margin:0;padding:0 0 0 20px;float:left}.footer div.leftt a{color:#747474;text-decoration:none;padding:0 5px 0 5px;margin:0}.footer div.leftt p{ line-height:1.4em;color:#747474}.footer div.leftt p.links{ margin-left:-5px}.footer div.rightt{ text-align:left;width:40%;margin:0;padding:10px 0 0 0;float:right} .footer div.rightt img{ border:0px} /* FBG */.FBG{ margin:0 auto;width:960px;padding:10px 0 0 0}.FBG_resize{ border-top:1px solid #e9e9e9;background:#f2f2f2;margin:0;padding:0}.Recent{ width:200px;float:left;padding:10px 40px 10px 80px;margin:10px 0}.touch{ background:url(/images/touch.gif) 10px 12px no-repeat}.say{ background:url(/images/say.gif) 10px 12px no-repeat}.technology{ background:url(/images/technology.gif) 10px 12px no-repeat}.Recent h3{ color:#2a2a2a;font:bold 14px Arial,Helvetica,sans-serif;margin:0 0 6px 0}.Recent p{ font:normal 11px Arial,Helvetica,sans-serif;color:#5f5f5f;line-height:1.8em;padding:0 0 8px 0;margin:0}.Recent img{ margin-top:14px;padding:0}/* Home page & static content pages */.body{ margin:0;padding:0;background:#fff;border-top:1px solid #eaeaea}.body_resize{ width:960px;margin:0 auto;padding:10px 0 0 0}.body_resize h2{ font:normal 24px Arial,Helvetica,sans-serif;color:#343434;padding:24px 5px 8px 5px;margin:0}.body_resize h2.first{ padding:14px 5px 8px 5px}.body_resize h4{ font:normal 18px Arial,Helvetica,sans-serif;color:#343434;padding:24px 5px 12px 5px;margin:0}.body_resize h4.first{ padding:14px 5px 8px 5px}.body_resize p{ font:normal 12px Arial,Helvetica,sans-serif;color:#787878;padding:8px 5px 8px 5px;margin:0;line-height:1.8em}.body_resize p.first{ padding:18px 5px 8px 5px;font-weight:bold}.body_resize p span{ color:#45b8c3;font:normal 11px Arial,Helvetica,sans-serif}.body_resize ul{ font:normal 12px Arial,Helvetica,sans-serif;color:#787878;padding:0 0 0 35px;margin:0;line-height:1.8em}.body_resize ul li{ display:block;background:url(/images/li_content.gif) no-repeat 0px 7px;padding:0px 0px 12px 20px;list-style:none}.body_resize ul li h5{ font:bold 14px Arial,Helvetica,sans-serif;color:#787878;padding:3px 0 6px 0;margin:0}.body_resize a{ color:#7BA004;text-decoration:none}.body_resize img{ margin:10px auto;padding:0}.body_resize img.floated{ float:left;margin:10px;padding:0}.body_resize .left{ width:650px;float:left;margin:0;padding:10px 10px} .body_resize .right{ width:240px;float:right;margin:0;padding:10px 10px}.body_resize .full_centered{ width:940px;margin:0;padding:0 10px 0 10px}#cube-showcase{ width:240px;outline:0;height:240px;margin:14px 0 0 0}img.profile{float:right;margin:14px 0 20px 20px}img.fr{ float:right;margin:10px 0 20px 20px}/* Homepage specific styles */.body_home{ width:960px;margin:0 auto;padding:0}.body_home .left{ width:450px;float:left;margin:0;padding:10px 10px} .body_home .right{ width:300px;float:right;margin:0;padding:10px 10px} .body_home h4{ font:normal 24px Arial,Helvetica,sans-serif;color:#343434;padding:14px 5px;margin:0}.body_home p{ font:normal 12px Arial,Helvetica,sans-serif;color:#787878;padding:10px 5px;margin:0;line-height:1.8em}.body_home ul li{ display:block;background:url(/images/li_content.gif) no-repeat 0px 7px;padding:0px 0px 0px 20px;list-style:none}/* Portfolio */#cube-portfolio-wrapper{ float:left;clear:both;margin:40px 0 30px 40px;width:880px;height:280px;padding:0}#cube-portfolio{ outline:0;float:left;clear:both;width:840px;border:1px solid #f1f1f1}.body_portfolio{ width:960px;margin:20px auto}.body_portfolio .right{ width:274px;float:left;margin:0;padding:10px 34px 10px 10px} .body_portfolio h2{ padding:20px 0px 5px 15px}.body_portfolio h4{ font:bold 16px Arial,Helvetica,sans-serif;color:#343434;padding:14px 5px;margin:0}.body_portfolio p{ font:normal 12px Arial,Helvetica,sans-serif;color:#787878;padding:10px 0 10px 15px;margin:0;line-height:1.8em}.body_portfolio .right p{ padding:10px 0 10px 5px}/* Contact */.form{ float:left;width:650px;margin:5px auto;padding:20px 0 20px 0;background:#f7f7f7;border:1px solid #ececec}#contactform td.l{ vertical-align:top;padding:15px 0 0 20px}#contactform label{ float:left;margin:0;width:100px;font:bold 13px Arial,Helvetica,sans-serif;color:#747474;text-transform:capitalize}#contactform label span{ font:normal 11px Arial,Helvetica,sans-serif;color:Red}#contactform input.text{ width:420px;border:1px solid #ececec;margin:5px 0;padding:5px 2px;height:15px;background:#fff;color:#101010}#contactform textarea{ width:420px;border:1px solid #ececec;margin:10px 0;padding:2px;background:#fff;height:150px}#contactform input{ padding:3px 0;margin:0 0 0 340px;border:0;color:#FFF}/* Copyright 2008 MagicToolBox.com. To use this code on your own site,visit http://magictoolbox.com *//* CSS class for zoomed area */.MagicZoomBigImageCont{border:1px solid #999999;background-color:#FFFFFF}/* Header look and feel CSS class *//* header is shown if "title" attribute is present in the <A> tag */.MagicZoomHeader{font:10px Tahoma,Verdana,Arial,sans-serif;color:#fff;background:#91b817;text-align:center !important;display:none}/* CSS class for small looking glass square under mouse */.MagicZoomPup{border:1px solid #aaa;background:#ffffff;cursor:pointer}/* CSS style for loading animation box */.MagicZoomLoading{text-align:center;background:#ffffff;color:#444;border:1px solid #ccc;opacity:0.8;padding:3px 3px 3px 3px !important;display:none;/* do not edit this line please */}/* CSS style for gif image in the loading animation box */.MagicZoomLoading img{padding-top:3px !important}/* ?2008 MagicToolbox.com. To use this code on your own site,visit http://www.magictoolbox.com *//* CSS class for thumbnail link <A> */.MagicThumb{cursor:url(/images/zoom/zoomin.cur),pointer;outline:none}/* CSS class for the thumbnail link <A> when the big image is zoomed */.MagicThumb-zoomed{ cursor:default}/* CSS class for span inside the thumbnail <A> */.MagicThumb span{ display:none}/* CSS class for the thumbnail image */.MagicThumb img{ border:0px solid #808080;outline:none}/* CSS class for the big image while zooming */.MagicThumb-image{ border:1px solid #cccccc;outline:none}/* CSS class for the zoomed big image */.MagicThumb-image-zoomed{ cursor:url(/images/zoom/zoomout.cur),pointer}/* CSS class for the caption under the big zoomed image */.MagicThumb-caption{color:#333333;background-color:#000000;border:1px solid #CCCCCC;border-top:none;font-family:Arial,Helvetica;font-size:90%;padding:8px 16px;width:100%}/* CSS class for the control bar */.MagicThumb-controlbar{display:block;height:18px}.MagicThumb-controlbar a{display:block;width:18px;height:18px;margin:0px 1px;outline:none;float:left;overflow:hidden}.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(/images/zoom/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}/* CSS class for the loading message box */.MagicThumb-loading{border:1px solid #000000;background:#ffffff url(/images/zoom/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif}