/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* end of global reset */


/* ----- CSS ----- */

body { font-family:'Dosis', Arial, sans-serif; background:url(../images/container-bg.png); }

/* ----- ID'S & CLASSES----- */

#wrapper { width:; margin: 0 auto; }

.headerwrapper { background:url(../images/header-bg.png) repeat-x; }
.header { width:980px; margin:0 auto; min-height:102px; }
.header .logo { padding-left:10px; padding:10px; display:block; float:left; }
.header .nav { float:right; }
.header .nav ul { padding-top:20px; }
.header .nav li { float:left; padding:0 10px; }
.header .nav a { display:block; float:left; text-decoration:none; background-repeat:no-repeat; padding-top:40px; text-align:center; background-position:35px 0; width:120px; color:#302a72; font-weight:600; font-size:18px; }
.header .nav a.whoweare { background-image:url(../images/whoweare-bg.png); }
.header .nav a.whatwedo { background-image:url(../images/whatwedo-bg.png); }
.header .nav a.ourclients { background-image:url(../images/ourclients-bg.png); }
.header .nav a.contactus { background-image:url(../images/contactus-bg.png); }
.header .nav a:hover { background-position:35px -142px; color:#2583c0; }

.shwrapper { background:url(../images/homeheaderbot-bg.jpg) center top; }
.subheader { width:980px; margin:0 auto; min-height:557px; }
.subheader ul { border-bottom:1px solid #abcedd; padding:100px 84px 40px 84px; margin-bottom:5px; }
.subheader ul li { float:left; }
.subheader ul li span { display:block; float:left; }
.subheader ul li.wd { width:203px; height:161px; background-image:url(../images/li-wd-bg.png); background-repeat:no-repeat; text-indent:-9999px; }
.subheader ul li.wd span.text { padding:56px 35px; text-align:center; line-height:24px; font-size:18px; color:#fff; text-shadow:1px 1px 1px #999; width:133px; }
.subheader ul li span.plus { padding:60px 30px; }
.subheader ul li.om { width:203px; height:161px; background:url(../images/li-om-bg.png); background-repeat:no-repeat; text-indent:-9999px; }
.subheader ul li.om span.text { padding:56px 35px; text-align:center; line-height:48px; font-size:18px; color:#fff; text-shadow:1px 1px 1px #999; width:133px; }
.subheader ul li span.equal { padding:60px 30px; }
.subheader ul li.bvm { width:203px; height:161px; background:url(../images/li-bvm-bg.png); background-repeat:no-repeat; text-indent:-9999px; }
.subheader ul li.bvm span.text { padding:56px 35px; text-align:center; line-height:24px; font-size:18px; color:#fff; text-shadow:1px 1px 1px #999; width:133px; }
.subheader ul li:hover { background-position:bottom; text-indent:0; }
.subheader p { font-size:16px; text-align:center; font-weight:bold; line-height:22px; padding-bottom:20px; }
.subheader p span { display:block; font-size:12px; font-weight:400; }
.subheader p img { padding:10px 0;}

.subpage .subheader { width:980px; margin:0 auto; min-height:221px; }
.subpage .subheader h2 { font-size:46px; color:#fff; text-shadow:1px 1px 1px #222; font-weight:800; padding:100px 0 10px 0; margin:0 30px; line-height:40px; border-bottom:1px solid #adc5d5;  }
.subpage .subheader h2 span.icon { display:block; float:left; width:48px; height:40px; margin-right:30px; border-bottom:1px solid #d3dee3; padding-bottom:10px; }

.aboutpage .shwrapper { background:url(../images/aboutus-bg.jpg) center top; }
.aboutpage .subheader h2 span.icon { background:url(../images/whoweare-bg.png) no-repeat center top;}

.servicespage .shwrapper { background:url(../images/services-bg.jpg) center top; }
.servicespage .subheader h2 span.icon { background:url(../images/whatwedo-bg.png) no-repeat center top;}

.clientspage .shwrapper { background:url(../images/aboutus-bg.jpg) center top; }
.clientspage .subheader h2 span.icon { background:url(../images/ourclients-bg.png) no-repeat center top;}

.contactpage .shwrapper { background:url(../images/hdrcontactus-bg.jpg) center top; }
.contactpage .subheader h2 span.icon { background:url(../images/contactus-bg.png) no-repeat center top;}

.content { width:940px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:0px 0px 2px 2px rgba(55, 55, 55, 0.2); box-shadow:0px 0px 2px 2px rgba(55, 55, 55, 0.2); margin:-70px auto 0 auto; background:#fff; padding:20px; position:relative; }

.content .hbox { padding-bottom:30px; }
.content .left { float:left; }
.content .right { float:right; }
.content .htext { width:495px; padding:20px 0 0 0; }
.content .htext h3 { font-size:32px; font-weight:200; line-height:36px; color:#3f36a3; padding:0 15px 15px 15px; border-bottom:1px solid #d9d9d9; margin-bottom:20px; }
.content .htext p { font-size:16px; font-weight:400; color:#222; line-height:22px; padding:0 15px 20px 15px; }
.content .himg { }
.content .quote { width:235px; height:350px; background:url(../images/quote-bg.png) no-repeat; margin-right:40px; padding:35px 30px 0 30px; }
.content .quote p { color:#d3e7f4; font-size:16px; padding-bottom:10px; }
.content .quote p.quoteinner { color:#fff; text-transform:uppercase; background:url(../images/quote-small-bg.png) no-repeat 0 10px; padding-left:60px; font-size:32px; line-height:36px; font-weight:300; padding-bottom:20px; }

.aboutpage .aboutleft { width:565px; float:left; margin:20px 0 0 30px; }
.aboutpage .aboutleft h3 { font-size:32px; font-weight:200; line-height:36px; color:#3f36a3; padding:0 15px 15px 15px; margin-bottom:20px; }
.aboutpage .aboutleft p { font-size:16px; font-weight:400; color:#222; line-height:22px; padding:0 15px 20px 15px; }
.aboutpage .aboutleft h4 { display:inline-block; border-top:1px solid #d9d9d9; font-size:26px; font-weight:600; padding:10px 0;}
.aboutpage .aboutright { width:295px; float:right; padding:15px 15px 0 0;}

.servicespage {}
.servicespage .toppart {}
.servicespage .toppart .tpnav { width:41px; float:left; margin-right:40px; }
.servicespage .toppart .tpnav li { margin-bottom:10px; }
.servicespage .toppart .tpnav li a { position:relative; display:block; }
.servicespage .toppart .tpnav li a span { display:none; }
.servicespage .toppart .tpnav li a:hover span{ display:block; position:absolute; top:1px; left:43px; width:126px; height:39px; line-height:39px; text-align:center; padding-left:4px; background:url(../images/popupnav-bg.png) no-repeat; color:#fff; }
.servicespage .toppart .topleft { float:left; width:540px; margin-right:30px; }
.servicespage .toppart .topleft h3 { font-size:36px; font-weight:200; line-height:36px; color:#3f36a3; padding:0 15px 15px 15px; border-bottom:1px solid #d9d9d9; margin-bottom:20px; }
.servicespage .toppart .topleft p { font-size:16px; font-weight:400; color:#222; line-height:22px; padding:0 15px 20px 15px; }
.git { width:148px; height:225px; background:url(../images/getintouch-hands-bg.jpg) no-repeat; padding:38px 115px 0 20px; float:left; text-align:center; position:relative; }
.git p { font-size:24px; color:#fff; line-height:24px; font-weight:200; text-transform:uppercase; }
.git p.small { font-size:13px; line-height:24px; text-transform:none; }
.git a { position:absolute; display:block; bottom:0; left:93px; }

.servicespage .servicebox { border-top:1px solid #d9d9d9; padding-top:30px; margin-left:80px; margin-right:20px; margin-top:30px; }
.servicespage .servicebox .left { float:left; margin-right:20px; }
.servicespage .servicebox .right { float:right; width:475px; margin-right:40px; }
.servicespage .servicebox .right h3 { font-size:26px; font-weight:200; line-height:36px; color:#3f36a3; margin-bottom:20px; }
.servicespage .servicebox .right h3 a { float:right; display:block; }
.servicespage .servicebox .right p { font-size:16px; font-weight:400; color:#222; line-height:22px; padding:0 0 15px 0; }
.servicespage .servicebox .right li { background:url(../images/li-item-bg.jpg) left 50% no-repeat; padding-left:20px; color:#222; font-size:16px; margin-bottom:5px; }

.clientspage {}
.clientspage .intropart { padding:15px 50px 0 50px; }
.clientspage .left { width:440px; float:left; }
.clientspage .left p { font-size:16px; font-weight:400; color:#222; line-height:22px; padding:0 15px 20px 15px; }
.clientspage .left h4 { display:inline-block; border-top:1px solid #d9d9d9; font-size:26px; font-weight:600; padding:10px 0; }
.clientspage .right { float:right; }
.clientspage td  {width:300px; height:222px; text-align:center; vertical-align:middle; background:url(../images/portfolioitem-bg.png) no-repeat center; padding:15px;}

.contactpage {}
.contact-area { width:635px; float:left; }
.contact-area h4 { border-top:1px solid #d9d9d9; font-size:26px; font-weight:600; padding:10px 0 10px 15px; }
.contact-area p { font-size:16px; font-weight:400; color:#222; line-height:22px; padding:0 15px 20px 25px; }
.contact-area .modaldiv { float:left; padding:15px 8px; }
.contact-area label { display:block; font-size:13px; }
.contact-area input { border:1px solid #bcbcbc; background:#f2f2f2; padding:5px 10px; width:278px; height:20px; line-height:20px; color:#222; font-size:14px; -webkit-border-radius: 3px; border-radius: 3px; }
.contact-area .modaldivtxt { padding:15px 8px; }
.contact-area textarea { border:1px solid #bcbcbc; background:#f2f2f2; padding:5px 10px; width:594px; height:145px; line-height:20px; color:#222; font-size:14px; -webkit-border-radius: 3px; border-radius: 3px; }
.contact-area .submit-button { width:120px; height:32px; cursor:pointer; background:url(../images/sendform.png) no-repeat; font-size:0; text-align:-9999px; margin-left:8px; border:none; }
.contactpage .contactsidebar { float:right; width:290px; }
.contactpage .box { padding:25px 10px 0 50px; float:left; width:270px; }
.contactpage .box3 p { clear:left; margin-bottom:15px; font-size:12px; }
.contactpage .box3 span { display:block; float:left; padding-right:15px; }
.contactpage .box3 span.stext { padding-top:8px; color:#1b1464; line-height:22px; float:none; padding-left:60px; font-size:15px; }

.footerwrapper { background:url(../images/footer-bg.jpg) center top; margin-top:-25px; }
.footer { width:980px; margin:0 auto; padding-top:60px; padding-bottom:20px; }
.footer .box { padding:0 15px; float:left; width:290px; }
.footer .box1 { padding-left:35px; text-align:center; color:#1b1464; }
.footer .box1 a { display:block; margin-bottom:15px; }
.footer .box2 h4 { font-size:28px; font-weight:400px; line-height:28px; color:#1b1464; padding-bottom:15px; }
.footer .box2 p { color:#1b1464; font-size:16px; }
.footer .box3 p { clear:left; margin-bottom:15px; }
.footer .box3 span { display:block; float:left; padding-right:15px; }
.footer .box3 span.stext { padding-top:8px; color:#1b1464; line-height:22px; float:none; padding-left:60px; font-size:18px; }

/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}