/*------- common css ---------------*/

body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; color:#555; background:url(../images/body-bg.gif) top no-repeat #7f7f7f;}
h1, h2, h3, h4, h5, h6, p, label, ul, ol, li, form{margin:0px; padding:0px;}
p{margin:5px 0px 10px 0px; line-height:18px;}
p.maro{margin:0px 0px 0px 0px; line-height:18px;}
img{border:0px;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
.wrapper{width:896px; margin:0 auto; margin-top:10px;}
.padl10{padding-right:10px;}
.pad15{padding-right:10px;}
.pad20{padding:20px;}
.padlr10{padding:0px 10px 0px 10px;}
.pad6{padding:6px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.hrLine{border-top:1px solid #ccc; margin:10px 0px 10px 0px;}
.marz0{margin:0px;}
a{color:#eb0000; text-decoration:none;} a:hover{color:#da0609; text-decoration:underline;}
.redMore{text-align:right;}.redMore a{color:#da0609; text-decoration:none;}
.redMore a:hover{color:#da0609; text-decoration:underline;}


/*------- header css ---------------*/

.header{height:70px;}
.maret{padding-top:20px;}
.logo{}
.topRight{}

.mainNav{background:url(../images/main-nav-bg.gif) top center no-repeat; width:896px; height:43px;}
.mainNav ul{list-style:none; font-size:17px; margin-left:18px;}
.mainNav ul li{float:left; margin-right:0px; text-align:center; cursor:pointer; margin:0px 0px 0px 0px;}
.mainNav ul li a{color:#fff; text-decoration:none; display:block; padding:12px 31px 10px 31px; background:url(../images/nav-sep-line.gif) right no-repeat;}
.mainNav ul li.bioAct a{color:#fff; text-decoration:none; display:block; padding:12px 31px 10px 31px; background:url(../images/nav-n-bg.gif) bottom repeat-x #808080;}
.mainNav ul li /*.bioAct*/ a:hover{color:#fff; text-decoration:none; display:block; padding:12px 31px 10px 31px; background:url(../images/nav-h-bg.gif) bottom repeat-x #901f1f;}
.mainNav a.artBgNone{background:none;}

/*------- mid body css start here ---------------*/

.midBody{width:896px; height:475px; background:url(../images/midbody-bg.gif) top center no-repeat #fff; padding-bottom:10px; font-size:15px; }
.midBodyInternal{width:896px; height:475px; background:url(../images/midbody-bg.gif) top center no-repeat #fff; padding-top:8px; font-size:15px; }




/*------- mid body css end here ---------------*/



/*------------- footer css -------------------*/
.footer{margin-top:10px; font-size:12px; color:#666666; text-align:center;}
.footer a{padding:0px 5px 0px 0px; color:#666666;}
.artStyle{color:#c4141e;}.ofStyle{color:#5e5e5e;}.masproStyle{color:#000;}
/*------------- footer css end -------------------*/

/*------------- internal page css -------------------*/
.subNav{height:43px;}
.subNav ul{list-style:none; font-size:17px;}
.subNav ul li{float:left; margin-right:0px; text-align:center; padding:0px 13px 0px 0px;  cursor:pointer; margin:0px 0px 0px 0px; background:url(../images/subnav-hr-bg.gif) right no-repeat;}
.subNav ul li a{color:#000; text-decoration:none; display:block; padding:10px 31px 10px 31px; background:url(../images/subnav-h-bg.gif) left no-repeat;}

.subNav ul li.onAct {float:left; margin-right:0px; text-align:center; padding:0px 13px 0px 0px;  cursor:pointer; margin:0px 0px 0px 0px; background:url(../images/subnav-nr-bg.gif) right no-repeat;}
.subNav ul li.onAct a{color:#000; text-decoration:none; display:block; padding:10px 31px 10px 31px; background:url(../images/subnav-n-bg.gif) left repeat-x;}

.contactBg{background:url(../images/contact.gif) 495px 0px no-repeat; height:459px;}
.contactBg b{font-size:32px;}
.contactBg p{font-size:18px; line-height:24px;}
.bioIn{background:url(../images/bio-eric.jpg) 640px 0px no-repeat; height:459px;}
.contetnPlacer{width:600px; margin:10px 0 0 15px; /*overflow:auto;*/ height:362px;}.contetnPlacer p{line-height:22px;}
.contetnPlacerService{width:500px;  margin:10px 0 0 15px; /*overflow:auto;*/ height:362px;}.contetnPlacerService p{line-height:20px;}
.artIn{background:url(../images/art-bg.jpg) 125px 193px no-repeat; height:439px; }
.artIn2{background:url(../images/art-2.jpg) 638px 52px no-repeat; height:439px;}
.artInfluance{background:url(../images/influences.jpg) 8px 268px no-repeat; height:439px;}
.portFolio{background:url(../images/porfolio1.jpg) 8px 0px no-repeat; height:439px;}

.designProject{background:url(../images/design-product.jpg) 564px 157px no-repeat; height:439px;}
.proSupport{background:url(../images/production-support.jpg) 464px 195px no-repeat; height:439px;}
.techConsulting{background:url(../images/tech-consulting.jpg) 548px 165px no-repeat; height:439px;}
.techimg{background:url(../images/technology.jpg) 8px 0px no-repeat; height:439px;}

.supScriptStyle{font-size:8px; position:relative; top:-5px; text-transform:uppercase; font-weight:bold;}
.supScriptStyleb{font-size:10px; position:relative; top:-5px; text-transform:uppercase; font-weight:bold;}
.nounTxt{color:#c4141e; font-size:14px; font-style:italic;}
.dictionrytxt{font-size:10px; text-transform:uppercase;}
p.commentTxt{font-size:13px; line-height:15px;}
.servicRbox{width:330px; font-family:Georgia, "Times New Roman", Times, serif; color:#c4141e; margin-top:20px; font-size:18px; line-height:28px; font-style:italic; text-align:center;}
.serchBox{background:url(../images/serch-bg.gif); border:0px; padding:8px 0 8px 33px; color:#999999; width:192px;}
/*---------------------------------------------------------------- internal page end ------------------------------------------------------------------------------*/

/*gallery page css start*/

.