/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; background:#fff; margin:0; padding:0; background:#fff url(../img/bg.jpg) top center no-repeat; }
#container { margin:0 auto; width:942px; height:500px; }

.header { height:57px; width:940px; margin:0 auto; text-align:right; }
.header img { border:0; } 
.header .colour { width:945px; margin:0 auto; height:9px; }

.colour .first { display:block; height:9px; width:20%; background:#356f2b; float:left; }
.colour .second { display:block; height:9px; width:2%; background:#79c142; float:left; }
.colour .third { display:block; height:9px; width:35%; background:#a9cb38; float:left; }
.colour .fourth { display:block; height:9px; width:4%; background:#1e4421; float:left; }
.colour .fifth { display:block; height:9px; width:22%; background:#fccf26; float:left; }
.colour .sixth { display:block; height:9px; width:16%; background:#fcf426; float:left; }

.navigation { width:940px; margin:0 auto; height:85px; background:url(../img/bg_nav.jpg) bottom no-repeat; }

.navigation .logo { display:block; width:260px; height:66px; background:url(../img/logo.jpg) no-repeat; margin:0 0.2em 0 0.2em; float:left; }
.navigation .logo span { display:none; }

.navigation .menu { float:right; width:655px; height:85px; }
.navigation .menu h3 { text-align:right; font-size:25px; color:#dcdcdc; font-weight:normal; margin:0em 0.8em; padding:0; }

.navigation .menu ul { list-style:none; margin:1.3em 0 0 0; padding:0; }
.navigation .menu ul li { float:left; padding:0.3em 0.2em 0.5em 0.2em; margin:0 0.6em 0 0.6em; }
.navigation .menu ul .selected { border-bottom:6px #a9cb38 solid; }
.navigation .menu ul li a { color:#9d9ea0; font-weight:bold; text-decoration:none; font-size:14px; }

.banner { width:636px; margin:0 auto; height:305px; }
.banner .left { width:636px; float:left; background:url(../img/banner/homepage.jpg) right bottom no-repeat; height:305px; }
.banner .left h2 { color:#7b7a7a; text-align:right; margin:2em 9em 0.1em 0.5em; font-size:31px; font-weight:normal; }
.banner .left h3 { color:#7b7a7a !important; text-align:right; margin:0em 10em 0.5em 0.5em; font-size:27px; font-weight:normal; font-style:italic; }

.scrolling-logos { width:377px; height:90px; background:url(../img/bg_logos.jpg) top no-repeat;  padding-top:1em; margin-top:4em; }

.scrolling-logos-big { width:577px; height:90px; background:url(../img/bg_logos.jpg) top no-repeat; margin:0 auto; padding-top:1em; }


.homepage-left { width:636px; float:left;  }
.homepage-right { width:300px; float:right;  }

.banner .right { float:right; width:270px; }
.banner .right h1 { color:#7c7c7c; font-size:32px; font-weight:normal; margin:0.8em 0 0.1em 0; padding:0; }
.banner .right p { line-height:21px; color:#adadad; font-size:13px; margin-top:0; }
.banner .right .colour span { height:5px !important; }

.content-box { width:636px; margin:0 auto;  margin-top:0.5em; padding-top:1em; background:url(../img/bg_content.jpg) top no-repeat; }

.content-box .text-box-home { width:600px; }
.content-box .text-box-home p { color:#939393; font-size:13px; line-height:21px; margin:0.8em 0 0.8em 1em; }
.content-box .text-box-home ul { margin:0.8em 0.8em 1.5em 0; }
.content-box .text-box-home li { color:#939393; font-size:13px; line-height:21px; }
.content-box .text-box-home h1 { color:#7C7C7C; font-weight:normal; font-size:32px; margin-bottom:0; margin-left:0.4em;  }

.content-box  .teaser-box { width:268px; float:left; margin:0; padding:0; background:url(../img/bg_teaser.jpg) bottom no-repeat; height:151px; padding:10px 25px 10px 25px; margin-top:0.8em; }
.content-box  .teaser-box h1 { font-size:25px; color:#7b7a7a; font-weight:normal; margin:0.2em; padding:0; }
.content-box  .teaser-box p { color:#939393; font-size:13px; line-height:21px; }
.content-box  .teaser-box a { display:block; text-align:right; background:url(../img/yellow_arrow.gif) right no-repeat; padding:0 10px 0 0; color:#464646; font-weight:bold; text-decoration:none; font-size:13px; }

.homepage-right .twitter-box { width:300px; float:right; background:url(../img/bg_twitter_box.png) left no-repeat; padding-left:10px; height:270px; padding-top:25px;  }
.twitter-logo { background:url(../img/twitter.gif) no-repeat; width:251px; height:56px; margin:0 auto; padding:0; display:block; margin-top:0.1em; }
.twitter-logo a { display:block; width:251px; height:56px; }
.refer-friend-logo { display:block; width:181px; height:15px; padding:25px 35px; color:#8ab304; font-weight:bold; text-decoration:none; font-size:16px; background:url(../img/refer-friend.jpg) no-repeat; margin:0 auto; margin-bottom:0.5em; }
.homepage-right .twitter-box .scrollingcontent { height:480px; width:291px; margin:0 auto; margin-top:0.5em;   }
.homepage-right .twitter-box .scrollingcontent p { font-size:13px; color:#7e7e7e; }
.homepage-right .twitter-box .scrollingcontent a { color:#99b626 !important; font-size:13px; text-decoration:none; font-weight:bold; }
.homepage-right .twitter-box .scrollingcontent ul { list-style:none; margin:0 0.8em 0 0em; padding:0; }

.twitter-box .scrollingcontent ul li { padding:5px 5px 5px 20px; background:url(../img/green-bullet.jpg) no-repeat 5px 10px; color:#7e7e7e; font-size:13px; border-bottom:1px #f3f3f3 solid; }
.twitter-box .scrollingcontent ul li:hover { background:#f6f6f6 url(../img/green-bullet.jpg) no-repeat 5px 10px !important; }

.homepage-right .twitter-box .colour { margin:0.8em !important; }
.homepage-right .twitter-box .colour span { height:5px !important; }

.homepage-left .sitemap h1 { font-size:27px; color:#7b7a7a; font-weight:normal; margin:0.2em; padding:0; }
.homepage-left .sitemap h2 { font-size:24px; color:#7b7a7a; font-weight:normal; margin:0.2em; padding:0; }
.homepage-left .sitemap p { font-size:12px; color:#7e7e7e; padding-bottom:20px; padding-right:10px;}
.homepage-left .sitemap ul { font-size:12px; color:#7e7e7e; padding-left:60px;}
.homepage-left .sitemap li { padding-bottom:20px;}
.homepage-left .sitemap ol { font-size:12px; color:#7e7e7e; padding-left:60px;}
.homepage-left .sitemap a { font-size:12px; color:#7e7e7e; font-weight:bold; text-decoration:none;}
.homepage-left .sitemap a:hover { font-size:12px; color:#a9cb38; font-weight:bold; text-decoration:underline;}


/* Inner content */
.inner-content { width:940px; margin:0 auto; }
.inner-content .left { width:627px; float:left; margin:0; margin-left:-1em; }
.inner-content .left h1 { font-size:27px; color:#7b7a7a; font-weight:normal; margin:0.2em; padding:0; }
.inner-content .left p { color:#939393; font-size:13px; line-height:21px; }

.inner-content .left .text { width:550px; margin:0 auto; min-height:530px; }
.inner-content .left .text h3 { font-size:22px; color:#a9cb38; font-weight:bold; margin:0.2em; padding:0;  }
.inner-content .left .text ul { margin:0.8em 0.8em 1.5em 2em; }
.inner-content .left .text li { color:#939393; font-size:13px; line-height:21px; }

.inner-content .left .text-full { width:550px; margin:0 auto; min-height:450px; }
.inner-content .left .text-full ul { margin:0em 1em 1em 3em !important; padding:0; }
.inner-content .left .text-full ul li { font-size:13px; color:#7b7a7a; }

.inner-content .left a { color:#7b971c; }

.no-pad { margin-bottom:0.5em; }

.inner-content .left .teaser-boxes { margin:0 auto; width:650px; }
.inner-content .left .teaser-boxes .teaser-box { width:268px; float:left; margin:0; padding:0; background:url(../img/bg_teaser_small.jpg) bottom no-repeat; height:60px; padding:10px 25px 10px 25px;  }
.inner-content .left .teaser-boxes .teaser-box h1 { font-size:25px; color:#7b7a7a; font-weight:normal; margin:0.2em 0 0.2em 0; padding:0; }
.inner-content .left .teaser-boxes .teaser-box h1 a { font-size:23px; color:#7b7a7a; font-weight:normal; text-decoration:none; background:url(../img/green-arrow.gif) right no-repeat; padding-right:21px; }
.inner-content .left .teaser-boxes .teaser-box p { color:#939393; font-size:13px; line-height:18px; }


.inner-content .left .teaser-boxes-big { margin:0 auto; width:650px; margin-top:-3.5em; }
.inner-content .left .teaser-boxes-big .teaser-box  { width:268px; float:left; margin:0; padding:0; background:url(../img/bg_teaser.jpg) bottom no-repeat; height:151px; padding:10px 25px 10px 25px; }

.inner-content .left .teaser-boxes-big .teaser-box  a { display:block; text-align:right; background:url(../img/yellow_arrow.gif) right no-repeat; padding:0 10px 0 0; color:#464646; font-weight:bold; text-decoration:none; font-size:13px; }

.inner-content .left .teaser-boxes-big .teaser-box h1 { font-size:25px; color:#7b7a7a; font-weight:normal; margin:0.2em 0 0.2em 0; padding:0; }
.inner-content .left .teaser-boxes-big .teaser-box h1 a { font-size:23px; color:#7b7a7a; font-weight:normal; text-decoration:none; background:url(../img/green-arrow.gif) right no-repeat; padding-right:21px; }
.inner-content .left .teaser-boxes-big .teaser-box p { color:#939393; font-size:13px; line-height:18px; }


.inner-content .right { width:315px; margin:0;  float:right; }
.inner-content .right .banner { width:315px; margin:0 auto; height:310px; margin-top:0.8em; }
.inner-content .right #about-us { background:url(../img/banner/about-us.jpg) center no-repeat; }
.inner-content .right #clients { background:url(../img/banner/clients.jpg) center no-repeat; }
.inner-content .right #contact { background:url(../img/banner/contact.jpg) center no-repeat; }
.inner-content .right #candidates { background:url(../img/banner/candidates.jpg) center no-repeat; }
.inner-content .right #work-for-us { background:url(../img/banner/work-for-us.jpg) center no-repeat; }
.inner-content .right #vacancies { background:url(../img/banner/vacancies.jpg) center no-repeat; }


.inner-content .right .twitter-box { width:315px; float:right; background:url(../img/bg_twitter_box.png) left no-repeat; padding-left:10px; height:283px; }
.inner-content .right .twitter-box .twitter-logo { background:url(../img/twitter.gif) no-repeat; width:251px; height:56px; margin:0 auto; padding:0; display:block; margin-top:0.1em; }
.inner-content .right .twitter-box .twitter-logo a { display:block; width:251px; height:56px; }
.inner-content .right .twitter-box .scrollingcontent { height:110px !important; width:291px; margin:0 auto; margin-top:0.5em; }
.inner-content .right .twitter-box .scrollingcontent p { font-size:13px; color:#7e7e7e; }
.inner-content .right .twitter-box .scrollingcontent a { color:#99b626 !important; font-size:13px; text-decoration:none; font-weight:bold; }
.inner-content .right .twitter-box .scrollingcontent ul { list-style:none; margin:0 0.8em 0 0em; padding:0; }
.inner-content .right .twitter-box .scrollingcontent ul li { padding:5px 5px 5px 20px; background:url(../img/green-bullet.jpg) no-repeat 5px 10px; color:#7e7e7e; font-size:13px; border-bottom:1px #f3f3f3 solid; }
.inner-content .right .twitter-box .colour { margin:0.8em !important; }
.inner-content .right .twitter-box .colour span { height:5px !important; }

.scrollingcontent-big { height:350px; width:550px; margin:0 auto; margin-top:0.5em; }
.scrollingcontent-big p { font-size:13px; color:#7e7e7e; }
.scrollingcontent-big a { color:#99b626 !important; font-size:13px; text-decoration:none; font-weight:bold; }
.scrollingcontent-big ul { list-style:none; margin:0 0.8em 0 0em; padding:0; }
.scrollingcontent-big ul li { padding:5px 5px 5px 20px; background:url(../img/green-bullet.jpg) no-repeat 5px 10px; color:#7e7e7e; font-size:13px; border-bottom:1px #f3f3f3 solid; }
.scrollingcontent-big ul li:hover { background:#f6f6f6 url(../img/green-bullet.jpg) no-repeat 5px 10px; }




/* Refer a friend */
.inner-content .left .text-full h2 { font-size:20px; color:#a9cb38; font-weight:bold; margin:1.1em 0 0 0; padding:0;  }

.refer-friend-form { float:left; margin:0.4em 0em 0 0em; padding:0px; width:550px; }
.refer-friend-form .boxes { float:left; width:250px; }
.refer-friend-form p { margin:0.2em 0 0.5em 0; padding:0; font-size:13px; color:#565656; clear:both; }
.refer-friend-form label {padding-right:5px; text-align:left; display:block; width:165px; }
.refer-friend-form input { background:#fff !important; border:1px #c1c1c1 solid; width:220px; font-size:13px; color:#777777; }
.refer-friend-form textarea { width:185px; height:100px; border:1px #c1c1c1 solid;}
.refer-friend-form .submit { background:url(../img/button.jpg) no-repeat !important; padding:7px 0 20px 0; margin:1em 0 0 24em; width:162px; border:0 !important; height:50px; color:#fff; font-weight:bold; cursor:hand; cursor:pointer; }
.refer-friend-form .checkbox { width:30px; border:0; }
.refer-friend-form .radio { width:auto !important; }


.data-protection p { font-size:11px !important; line-height:15px !important; }
.data-protection h4 { font-weight:bold; color:#9ec70c; margin:0.8em 0 0 0; }
.data-protection ol { margin:0em 0 2em 0; padding-left:1.8em; }
.data-protection ol li { font-size:11px !important; line-height:15px !important; color:#7e7e7e; margin:0.4em 1.5em 0.4em 0; border-bottom:1px #e7e7e7 solid; padding:3px 0; }

/* Contact us */
.contact-us-form { float:left; margin:0.8em 0em 0 0em; padding:0px; width:320px; }
.contact-us-form p { margin:0.2em 0 1em 0; padding:0; font-size:13px; color:#565656; clear:both; }
.contact-us-form label { float:left; padding-right:5px; text-align:right; display:block; width:125px; }
.contact-us-form input { background:#fff !important; border:1px #c1c1c1 solid; width:180px; font-size:13px; color:#777777; }
.contact-us-form textarea { width:185px; height:100px; border:1px #c1c1c1 solid;}
.contact-us-form .submit { background:url(../img/button.jpg) no-repeat !important; padding:7px 0 20px 0; margin:0 0 0 10em; width:162px; border:0 !important; height:50px; color:#fff; font-weight:bold; cursor:hand; cursor:pointer; }
.contact-us-form .checkbox { width:30px; border:0; }

.contact-teaser { width:189px; height:164px; background:url(../img/contact_teaser.jpg) center top no-repeat; padding:20px; margin:0.8em -1em 0 0.5em; float:right; }
.contact-teaser p { margin:0; padding:0; font-size:13px; color:#313131; clear:both; }
.contact-teaser a { font-size:13px; font-weight:bold; text-decoration:none; color:#313131; }
.contact-teaser .map { margin:0.8em; clear:both; float:none; }


.footer { margin:0 auto; width:940px; clear:both; height:80px; background:url(../img/footer_bg.jpg) bottom center no-repeat; border-top:1px #eaeaea solid; }
.footer .left { float:left; font-size:13px; color:#7e7e7e; margin:0.9em; padding:0; }
.footer .left a { color:#7e7e7e; font-size:13px; text-decoration:none; }
.footer .right { float:right; font-size:13px; color:#7e7e7e; font-weight:bold;margin:0.9em; padding:0; }
.footer .colour span { height:5px; }

.clear { clear:both; float:none; height:1px; width:1px; margin:0; padding:0; }


.googlemap{margin-top:45px;}
.googlemap img {border:none;}

.style1 {height: 218px;}
.style2 { height: 364px; }