html{ font-size:100%; } /* for IE */
body {padding:0;margin:0;color:#1a1410;font: 0.625em  arial, tahoma, helvetica, sans-serif;}

body.page-home,body.page-blog{background:#dcdcdc;}
body.page-clients{background:#517e7b;}
body.page-portfolio{background:#dc3c06;}
body.page-testimonials{background:#6d6a4c;}
body.page-contact{background:#294a02;}


.clear {display:block; height:0; clear:both; visibility:hidden;}
a {color:#f7640e;}
a:hover {text-decoration:none;}
.orange {color:#f7640e;}
.white {color:#FFF;}
form{margin:0;}
#p{position:absolute;top:0;left:0;}

#area1 {height:139px;}
.page-home #area1,.page-blog #area1{background:transparent url('/i/_bg1_home.png') repeat-x top}
.page-clients #area1{background:transparent url('/i/_bg1_clients.png') repeat-x top}
.page-portfolio #area1{background:transparent url('/i/_bg1_portfolio.png') repeat-x top}
.page-testimonials #area1{background:transparent url('/i/_bg1_testimonials.png') repeat-x top}
.page-contact #area1{background:transparent url('/i/_bg1_contact.png') repeat-x top}

#area2 {min-height:512px;}
.page-home #area2,.page-blog #area2{background:#FFF url('/i/_bg2_home.jpg') repeat-x top}
.page-clients #area2{background:transparent url('/i/_bg2_clients.jpg') repeat-x top}
.page-portfolio #area2{background:#fcdd7e url('/i/_bg2_portfolio.jpg') repeat-x top}
.page-testimonials #area2{background:transparent url('/i/_bg2_testimonials.jpg') repeat-x top}
.page-contact #area2{background:transparent url('/i/_bg2_contact.jpg') repeat-x top}

#area3 {min-height:339px; background:#b1b1b1 url('/i/_bg3.png') no-repeat center top}

#area4 {min-height:86px;}
.page-home #area4,.page-blog #area4{background:#dcdcdc;}
.page-clients #area4{background:#123634; border-top:4px solid #457572;}
.page-portfolio #area4{background:#dc3c06; border-top:4px solid #e0a75e;}
.page-testimonials #area4{background:#2f2c17; border-top:4px solid #5a573c;}
.page-contact #area4{background:#294a02; border-top:4px solid #243c03;}


#area1 .inner, #area2 .inner, #area3 .inner, #area4 .inner {position:relative; width:930px; margin:0 auto;}

#area1 .logo {position:absolute;width:146px;height:54px;top:30px;left:21px;background:transparent url('/i/logo.png') no-repeat}
#area1 .slogan {position:absolute;top:30px;left:271px;font-size:1.5em;}
.page-home #area1 .slogan,.page-blog #area1 .slogan{color:#525252;}
.page-clients #area1 .slogan{color:#FFF;}
.page-portfolio #area1 .slogan{color:#9b0505;}
.page-testimonials #area1 .slogan{color:#f5e3e3;}
.page-contact #area1 .slogan{color:#f5e3e3;}


#nav {position:relative; top:106px; font-family:arial, tahoma, helvetica; color:#24272b;}
#nav ul {list-style:none; margin:0; padding:0; font-size:1.4em;}
#nav ul li {float:left; margin:0px; background:transparent url(i/_nav_li.png) no-repeat top right; padding-right:1px;}
#nav ul li.last {float:left; margin:0px; background:none;}
#nav ul li a {display:block; margin:0; padding:7px 24px 10px 24px; color:#2e2622; text-decoration:none;}
#nav ul li a.active{background:transparent url(i/ahover.png) repeat-x center;}
#nav ul li a:hover {background:transparent url(i/ahover.png) repeat-x center;}
#nav ul li span {display:block; margin:0; padding:7px 24px 10px 24px; color:#2e2622; text-decoration:none; background:transparent url(i/ahover.png) repeat-x center;}

#Left {float:left; width:255px;}
#Right {margin-left:255px;}

#Left .inner-left {margin-top:365px;font-size:1.2em;}
.page-home #Left .inner-left, .page-home #Left .inner-left a,.page-blog #Left .inner-left, .page-blog #Left .inner-left a{color:#f7640e;}
.page-clients #Left .inner-left, .page-clients #Left .inner-left a{color:#faf1b4;}
.page-portfolio #Left .inner-left, .page-portfolio #Left .inner-left a{color:#e24900;}
.page-testimonials #Left .inner-left, .page-testimonials #Left .inner-left a{color:#faf1b4;}
.page-contact #Left .inner-left, .page-contact #Left .inner-left a{color:#faf1b4;}

#Left .phone, #Left .address, #Left .email {padding-left:21px; margin-bottom:10px;}
#Left .phone {font-size:1.6em;background:transparent url(i/phone.png) no-repeat 0% 50%;}
.page-home #Left .phone,.page-blog #Left .phone{color:#2a2929;}
.page-clients #Left .phone{color:#FFF;}
.page-portfolio #Left .phone{color:#1c1c1c;}
.page-testimonials #Left .phone{color:#FFF;}
.page-contact #Left .phone{color:#FFF;}

#Left .email {background:transparent url(i/email.png) no-repeat 0% 50%;}


.page-home #Right .right-ttl,.page-blog #Right .right-ttl {color:#f7640e;}
.page-clients #Right .right-ttl {color:#FFF;}
.page-portfolio #Right .right-ttl {color:#9b0505;}
.page-testimonials #Right .right-ttl {color:#FFF;}

/*........................................................Home Page.....................................................................*/
/*#Right .newsBox {position:absolute; top:113px; right:0;}*/
#Right .newsBox {float:right;margin:20px 0;}
#Right .news {width:255px; padding:25px; background:#f1f1f1; border:1px solid #d8d8d8; font-size:1.1em; color:202121;}
#Right .news-ttl {font-size:1.2em; font-weight:bold;}
#Right .news-body {margin:15px 0; line-height:12pt;}
#Right .news-body a {color:#202121;}
#Right .news-body a:hover {color:#f7640e;}
#Right .newsLink {margin:22px 0 0 30px; font-size:1.1em; padding:0 0 0 16px; background:transparent url(i/quote.png) no-repeat 0% 50%;}

#Right .right-ttl {font-size:1.8em; margin:20px 16px;}

#Right .listed {margin:35px 0 36px 0;}
#Right .exp {line-height:14pt;}
#Right .exp p{margin:0 0 20px 0;}
#Right .exp span {font-weight:bold;}
#Right .expLink {margin:10px 0 0 0;padding:0 0 30px 16px; background:transparent url(i/glass.png) no-repeat 0% 3px;}
#Right .expNoLink {margin:10px 0 0 0;padding:0 0 10px 16px;}

#Right .listed, #Right .exp {font-size:1.2em; margin-left:16px;}

#clientsBox {}
#clientsBox .clients {font-size:1.4em; color:#FFF; margin-left:21px;}
#clientsBox .ttl {font-weight:bold; padding-top:30px;}
.list {float:left; width:30%; font-size:1.1em; margin-left:21px;}
.list ul {list-style:none; margin:15px 0; padding:0;}
.list ul li {margin:3px 0; padding:0;}
.list ul a {color:#1d2020; text-decoration:none;}
.list ul a:hover {color:#777;}
/*........................................................ /Home Page.....................................................................*/

/*........................................................ Publuc Block .....................................................................*/
.page-home #Right .exp span {font-size:1.2em;color:#f7640e;} .page-home #Right expLink {font-size:1.1em;}
.page-blog #Right .exp span {font-size:1.2em;color:#f7640e;} .page-blog #Right expLink {font-size:1.1em;}

.page-testimonials #Right .exp{color:#FFF;}
.page-contact #Right .exp {color:#faf1b4;}
.page-testimonials #Right .exp span,.page-contact #Right .exp span {font-size:1.2em; color:#FFF;}
.page-testimonials #Right .expLink,.page-contact #Right .expLink{font-size:1.1em;}
.page-testimonials #Right a,.page-contact #Right a{color:#faf1b4;}

#Right .sLeft{float:left; width:310px; 1background:#CC6;}
#Right .sRight{margin-left:340px; width:310px; 1background:#C6C;}

.page-contact #Right .sLeft{float:left; width:354px; 1background:#CC6;}
.page-contact #Right .sRight{margin-left:370px; width:240px; 1background:#C6C;}
.page-contact #Right .sLeft img{border:4px solid #6e980c;}

.page-clients #Right ul{list-style:none; margin:0 0 30px 0; padding:0; font-size:1.4em;}
.page-clients #Right ul li{padding:3px 0; margin-left:16px;}
.page-clients #Right ul li a{color:#FFF;}
.page-clients #Right .nourlclient{color:#FFF;}
.page-clients #Right ul li a:hover{color:#b2dcda;text-decoration:none;}

.page-contact .cntfrm {}
.page-contact p.inP {margin:5px 0 !important;}
.page-contact .cntRight {float:right;} .page-contact .cntRight b{color:#C00;}
.page-contact form{margin:0 0 30px 0;}
.page-contact .inP button {border:0px;}
.page-contact .inP button strong{display:block; font-weight:normal; backgrund:#ece4ac; font-size:0.9em; color:#3f5d06; font-family:arial, tahoma, helvetica, sans-serif;}
.page-contact .inP button strong{padding:5px 21px 0 21px;}
*+html .page-contact .inP button strong{padding:2px 18px 0 18px;}
*html .page-contact .inP button strong{padding:2px 18px 0 18px;}
.red{color:#C00 !important;}
.page-contact .cntfrm input,.page-contact .cntfrm textarea {font-size:14px;border:1px solid #3f5d05;padding:4px 0;}
/*........................................................ /Publuc Block .....................................................................*/

/*........................................................ Footer .....................................................................*/
.search {position:relative; top:30px;left:21px;font-size:1.1em;font-weight:bold;}
.search input {margin:0; padding:0;}
.copyright {position:absolute; top:34px;right:0px; font-size:1.1em; }
.page-home .copyright,.page-home .search,.page-blog .copyright,.page-blog .search{color:#818181;}
.page-clients .copyright, .page-clients .search {color:#ece4ac;}
.page-portfolio .copyright, .page-portfolio .search {color:#ffe55c;}
.page-testimonials .copyright, .page-testimonials .search {color:#ece4ac;}
.page-contact .copyright, .page-contact .search {color:#ece4ac;}
/*........................................................ /Footer .....................................................................*/


/*........................................................ for Portfolio .....................................................................*/
/*    all    */
.page-portfolio #Right ul{list-style:none; margin:18px 0 0 16px; padding:0; font-size:1.4em;}
.page-portfolio #Right ul li{float:left; padding:0; margin-right:10px;}
.page-portfolio #Right ul li a{display:block;color:#d34800;}
.page-portfolio #Right ul li strong{display:block;padding:16px 19px 12px 19px;}
.page-portfolio #Right ul li a:hover{text-decoration:none;background:url('/i/pbg_l.png') no-repeat top left;}
.page-portfolio #Right ul li a:hover strong{background:url('/i/pbg_r.png') no-repeat top right;}
.page-portfolio #Right ul li span{display:block;background:url('/i/pbg_l.png') no-repeat top left;}
.page-portfolio #Right ul li span strong{color:#d34800;background:url('/i/pbg_r.png') no-repeat top right;}

.slide-box #laquo,.slide-box #raquo{z-index:10;position:absolute;width:31px;height:44px;top:35px;cursor:pointer;cursor:hand;}
.slide-box #laquo{left:-28px;background:url('/i/laquo.png') no-repeat;}
.slide-box #raquo{right:-28px;background:url('/i/raquo.png') no-repeat;}

.slide-box{position:relative;margin:62px 0 0 0;width:660px;height:104px;background:#fff694;}
.slide-box .container{position:absolute;top:0;left:0px;width:650px;height:94px;overflow:hidden;border:5px solid #fff694;}
#in{position:relative;top:0;}
.page-portfolio #Right .slide-box ul{margin:0;padding:0;width:10000px;}
.page-portfolio #Right .slide-box ul li{float:left;width:100px;height:92px;list-style:none;margin:0 5px 0 0;border:1px solid #CCC;}
.page-portfolio #Right .slide-box ul li a{}
.page-portfolio #Right .slide-box ul li a.act img{opacity:0.4; filter: alpha(opacity=40);}
.page-portfolio #Right .slide-box ul li a:hover img{opacity:0.4; filter: alpha(opacity=40);}



.item-box{position:relative;width:648px;margin-top:5px;padding:5px 6px;background:#fff694;}
#pre1 {z-index:400;position:absolute;width:40px;height:40px;left:50%;top:20%;margin:-20px 0 0 -20px;background:#FFF url('/i/loader.gif') no-repeat center; border:1px solid #000;}

.item-box .site-link{float:right;font-size:14px;font-weight:bold;color:#ff4e00;margin:15px 0 10px 0;}
.item-box .site-link a{padding-left:20px;background:url('/i/pnw.png') no-repeat 0% 50%;}
.item-box .desc{}
.item-box .desc p{margin:15px 0 10px 0;font-size:12px;}
.item-box .desc b{font-size:16px;color:#ff4e00;}

.alphal{position:absolute;top:125px;left:6px;height:50px;background:#3a3a3a;opacity:0.8; filter: alpha(opacity=80);padding:0 10px;border:1px solid #fff694;}
.alphar{position:absolute;top:125px;right:6px;height:50px;background:#3a3a3a;opacity:0.8; filter: alpha(opacity=80);padding:0 10px;border:1px solid #fff694;}

/*........................................................ /for Portfolio .......................................color:#ff4e00..............................*/


.p{position:absolute;top:0;right:0;}


#sa {position:absolute;top:0px;left:0px;width:100%;min-height:100%;z-index:300;background:#333; opacity:0.5; filter: alpha(opacity=50);}
.pre {position:relative;width:32px;margin:0 auto;height:100px;background:transparent url('/i/loader.gif') no-repeat center;}


#advance{position:fixed;left:50%;top:90px;margin-left:-267px;width:526px;z-index:400;font-size:12px;} 
#advance .top{height:48px;background:transparent url('/i/pptitle.png') no-repeat;}
#advance .mid{background:transparent url('/i/ppmiddle.png'); padding:20px 30px;}
#advance .btm{height:15px;background:transparent url('/i/ppbottom.png') no-repeat;}
#advance .to{float:left;margin:20px 0 0 20px;color:#FFF;font-size:14px;}
#advance .close{float:right;height:17px;width:15px;margin:20px 25px 0 0;cursor:pointer;cursor:hand;background:transparent url('/i/ppclose.png') no-repeat center;}

#adcontent .subm input{color:#FFF;background:#f7640e;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-bottom:1px solid #333;
border-right:1px solid #333;}

.tarea{font-size:12px;width:280px;}
.Record {margin:5px 0;}
.Record input,.Record textarea{width:280px;overflow:hidden;font-family:Arial;font-size:12px;border:1px solid #ff9c29;padding:2px 0;}
.Record .label{float:left;width:150px;text-align:right;}
.Record .label b{color:#C00;font-size:15px;margin-right:3px;}   
.Record .field{margin-left:155px;}

.mailusbtn{width: 80px;height: 35px;margin: 0;padding: 0;}
.mailusbtn input{width: 80px;height: 35px;padding: 2px 5px 2px 5px;margin: 0;background: url('/i/mailusbtn.png') no-repeat center; border: 0;color: #fff; font-weight: bold;text-align: center;cursor: pointer;}

.search-engine{visibility:hidden;}



/* Horizontal Carousel */
#horizontal_carousel {float:left;position:relative;margin:62px 0 0 0;width:660px;height:114px;background:#fff694;}         

#horizontal_carousel .container {
  position: absolute;top: 0px;left:5px;width: 650px;
  height: 114px;
  overflow:hidden;   
  b11ackground: #3F3F3F;
}            

#horizontal_carousel .previous_button {
  position:absolute;width:31px;height:44px;top:35px;left:-28px;
  background:url('/i/laquo.png') no-repeat;z-index: 100;cursor:pointer;
}        
#horizontal_carousel .previous_button_disabled {
  background: url('/i/laquo.png') no-repeat;
background:none;
  cursor:default;
}

#horizontal_carousel .next_button {
  position:absolute;width:31px;height:44px;top:35px;right:-28px;
  background:url('/i/raquo.png') no-repeat;z-index:100;cursor:pointer;
}   
#horizontal_carousel .next_button_disabled {
  background: url('/i/raquo.png') no-repeat;
background:none;
  cursor:default;
}

#horizontal_carousel ul {margin:0 0 0 0px;padding:0;width:100000px;
  position: relative;top:0;left:0;height: 114px;
}                      

#horizontal_carousel ul li img {
  border:1px solid #999999;
  display:block;             
  background:#E3EDFA;  
}                               

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel ul li {
  border:0px solid green;
  color:#E3EDFA;
  margin:0pt;
  padding:5px 5px 5px 5px;
  list-style:none;   
  float:left;
}