body{margin:0;padding:0;font-family:Century Gothic,Lucida Grande,Lucida Sans Unicode,Verdana,Arial,Helvetica,sans-serif; font-size:13px;}
body.reg{background:url(../images/bak.jpg) no-repeat top center;}
body.design{background:url(../images/design_bak.gif) no-repeat top center;}
body.app{background:url(../images/app_bak.gif) no-repeat top center;}
a img {border:0}
a{color:#a17310;text-decoration:none}
a:hover{text-decoration:underline}
.clear{clear:both}
h2,h1{margin:0}
form{margin:0;padding:0;}

label.error{color:#ff0000;display:block;}

.menu .items .design-top{position:absolute;top:-18px;right:81px;}
.menu .items .reg-top{position:absolute;top:-17px;right:281px;}
.menu .items .app-top{position:absolute;top:-35px;right:170px;}

.head{height:118px; padding-top:15px;position:relative}
.menu{background:url(../images/topbar.gif);height:40px;position:relative} 
.menu .items{position:relative}
.surrounds, .foot, .head, .menu .items {margin:0 auto; width:980px;}
.menu .item {height:18px;}
.surrounds{padding:15px;background:url(../images/content_bak.png);}
.foot{background:url(../images/foot_bak.gif) top repeat-x #1d1d1d;padding:15px;color:#ffffff; -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
.foot {color:#676666;}
.foot a{color:#807f7f;text-decoration:none;font-size:12px;}
.foot a:hover{text-decoration:underline;color:#ffffff}

.foot h2 {color:#f9c556; font-size:14px; font-weight:normal; margin:5px 0px; font-family:Helvetica,Arial}
.footitem{float:left; width:300px;}
.footitem_text{float:left; width:380px;font-size:11px;}

.smallbox{width:280px;float:left;margin-right:15px;}
.smallbox .mid{width:266px;height:7px;background-color:#fff;float:left;}
.fullbox{width:576px;margin-top:15px}
.fullbox .mid{width:562px;height:7px;background-color:#fff;float:left;}
.widebox{width:980px;margin-top:0px}
.widebox .mid{width:966px;height:7px;background-color:#fff;float:left;}
.rightbox{width:386px;margin-top:0px}
.rightbox .mid{width:372px;height:7px;background-color:#fff;float:left;}
.midbox{width:480px;margin-top:0px}
.midbox .mid{width:466px;height:7px;background-color:#fff;float:left;}

.fullbox p,.smallbox p,.widebox p,.rightbox p,.midbox p{margin-bottom:0px;}

.mainleft{float:left;width:590px;}
.mainmid{float:left;width:490px;}
.mainright{float:right;width:390px;}

.guts{background-color:#fff;padding:0px 7px;}
.toprow,.botrow{height:7px;}
.tl{background:url(../images/crnr-tl.png) no-repeat;height:7px;width:7px;float:left;}
.tr{background:url(../images/crnr-tr.png) no-repeat;height:7px;width:7px;float:right;}
.bl{background:url(../images/crnr-bl.png) no-repeat;height:7px;width:7px;float:left;}
.br{background:url(../images/crnr-br.png) no-repeat;height:7px;width:7px;float:right;}

.contactdetails{padding:0px 10px 10px 10px;}
.contactLabel{margin-top:7px;}
.contactLeft{float:left;width:300px;}
.contactRight{float:right;width:200px;font-size:14px;padding-top:20px;}

.splat{background:url(../images/splat.gif) no-repeat;}

.fr_phone{margin:40px 0px 0px 70px;}

/* menu */
.menu .items {padding-top:10px;}
.smenuitem span{display:none;}
a.smenu_home{height:18px;width:71px;background:url(../images/m_home.gif) top no-repeat;display:block;font-size:0px;float:left;}
a.smenu_services{height:18px;width:122px;background:url(../images/m_services.gif) top no-repeat;display:block;font-size:0px;float:left;}
a.smenu_portfolio{height:18px;width:113px;background:url(../images/m_portfolio.gif) top no-repeat;display:block;font-size:0px;float:left;}
a.smenu_contactus{height:18px;width:117px;background:url(../images/m_contactus.gif) top no-repeat;display:block;font-size:0px;float:left;}
a.smenu_contactus:hover,
a.smenu_portfolio:hover,
a.smenu_services:hover,
a.smenu_home:hover{background-position:bottom;text-decoration:none;}
/* end menu */

/* services */

.service-item{height:84px;}
.s-pad{width:126px;float:left}
.s-img{height:82px;width:126px;float:left;padding:2px 0px 0px 3px;}
.s-imgr{height:82px;width:126px;float:left;padding:2px 1px 0px 0px;}
.s-img:hover{background:url(../images/service-glow.png) no-repeat top left}
.s-imgr:hover{background:url(../images/service-glow.png) no-repeat top right}
.s-descr {width:327px;float:left;padding:20px 0px 0px 10px;font-size:12px;}
.s-descrr {width:201px;float:left;padding:20px 0px 0px 10px;font-size:12px;}
.s-descr h2, .s-descrr h2 {margin:0;}  
.s-descr h2 a, .s-descrr h2 a {text-decoration:none;color:#000;}
.s-descr h2 a:hover, .s-descrr h2 a:hover  {text-decoration:underline}

/* end services  */

/* portfolio */
.portfolio-item{float:left;margin-top:15px;width:480px;}
.pimage{float:left;background:url(../images/pbak.png);height:161px;width:209px;padding:4px 0px 0px 4px;}
.pdescr{width:266px;float:left;}
.pdescr .casestudy {text-align:center;}
.pdescr h2 a, .pdescr h2 {text-transform:uppercase;font-size:14px;color:#d69408;margin:0px 0px 5px 0px;font-weight:normal;text-decoration:none}
.pdescr h2 a:hover {text-decoration:underline}
.portfolio-item ul{list-style-image: url(../images/tick.gif);margin:2px 0px;}
/* end portfolio */