@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------- GLOBAL ------------------------------------------------------------- */


body, html{
	height:100%;
	margin:0;
	padding:0;
}

#body{
	margin:10px auto 0 auto;
	width:964px;
	padding:10px 15px;
}

#logo{
	float:left;
	width:410px;
	height:121px;
	margin-left:3px;
}

#logo a{
	display:block;
	width:100%;
	height:100%;
}

#header-box{
	float:right;
	width:510px;
	height:71px;
	margin:12px 9px 0 0;
	padding:12px 13px;
}

* html #header-box{
	margin-right:0px;
}

#header{
	width:100%;
	padding-bottom:10px;
}


#nav .spacer{
	width:20px;
	height:20px;
}

#search-form input.text{
	width:412px;
	height:22px;
	line-height:20px;
	padding:5px 16px;
	float:left;
	margin-right:1px;
}

* html #search-form input.text{
	width:400px;	
}

fieldset{
	border:0;
	margin:0;
	padding:0;
}

#search-form{
	float:left;
	width:477px;
	margin-right:1px;
	margin-top:15px;
}

#search-web{
	display:block;
	float:left;
	width:32px;
	height:32px;
	margin:15px 0 0 0;
}

#footer-nav{
	margin:10px auto 0 auto;
	width:954px;
	padding:10px 5px;
}

#footer-nav li{
	margin-right:25px;
}

#footer-nav .float-right li{
float:right;
margin-right:0px;
margin-left:25px;
}

#footer{
	width:964px;
	margin:0 auto;
	padding:10px 0;
}

#copyright{
	width:500px;
	text-align:right;
}


/* ------------------------------------------------------------- NAV ------------------------------------------------------------- */


#nav{
	height:20px;
	width:523px;
	position:relative;
	left:-5px;
}

#nav li{
	height:20px;
}

#nav a{
	display:block;
	width:100%;
	height:100%;
}

#nav a span{
	display:none;
}

#nav_who-we-are{
	width:159px;
}

#nav_clients{
	width:113px;	
}

#nav_news{
	width:88px;	
}

#nav_get-in-touch{
	width:162px;	
}



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


.float-left{
	float:left;
}

.float-right{
	float:right;
}

.clear{
	clear:both;
}

.horizontal{
	margin:0;
	padding:0;
	list-style-type:none;
}

.horizontal li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

.arrow-list{
	padding:0;	
}

.arrow-list li{
	list-style-type:none;
	padding-left:23px;
	height:17px;
	line-height:17px;
	margin-bottom:25px;
}

.no-top{
	margin-top:0 !important;
}

.line{
	width:100%;
	margin:1em 0;
	height:2px;
}



/* ------------------------------------------------------------- HOMEPAGE ------------------------------------------------------------- */

#homepage-slider{
	width:964px;
	height:430px;
	position:relative;
	margin-bottom:10px;
	padding:0;
}


#homepage-slider img{
	position:absolute;
	top:0;
	left:5px;
}

#homepage-slider-text{
	position:absolute;
	top:40px;
	left:5px;
	margin:0;
	z-index:50;
	overflow:hidden;
	width:700px;
	height:150px;
}

#homepage-slider-text p{
	padding:5px;
	line-height:24px;
	margin:0;
	clear:left;
	float:left;
	display:inline;
	white-space:nowrap;
}

#homepage-slider-buttons{
	position:absolute;
	bottom:40px;
	right:15px;
	width:125px;
	height:25px;
	z-index:25;
}

#homepage-slider-buttons a{
	display:block;
	float:left;
	height:14px;
	width:15px;
	margin-right:4px;
}

#homepage-slider-buttons .button{
	margin-top:2px;
}

#home-box-left{
	float:left;
	width:440px;
	padding:15px 20px;
}

#home-box-left.redone{
	padding-top:32px;
}

* html #home-box-left{
	padding:15px 8px;	
}

#home-box-right{
	float:left;
	width:434px;
	height:237px;
	padding:32px 25px;
	position:relative;
}

#home-box-right.redone{
	padding-bottom:5px;
	height:264px;
}

#home-left-box-inner{
	width:420px;
	padding:10px;
}

.redone #home-left-box-inner{
	padding-top:0;
	height:203px;
}

.redone #home-left-box-inner .arrow-list{
margin:0;
padding:0;
}


.redone #home-left-box-inner .arrow-list li{
	margin-bottom:10px;
}

.redone #home-left-box-inner p{
	margin:0.7em 0;
}

#home-left-box-inner h1{
	margin-top:7px;
}

.redone #home-left-box-inner h1{
	margin-top:0;
	}

#social-media{
	width:434px;
	height:237px;
}

.redone #social-media{
	width:434px;
	height:264px;
}

#home-box-right .arrow{
	display:block;
	position:absolute;
	width:38px;
	height:38px;
	top:125px;
}

#home-box-right #left-arrow{
	left:5px;
}

#home-box-right #right-arrow{
	right:5px;
}


#twitter img{
	float:left;
	margin:0 10px 0 25px;
}



#twitter .txt{
	float:left;
	width:330px;
}

#bambuser .txt p:first-child{
	margin-top:0;
}

#see-us-on{
	position:absolute;
	top:220px;
	left:215px;
	height:37px;
	overflow:hidden;
	display:none !important;
}

.redone #see-us-on{
	top:auto;
	bottom:13px;
	display:block !important;
}

#social-media-outer{
	width:100%;
	overflow:hidden;
}

#social-media-inner{
	width:868px;
	margin-left:0px;
}

.social-media-site{
	width:434px;
	float:left;
	height:150px;
	overflow:hidden;
}

#bambuser{
	height:140px;
	padding-top:10px;
}

#youtube{
	padding:10px 20px;
	width:390px;
	height:160px;
}

#facebook{
	padding:0 20px 10px 20px;
	width:390px;
	height:160px;
	overflow:hidden;
}



#twitter{
	width:434px;
	float:left;
	height:140px;
}

#twitter p{
	margin:0;
}

#twitter .dotted-line{
	width:384px;
	margin:1em 0 1em 25px;
}

/* ------------------------------------------------------------- ABOUT ------------------------------------------------------------- */

#text{
	float:left;
	width:610px;
	padding:20px;
	margin:10px 10px 0 0;
	display:inline;
}

* html #text{
	overflow:hidden;
	margin:10px 0 0 0;
}

#text h1{
	width:598px;
}

.text-box{
	padding:10px 20px;
}

.quote-box-right{
	padding:10px 15px;
	float:right;
	margin:0 0 50px 10px;
	width:230px;
}

.quote-box-right p{
	margin:0;
}

#about-box{
	float:right;
	width:260px;
	overflow:hidden;
	padding:30px 20px;
	margin-top:10px;
	display:inline;
}

#about-inner{
	padding-bottom:1em;	
}

#about-inner p{
	padding:0 15px;
}

#about-inner h1{
	width:253px;
	left:-8px;
}

/* ------------------------------------------------------------- CLIENTS ------------------------------------------------------------- */

#clients-index-outer{
	padding:25px 15px;
}

#clients-index{
	padding:15px 9px 15px 9px;	
}

#clients-index h1{
	float:left;
	width:364px;
	left:-16px;
}

#clients-index .index-link{
	display:block;
	float:left;
	width:182px;
	height:27px;
	line-height:27px;
	margin:0 0 0 2px;
	position:relative;
	left:-17px;
}

.client{
	width:181px;
	height:181px;
	float:left;
	margin:0 2px 2px 0;
	position:relative;
	overflow:hidden;
}

.client p{
	position:absolute;
	top:10px;
	left:7px;
	margin:0;
	width:167px;
}

.client a{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:181px;
	height:181px;
}

#client-additional{
	padding:20px 18px;
	margin:10px 0;
	display:inline-block;
	width:880px;
}

#client-additional p{
	margin:0;
	padding-left:20px;
	line-height:15px;
}

#client-image{
	float:left;
	width:622px;
	height:485px;
	padding:20px;
	margin:10px 10px 0 0;
	display:inline;
	position:relative;
}

* html #client-image{
	overflow:hidden;
	margin:10px 0 0 0;
}

#client-image img{
	position:absolute;
	top:20px;
	left:20px;
	z-index:1;
}

#client-image h1{
	z-index:5;
	left:-7px;
	top:10px;
}

#client-text{
	float:right;
	width:240px;
	overflow:hidden;
	padding:30px 20px 20px 20px;
	margin-top:10px;
	display:inline;
}

#client-text-inner{
	padding-bottom:1em;	
}

#client-text-inner p{
	padding:0 15px;
}

#client-text-inner h1{
	width:253px;
	left:-8px;
}

/* ------------------------------------------------------------- NEWS ------------------------------------------------------------- */

.categories{
	margin:0;
	padding:0 15px;
	list-style-type:none;
}

.categories li{
	padding:10px 0 10px 0;
}

.categories li a{
	padding-left:5px;	
	display:block;
}

.categories h3{
	margin-bottom:0;
}

/* ------------------------------------------------------------- CONTACT ------------------------------------------------------------- */

#contact-left{
	float:left;
	width:440px;
	height:600px;
	padding:17px 20px;
	position:relative;
	margin:10px 10px 0 0;
}

#streetview{
	position:absolute;
	width:440px;
	height:345px;
	top:20px;
	left:20px;
}

#contact-left h1{
	position:absolute;
	top:20px;
	left:14px;
	width:429px;
}

#map{
	width:177px;
	height:177px;
	position:absolute;
	top:375px;
	left:20px;
}

#contact-info{
	position:absolute;
	top:375px;
	left:217px;
	width:240px;
	line-height:1.8em;
}

#contact-info h4{
	margin-top:0;
	line-height:normal;
}

#contact-right{
	float:right;
	width:430px;
	padding:30px 20px 20px 20px;
}

#contact-right-inner{
	width:434px;
	padding-bottom:20px;
}

#contact-right-inner h1{
	width:426px;
	left:-8px;
}

#contact-right-inner p{
	font-size:13px;
	line-height:1.5em;
}

.contact-form{
	margin:20px;	
}

.contact-form div{
	padding:0.5em 0;
}

.contact-form label{
	display:block;	
	margin-bottom:4px;
}

.contact-form input.text{
	display:block;
	height:22px;
	line-height:20px;
	padding:5px;
	width:382px;
}

.contact-form textarea{
	display:block;
	height:80px;
	line-height:20px;
	padding:5px;
	width:382px;
}

.contact-form .submit{
	float:right;
}

.job-form{
	margin:20px;	
}

.job-form div{
	padding:0.5em 0;
}

.job-form label{
	display:block;	
	margin-bottom:4px;
}

.job-form input.text{
	display:block;
	height:22px;
	line-height:20px;
	padding:5px;
	width:382px;
}

.job-form textarea{
	display:block;
	height:80px;
	line-height:20px;
	padding:5px;
	width:382px;
}

.job-form .submit{
	float:right;
}

#contact-bottom{
	width:438px;
	height:38px;
	margin:0;
	padding:0;
	position:relative;
}

#contact-bottom a{
	position:absolute;
	display:block;
	width:280px;
	height:25px;
	left:100px;
	top:17px;
}



#bambuser img {
float:left;
margin:0 10px 0 25px;
}

#bambuser .txt {
float:left;
width:206px;
}

#bambuser .txt p{
padding-top:10px;
}