*{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit; vertical-align: baseline; }

@font-face {
    font-family: 'DroidSansWt';
    src: url('../images/fonts/droidsans-wt.eot');
    src: url('../images/fonts/droidsans-wt.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/droidsans-wt.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'DroidSansWt';
    src: url('../images/fonts/droidsans-bold-wt.eot');
    src: url('../images/fonts/droidsans-bold-wt.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/droidsans-bold-wt.ttf') format('truetype');
    font-weight: bold;

}

@font-face {
    font-family: 'BebasWt';
    src: url('../images/fonts/bebas-wt.eot');
    src: url('../images/fonts/bebas-wt.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/bebas-wt.ttf') format('truetype');
    font-weight: normal;
}


:focus { outline: 0; }

ol, ul, li { list-style: none; list-style-position:outside; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align:left; }

blockquote:before, blockquote:after,q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a{ text-decoration:none; cursor:pointer; color:#242a2d; outline:0px;}

p{ margin-bottom:15px; line-height:18px; }

b,strong{ font-weight:bold}

h2,h3{ font-weight:normal;}

input{padding:8px; border:1px solid #e2e2de; background:#ffffff; color:#242a2d;}
select{padding:8px; border:1px solid #e2e2de; background:#ffffff; color:#242a2d;}
textarea{padding:8px; border:1px solid #e2e2de; background:#ffffff; color:#242a2d;}


body { font-family:'DroidSansWt', Arial, Helvetica, sans-serif; color:#242a2d; font-size:14px; background:url(../images/body-bg.gif); min-width:960px; }

.wrapper{ display:block; clear:both; margin:0px auto; width:960px; }

#topbar{ display:block; height:220px; position:relative;  overflow:visible; z-index:20; min-width:960px; }
#topbar .topbarin{ display:block; height:176px; padding-top:40px;  position:relative; }

#toplinks{ display:block; width:960px; margin:0px auto; height:0px; overflow:visible; }
#toplinks .toplinks{ height:30px; position:absolute; width:960px; z-index:30; }
#toplinks a{ float:right; height:29px; background:#ffe937; padding:0px 8px; border:1px solid #f3cd2b; border-top:0px; margin-right:1px; }
#toplinks a span{ display:block; padding-top:6px; font-weight:bold; }

#logobox{ display:block; position:absolute; width:50%; padding-right:50%; min-width:480px; }
#logobox .logoboxin{ display:block; padding-right:234px;  height:176px; }
#logobox .logoright{ float:right;  width:0px; height:160px; overflow:visible; padding-left:250px; }
#logobox .logoright .logoright{ position:absolute; display:block; margin:0px; padding:0px; height:176px; width:16px; background:url(../images/menubar-logo-right.png) no-repeat; margin-top:0px; }
#logobox .logobg{ display:block; height:176px; background:url(../images/menubar-logo-border.png) repeat-x;  }
#logobox .logobg .logobg{ position:relative; display:block; height:178px; background:url(../images/menubar-logo-bg.png) repeat-x; background-position:0px 8px;  }
#logo{ float:right; padding-left:20px; padding-top:8px; width:230px;  margin-top:-160px; clear:both; }
#logo a{ float:left; position:absolute; background:url(../images/menubar-logo.png) no-repeat; width:217px; height:160px; z-index:50; }


#menubox{ display:block; position:absolute; width:50%; padding-left:50%; padding-top:50px; overflow:visible;  min-width:480px;  }
#menubox .menuboxin{ display:block;   height:76px; margin-left:-90px; }
#menubox .menuright{ float:left;  width:0px; height:76px; overflow:visible; padding-right:550px; }
#menubox .menuright .menuright{ position:absolute; display:block; margin:0px; padding:0px; height:76px; width:16px; background:url(../images/menubar-left.png) no-repeat; margin-top:0px; margin-left:-16px; }
#menubox .menubg{ display:block; height:76px; background:url(../images/menubar-border.png) repeat-x;  }
#menubox .menubg .menubg{ position:relative; display:block; height:78px; background:url(../images/menubar-bg.png) repeat-x; background-position:0px 8px;  }
#mainmenu{ clear:both; float:left; padding-top:24px; width:550px; margin-top:-76px; }
#mainmenu li{ float:left; padding:0px 20px; }
#mainmenu li a{ float:left; line-height:30px; padding:0px 9px; font-size:16px; font-family:'DroidSansWt'; }
#mainmenu li.active a{ color:#ee2c2c; }

#scrollnavi{ display:block; clear:both; height:1px; width:1px; padding-left:980px; margin:0px auto; overflow:visible; }
#scnavibox{ display:block; position:absolute; width:30px; height:80px; top:556px; background:url(../images/home-sidenavi-bg.gif) no-repeat; margin-left:20px; }
#scnavitop,
#scnavibottom{ display:block; height:40px; line-height:40px; width:30px; text-align:center; color:#FFFFFF; }


/*==== Slider ====*/
#homebanner{ display:block; height:555px; border-top:0px; margin-top:-220px; position:relative; z-index:10; min-width:960px; }
#slidebox{ display:block; height:522px; overflow:hidden; background:#ffd72c; border-bottom:1px dotted #b7b6b0; }

#slidebox div{ display:block; height:522px; overflow:hidden; padding:0px; margin:0px;  }
#slidebox .sliderinwidth{ width:960px; margin:0px auto; }

#slidernavi{ display:block; height:0px; overflow:visible; margin:0px auto; width:960px; }
#slidernavi .snavi-left{ float:left; overflow:visible; height:0px; }
#slidernavi .snavi-right{ float:right; overflow:visible; height:0px; padding-right:33px; }
#snavi-left{ display:block; height:50px; width:33px; margin-top:433px; background:url(../images/arrows-slider.gif) no-repeat top left; position:absolute; z-index:200; }
#snavi-right{ display:block; height:50px; width:33px; margin-top:190px; background:url(../images/arrows-slider.gif) no-repeat top right; position:absolute; z-index:200; }

/*==== Slider ====*/

#bannerbox{ display:block; height:555px; border-top:0px; border-bottom:1px dotted #b7b6b0;  margin-top:-220px;  margin-bottom:10px; }
#bannerbox .bannerbox{ display:block; height:380px; overflow:hidden; }
#bannerbottom{ display:block; height:1px; overflow:hidden; width:940px; margin:0px auto; }

.banner_aboutus{ background:#ff2e5d url(../images/slides/banner-2.jpg) no-repeat; background-position:center 0px; }
#toplinks .toplinks_aboutus a{ background:#ff5e8f; border:1px solid #f82d5a; border-top:0px; }

.banner_services{ background:#a759e8 url(../images/slides/banner-3.jpg) no-repeat; background-position:center 0px; }
#toplinks .toplinks_services a{ background:#af88fb; border:1px solid #a258e2; border-top:0px; }

.banner_works{ background:#26aad1 url(../images/slides/banner-4.jpg) no-repeat; background-position:center 0px; }
#toplinks .toplinks_works a{ background:#2ec6f7; border:1px solid #25a5cb; border-top:0px; }

.banner_support{ background:#ffd72c url(../images/slides/banner-5.jpg) no-repeat; background-position:center 0px; }
#toplinks .toplinks_support a{ background:#ffe937; border:1px solid #f8d12c; border-top:0px; }

#infoboxes{ display:block; clear:both; padding-top:40px; }
#infoboxes .infoboxes{ display:block; overflow:auto; height:100%; }
#infoboxes .ibox{ float:left; width:300px; padding:0px 10px; }
#infoboxes .ibox .boxcontent{ padding-right:10px; }
#infoboxes h2{ display:block; overflow:auto; height:100%; padding-bottom:20px; }
#infoboxes h2 .sno{ float:left; background:url(../images/number-box.gif) no-repeat; height:60px; width:60px; line-height:60px; text-align:center; color:#fff; font-size:40px; font-family:'BebasWt', Impact, Helvetica, sans-serif; padding-right:10px; }
#infoboxes h2 .title{ float:left; color:#3b3839; font-size:32px; line-height:32px; font-family:'DroidSansWt'; margin-top:-2px; }
#infoboxes h2 .sub{ color:#ee2c2c; }


.pagedivider{ display:block; clear:both; background:url(../images/divider-bg.gif); border-bottom:1px solid #fff; border-top:1px solid #fff; margin:15px 0px; }
.pagedivider .in1{ display:block; background:url(../images/divider-border.gif) repeat-x left top; }
.pagedivider .in2{ display:block; background:url(../images/divider-border.gif) repeat-x left bottom; padding:5px 0px; height:30px; overflow:hidden; }
.pagedivider .in3{ display:block; background:url(../images/divider-border.gif) repeat-x left bottom; padding:5px 0px; height:1px; overflow:hidden; }
.pagedivider .wrapper{ overflow:hidden; }
.dividermenu{ float:right; display:none; }
.dividermenu li{ float:left; padding:3px 15px; }
.dividermenu li a{ float:left; line-height:24px; padding:0px 10px; font-size:14px; font-family:'DroidSansWt'; color:#5a5d60; }
.dividermenu li.active a{ color:#ee2c2c; }


h2.pagetitle{ display:block; font-size:36px; line-height:30px; color:#ee2c2c; font-family:'DroidSansWt'; padding-bottom:15px; }
h3.pagesubtitle{ display:block; font-size:32px; line-height:28px; color:#3b3839; font-family:'DroidSansWt'; padding-bottom:15px; }
h2.boxtitle{ display:block; font-size:32px; line-height:28px; color:#3b3839; font-family:'DroidSansWt'; padding-bottom:15px; }

.listinfo{ display:block; padding-bottom:20px; }
.listinfo li{ display:block; padding:8px 10px; }
.listinfo li.row1{ background:url(../images/list-row1-pg.gif); }
.listinfo .rowin{ display:block; background:url(../images/arrow-right-gray-mid.gif) no-repeat; background-position:0px 5px; padding-left:13px; }


.listinfo3{ display:block; padding-bottom:20px; }
.listinfo3 li{ display:block; padding:8px 10px; }
.listinfo3 li.row1{ background:url(../images/list-row1-pg.gif); }
.listinfo3 .rowin{ display:block; background:url(../images/arrow-right-gray-mid.gif) no-repeat; background-position:0px 5px; padding-left:13px; }
.listinfo3{ display:block; overflow:auto; height:100%; }
.listinfo3 li{ float:left; width:445px; margin-right:2px; }

.readmore{ display:block; overflow:auto; height:100%; }
.readmore a{ float:right; font-size:18px; text-transform:uppercase; padding:3px; padding-right:20px; color:#3b3839; font-family:'DroidSansWt'; background:url(../images/arrow-readmore.gif) no-repeat; background-position:right 7px; height:22px; line-height:22px; }
.readmore a:hover{color:#ee2c2c; background-position:right -20px; }


.rightbox{ display:block; clear:both; }


#about{ display:block; }
#about .about{ display:block; overflow:auto; height:100%; padding-top:20px; padding-bottom:40px; }
#about .colleft{ float:left; width:620px; padding-left:10px; }
#about .colright{ float:right; width:300px; padding-right:10px; }
#about .content{ padding-bottom:15px; }
#about .listinfo{ display:block; overflow:auto; height:100%; }
#about .listinfo li{ float:left; width:288px; margin-right:2px; }


#ourclients{ display:block; }
#ourclients .logobox{ display:block; height:190px; border:1px dashed #989792; padding:20px; }
#ourclients .logobox .navi{ display:block; height:1px; clear:both; overflow:visible; }
#ourclients .logobox .navi a{ float:left; background:url(../images/arrows-oc.gif) no-repeat; width:20px; height:37px; margin-top:80px; position:absolute; }
#ourclients .logobox .navi a.navi-prev{ background-position:0px 0px; }
#ourclients .logobox .navi a.navi-next{ float:right; background-position:-30px 0px; margin-left:236px; }
#ourclients .logobox .navi a:hover.navi-prev{ background-position:-60px 0px; }
#ourclients .logobox .navi a:hover.navi-next{ float:right; background-position:-90px 0px; }

#clientlogos{ display:block; overflow:hidden; width:212px; height:182px; margin:0px auto; }
#clientlogos ul{ float:left; width:600px; }
#clientlogos ul li{ float:left; width:166px; height:166px; background:url(../images/ourclient-logo-bg.gif) no-repeat top center; padding:8px 23px; } 
#clientlogos ul li.space{ width:50px; margin:0px; padding:0px; border:0px; background:none; }
#clientlogos ul li img{ cursor:pointer; }
#ourclients .infobox{ display:block; position:relative; margin-top:-20px; }
#testimonials{ display:block; overflow:hidden; height:182px; width:300px;}
#testimonials ul{ float:left; width:600px; }
#testimonials ul li{ float:left; width:300px; height:146px; background:url(../images/ourclient-info-bg.gif) no-repeat top center; padding-top:36px; } 
#testimonials ul li.space{ width:300px; margin:0px; padding:0px; border:0px; background:none; }
#testimonials ul li .contentout{ display:block; height:110px; overflow:hidden; margin-top:20px; cursor:pointer; }
#testimonials ul li .content{ display:block; padding:4px 20px 0px 50px; background:url(../images/quote-oc-open.gif) no-repeat; background-position:20px 0px; }
#testimonials ul li .content img{ margin-left:10px; margin-bottom:-8px; position:relative; }



#services{ display:block; }
#services .services{ display:block; overflow:auto; height:100%; padding-top:20px; padding-bottom:40px; }
#services .colleft{ float:left; width:620px; padding-left:10px; }
#services .colright{ float:right; width:300px; padding-right:10px; }
#services .content{ padding-bottom:15px; }
#services .listinfo{ display:block; overflow:auto; height:100%; }
#services .listinfo li{ float:left; width:288px; margin-right:2px; }

#serviceslide{ display:block; overflow:hidden; height:208px; width:300px; }
#serviceslide ul{ display:block; height:208px; width:1000px; }
#serviceslide ul li{ float:left; width:300px; overflow:hidden; height:192px; padding:9px; overflow:hidden; background:url(../images/service-slide-bg.gif) no-repeat; }
#serviceslide ul li.space{ padding:0px; margin:0px; border:0px; background:none; width:10px; }
#serviceslidenavi{ display:block; clear:both; padding-top:14px; padding-left:130px; }
#serviceslidenavi a{ float:left; height:5px; width:5px; margin-right:5px; background:url(../images/service-slide-navi.gif) no-repeat; overflow:hidden; }
#serviceslidenavi a:hover, #serviceslidenavi a.active{ background-position:0px -10px; }


#portfolio{ display:block; }
#portfolio .portfolio{ display:block; overflow:auto; height:100%; padding-top:20px; padding-bottom:40px; }
#portfolio h2.pagetitle{ padding-left:10px; }
#portfolio .works{ padding-top:10px; overflow:auto; height:100%; }
#portfolio .works .work{ float:left; width:300px; height:290px; padding:0px 10px; }
#portfolio .workimagebox{ display:block; padding:8px; background:url(../images/border01.gif); margin-bottom:5px; }
#portfolio .workimage{ display:block; width:284px; height:163px; cursor:pointer; }
#portfolio .worktitle{ display:block; font-size:18px; line-height:18px; color:#ee2c2c; padding:10px 0px; }

#portfolio .quicknavi{ float:left; position:absolute; margin-top:-44px; padding-left:204px; }
#portfolio .qnavibox{ width:97px; height:25px; background:url(../images/work-qn-popup-bg.gif) no-repeat; padding:5px; padding-bottom:14px; }

#portfolio .qnitems{ float:left; }
#portfolio .qnitems li.item{ float:left; height:25px; width:30px; }
#portfolio .qnitems li.divider{ float:left; height:25px; width:2px; background:url(../images/work-qn-icons.gif) no-repeat top right; }
#portfolio .qnitems li a{ float:left; height:25px; width:30px; background:url(../images/work-qn-icons.gif) no-repeat; }
#portfolio .qnitems li a.zoom{ background-position:7px 5px; }
#portfolio .qnitems li a:hover.zoom{ background-position:7px -21px; }
#portfolio .qnitems li a.facebook{ background-position:-24px 5px; }
#portfolio .qnitems li a:hover.facebook{ background-position:-24px -21px; }
#portfolio .qnitems li a.twitter{ background-position:-56px 5px; }
#portfolio .qnitems li a:hover.twitter{ background-position:-56px -21px; }
#portfolio .readmore{ padding-right:10px; }



#contact{ display:block; }
#contact .contact{ display:block; overflow:auto; height:100%; padding:20px 10px 80px 10px; }
#contact .contactmap{ background:url(../images/border01.gif); padding:8px; margin-bottom:20px;  }
#mapbox{ display:block; height:285px;  }


#footer{ display:block; background:url(../images/footer_bg.png) repeat  top; }
#footer .footer{ display:block; overflow:auto; height:100%; padding:30px 10px 40px 10px; }

#footer .footerbox{ float:left; width:449px; padding:0px 10px;   margin-top:20px;}
#footer .footertitle{ display:block; font-size:20px; line-height:18px; color:#fff; padding:10px 0px; }
#footer .menulist{   clear:both; padding-right:10px; float:left; }
#footer .menulist li{ float:left; padding:11px 35px 0px 2px;   }
#footer .menulist li a{ display:block; line-height:18px; font-size:13px; color:#fff;  }
#footer .menulist li a:hover { color:#EE2C2C; }
#footer .menulist li.active a  { color:#EE2C2C; }

.footer_menu { border-bottom:1px #302f2f solid; height:40px; float:left; width:460px; }
.footer_left { float:left; width:460px; padding-right:10px; }

#bookmarks { display:block; border-bottom:1px #302f2f solid; height:45px; float:left; width:460px; padding:20px 0px 20px 0px; }

#footer .dotboxout{ display:block; border:1px solid #282727;  }
#footer .dotbox{ display:block; border:1px dashed #424041; padding:25px 27px; text-align:center; }

 
#bookmarks .bksocials{ float:left; }
#bookmarks .bksocials a{ float:left; width:45px; height:45px; background:url(../images/bookmarks.gif) no-repeat; margin-right:12px; }
#bookmarks .bksocials a.icon-facebook{ background-position:-57px 0px; }
#bookmarks .bksocials a.icon-twitter{ background-position:0px 0px; }
#bookmarks .bksocials a.icon-linkedin{ background-position:-170px 0px; }
#bookmarks .bksocials a.icon-googleplus{ background-position:-114px 0px; }
#bkaddthis, 
#bkaddthis .addthis_toolbox,
#bkaddthis .addthis_toolbox a{ float:left; width:47px; height:45px; overflow:hidden; }
#bkaddthis .addthis_button_compact span{ float:left; background:url(../images/bookmarks.gif) no-repeat; background-position:-227px 0px!important; }

.addthis_32x32_style .at300bs, .addthis_32x32_style .at15 { height:45px!important; width:45px!important; }

#mockup { float:left; width:100%; padding-top:20px; height:55px; border-bottom:1px #302f2f solid;  }
#w3cvalid{ display:block; height:28px; width:200px; }
#w3cvalid .valid_html{ float:left; height:28px; width:93px; background:url(../images/valid-markup.gif) no-repeat top left;  } 
#w3cvalid .valid_css{ float:right; height:28px; width:93px; background:url(../images/valid-markup.gif) no-repeat top right; }

 
.footer_right { float:right; width:460px; padding-left:10px; } 
#quote h3 { width:100%; color:#ffffff; font-size:18px; border-bottom:5px #302f2f solid; line-height:35px; margin-bottom:20px; }
#quote .field input { background:#2c2a2b; border:1px dashed #393939; padding:3px; color:#787677; margin-right:5px; margin-bottom:8px; }
#quote .smalltextbox {  width:215px; height:27px;   }
#quote .bigtextbox {  width:445px; height:27px;   }
#quote .textarea {  background:#2c2a2b; border:1px dashed #393939; padding:3px; color:#787677; margin-right:5px; margin-bottom:8px;  width:215px; height:50px;  }
#quote .bigtextarea {  background:#2c2a2b; border:1px dashed #393939; padding:3px; color:#787677; margin-right:5px; margin-bottom:8px;  width:445px; height:50px;  }
#quote .field .submit { background: none repeat scroll 0 0 #FE3C3C; border: 1px solid #EE2C2C; color: #FFFFFF; font-size: 15px;  width: 90px; float:right; cursor:pointer; }

.copyrights { border-top:2px #302f2f solid; height:95px; padding-top:20px; text-align:center;  width:100%; color:#656565;   }

a.captcha-reset {display:block; width:20px; height:20px; cursor:pointer; background:url(../images/recaptcha.gif) no-repeat top right;}
.frmcaptcha {margin-bottom:5px; background:#ffffff; border:1px dashed #393939; width:220px;}
.frmcaptcha a.captcha-reset {margin:5px 0px 0px 195px; position:absolute;}
.concaptcha {margin-bottom:5px; background:#ffffff; border:1px solid #E2E2DE; padding:10px;}
.concaptcha a.captcha-reset {margin:5px 0px 0px 265px; position:absolute;}
/*#colorbox{ position:fixed!important; }*/


#mob-toplinks{ display:none;}
#mob-mainmenu{ display:none;}
.mob-main{display:none;}
.mob-nobox{display:none;}
#mob-infoboxes{display:none;}
.mob-servmain{ display:none;}
.mob-conmain{ display:none;}
.mob-abtmain{ display:none;}
.mob-portmain{ display:none;}
.mob-quote{ display:none;}