/*General CSS*/
*{margin:0;padding:0;}
#wrapper{width:980px;margin:0 auto;}
body#home{color:#5f5f5f;background:#fff url(images/bg-header.jpg) repeat-x;font:normal 90%/1.4em arial,verdana}
body#sub{color:#5f5f5f;background:#fff url(images/bg-header-sub.jpg) repeat-x;font:normal 90%/1.4em arial,verdana}
.clr{clear:both;}
a{color:#666;text-decoration:underline;}
a.readon{font-size:.8em;}
img{border:none;}
#main p{margin:10px 0;}


/*Topmenu*/
ul#topmenu {background:url(images/bg-header-menu.jpg) 4px 0 repeat-x;height:1%;height:37px;}
#topmenu li a {text-align:center;border-right:1px solid #ededed;padding:9px 4px 8px 4px;display:block;position:relative;text-decoration:none;background-color:#fff;width:131px;}
#topmenu li a:hover,#topmenu li a.active{background:transparent;border:none;margin-right:1px;color:#000;}
#topmenu li a.active{border-left:1px solid #fff;padding-left:3px;position:relative;left:-1px;text-indent:1px;}
#topmenu li a:hover{border-left:1px solid #fff;position:relative;left:-1px;padding-left:3px;text-indent:1px;}

#topmenu li{float:left; list-style:none;}
/*banner*/
#logo{float:left;margin-top:10px;margin-left:20px;}
#slogan{position:relative;float:left;margin-left:100px;top:23px;}
#header{overflow:auto;}


/*Modules*/
.modules{float:left;width:274px;padding:0 26px;}
.modules h3{font-size:1.5em;font-weight:normal;color:#027e96;}
.modules img{float:left;margin-right:10px;margin-top:30px;}

/*Sidebar*/
.sidebar{float:right;width:215px;padding:25px 0 20px 25px;}
.sidebar ul ul,.sidebar ul{margin-left:0px;list-style:none;}
.sidebar ul{margin-bottom:20px;}
.sidebar li{margin:0;}
.sidebar h2{font-size:1.2em;}
#searchform{margin-bottom:20px;width:220px;}
.content-blog{width:700px;float:left;padding-right:20px;background:url(images/dot-vert.jpg) 100% 0 repeat-y;}

/*Title image replacement*/
/*#case{text-indent:-999em;letter-spacing:-999em;background:url(images/title_studies.jpg) no-repeat;height:36px;width:200px;}
#services{text-indent:-999em;letter-spacing:-999em;background:url(images/title_service.jpg) no-repeat;height:36px;width:248px;}
#process{text-indent:-999em;letter-spacing:-999em;background:url(images/title_process.jpg) no-repeat;height:36px;width:200px;}
#about{text-indent:-999em;letter-spacing:-999em;background:url(images/title_about.jpg) no-repeat;height:36px;width:226px;}
#contact{text-indent:-999em;letter-spacing:-999em;background:url(images/title_contact.jpg) no-repeat;height:36px;width:226px;}
#approach{text-indent:-999em;letter-spacing:-999em;background:url(images/title_approach.jpg) no-repeat;height:36px;width:200px;}
#blog{text-indent:-999em;letter-spacing:-999em;background:url(images/title_blog.jpg) no-repeat;height:36px;width:200px;}*/

/*Main*/
#main{margin:30px 0;min-height:400px;height:auto!important;height:400px;}
#mod{background:url(images/dot1.jpg) repeat-y;height:1%;}
#maincontent{margin-top:20px;}
.content{margin-top:30px;}
.hilite{color:#000;background:url(images/box_mid.jpg) repeat-y;margin-top:10px;}
.hilite div div{background:url(images/box_top.jpg) no-repeat;width:100%;}
.hilite div{background:url(images/box_bot.jpg) 0 100% no-repeat;width:100%;}
.hilite div div div{padding:20px;width:95%;}
#main ul{margin:10px 40px;}
#contents{background:url(images/dot2.jpg) repeat-x;margin-top:10px;padding-top:2px;}
ul ul li{margin-left:130px;}
h3#blog, h3#approach{margin-left:20px;}

img.icons{float:left;margin:20px 20px 20px 0;}
/*Footer*/
#footer{text-align:center;height:30px;background:url(images/bg-footer.jpg) repeat-x;font-size:11px;color:#000;margin-top:20px;height:62px;padding-top:20px;}
#footer li{list-style:none;display:inline;font-size:12px;}
#footer li a{color:#000;margin:0 5px;font-size:12px;}
#footer ul{margin-bottom:10px;}