/*-------------------------------------------    
    Global
-------------------------------------------*/

html { 
  min-height: 100%; margin-bottom: 1px; 
}

body {
  background: #fff url(../images/bg.gif) left top repeat-x;
  margin: 0px;
  padding:0px;
  font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  min-width: 984px;
  text-align: center;

}

img {
  border: none;
  margin: 0;
  padding:0;
}

h1 {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size:30px;
  color: #000;
  font-family:Georgia, Times, serif;
}

h2 {
  margin: 0px 0px 0px 0px;
  font-family:Georgia, Arial, Verdana;
  font-size: 18px;
  line-height: 1.3em;
  font-weight:normal;
  color: #000;
}

h3 {
  font-family:Georgia, Arial, Verdana;
  font-size: 16px;
  font-weight:normal;
  margin: 0px;
}

a {
  color: #000;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
  color: #000;
}

#main {
  margin: 0 auto;
  width: 984px;
  text-align: left;
  font-size: 85%;
  
  
}


#header {overflow:hidden; clear:both; width: 181px; height: 115px; float: left; background: #fff url(../images/bbd-logo.gif) 0px 0px no-repeat; padding: 0 0 20px 0;}

#header h1 a {float:left; display:block; position:relative; width:181px; height:115px; text-indent:-1000em; outline:none;}

#nav {top: -15px; position: relative; display:block; float: right; height:130px; background: #fff; left:-435px;}

#nav li.nav1 {display:block; float:left; width:45px; height:115px; margin:0 10px 0 0;}
#nav li.nav1 a {display:block; float:left; width:45px; height:115px;  background: #fff url(../images/btn-intro.gif) 0px 0px no-repeat; overflow:hidden;text-indent:-1000em; outline:none;}
#nav li.nav1 a:hover {background-position: 0 -115px;}

#nav li.nav1selected {display:block; float:left; width:45px; height:115px; margin:0 10px 0 0;}
#nav li.nav1selected a {display:block; float:left; width:45px; height:115px;  background: #fff url(../images/btn-intro.gif) 0px -115px no-repeat; overflow:hidden;text-indent:-1000em; outline:none;}

#nav li.nav2 {display:block; float:left; width:53px; height:115px; margin:0 10px 0 0;}
#nav li.nav2 a {display:block; float:left; width:53px; height:115px;  background: #fff url(../images/btn-work.gif) 0px 0px no-repeat; overflow:hidden;text-indent:-1000em; outline:none;}
#nav li.nav2 a:hover {background-position: 0 -115px;}

#nav li.nav2selected {display:block; float:left; width:53px; height:115px; margin:0 10px 0 0;}
#nav li.nav2selected a {display:block; float:left; width:53px; height:115px;  background: #fff url(../images/btn-work.gif) 0px -115px no-repeat; overflow:hidden;text-indent:-1000em; outline:none;}

#nav li.nav3 {display:block; float:left; width:84px; height:115px; margin:0 10px 0 0;}
#nav li.nav3 a {display:block; float:left; width:84px; height:115px;  background: #fff url(../images/btn-services.gif) 0px 0px no-repeat; overflow:hidden;text-indent:-1000em; outline:none;}
#nav li.nav3 a:hover {background-position: 0 -115px;}

#nav li.nav3selected {display:block; float:left; width:84px; height:115px; margin:0 10px 0 0;}
#nav li.nav3selected a {display:block; float:left; width:84px; height:115px;  background: #fff url(../images/btn-services.gif) 0px -115px no-repeat; overflow:hidden;text-indent:-1000em; outline:none;}


#nav li.nav4 {display:block; float:left; width:75px; height:115px; margin:0 10px 0 0;}
#nav li.nav4 a {display:block; float:left; width:75px; height:115px;  background: #fff url(../images/btn-contact.gif) 0px 0px no-repeat; overflow:hidden;text-indent:-1000em; outline:none;}
#nav li.nav4 a:hover {background-position: 0 -115px;}

#nav li.nav4selected {display:block; float:left; width:75px; height:115px; margin:0 10px 0 0;}
#nav li.nav4selected a {display:block; float:left; width:75px; height:115px;  background: #fff url(../images/btn-contact.gif) 0px -115px no-repeat; overflow:hidden;text-indent:-1000em; outline:none;}


#nav li.nav5 {display:block; float:left; width:48px; height:115px;}
#nav li.nav5 a {display:block; float:left; width:48px; height:115px;  background: #fff url(../images/btn-blog.gif) 0px 0px no-repeat; overflow:hidden;text-indent:-1000em; outline:none;}
#nav li.nav5 a:hover {background-position: 0 -115px;}


.sep {clear:both; display:block; width:984px; height:6px; background: #000; font-family: Arial, Verdana, sans-serif; font-size: 1px;  font-weight:normal; color: #FFF;}
.sep2 {clear:both; display:block; width:984px; height:3px; background: #E5E5E5; font-family: Arial, Verdana, sans-serif; font-size: 1px;  font-weight:normal; color: #FFF;}

#intro-home {display:block;}
#intro-home h2{ margin: 30px 0px 0px 30px;}
#intro-home h3{ margin: 3px 0px 5px 30px;}
#intro-home p {font-size:11px; font-weight:normal; line-height:1.3em; color:#666; }
#intro-home p.intro-left { float:left; width:432px; padding:5px 28px 5px 30px; border-right: 2px solid #666; margin: 0 0 30px 0;}
#intro-home p.intro-right {float:right; width:432px; padding:5px 30px 5px 30px; margin: 0 0 30px 0;}

#intro-work {display:block; float:left;}
#intro-work h2{ margin: 30px 0px 0px 30px;}
#intro-work h3{ margin: 3px 0px 5px 30px;}
#intro-work p {font-size:11px; font-weight:normal; line-height:1.3em; color:#666; }
#intro-work p.intro-left { float:left; width:432px; padding:5px 29px 5px 30px; border-right: 1px solid #666; margin: 0 0 30px 0;}
#intro-work p.intro-right {float:right; width:432px; padding:5px 30px 5px 29px; border-left: 1px solid #666; margin: 0 0 30px 0;}
/*-------------------
	Homepage
--------------------*/

#flash {padding:20px 0px 20px 0px; margin:0px;}

#home-intro {display:block; float:left; width:432px; padding:30px 30px 5px 30px; margin: 0 0 30px 0;}
#home-intro h2{ margin: 0px 0px 0px 0px; padding:0px;}
#home-intro h3{ margin: 3px 0px 5px 0px; padding:0px;}
#home-intro p {font-size:11px; font-weight:normal; line-height:1.3em; color:#666; padding:5px 0px 0px 0px; margin:0px;}


#home-news {float:right; width:432px; padding:0px 30px 5px 28px; border-left: 2px solid #E5E5E5; margin: 30px 0 30px 0;}
#home-news h2{ margin: 0px 0px 0px 0px; padding:0px;}
#home-news h3{ margin: 3px 0px 5px 0px; padding:0px;}
#home-news h4{ font-size:11px; font-weight:bold; line-height:1.3em; margin: 3px 0px 0px 0px; padding:0px;}
#home-news p {font-size:11px; font-weight:normal; line-height:1.3em; color:#666; padding:0px; margin:0px;}
#home-news img {float:left; padding: 0px 20px 0px 0px;}
#home-news li.news-item {list-style:none;float:right; font-size:11px; font-weight:normal; line-height:1.3em; color:#666; padding: 0px 0px 15px 0px;}

#home-news ul {padding:10px 0px 0px 0px; margin:0px;}

#home-recent {width:984px; padding:5px 30px 20px 0px; margin: 0 0 0px 0;}
#home-recent h2{ margin: 30px 0px 0px 30px; padding:0px;}
#home-recent h3{ margin: 3px 0px 5px 0px; padding:0px;}
#home-recent li {list-style:none; display:block; float:left; width:201px; min-height:290px; padding: 0px 0px 20px 0px;text-align:left}
#home-recent p, #home-recent p a {font-size:11px; font-weight:normal; line-height:1.3em; color:#666;}
#home-recent li a:hover {color:#000; background:#E5E5E5; text-decoration:none;}
#home-recent li.last {padding: 0px 0px 20px 0px;}

#home-recent ul {padding:10px 0px 0px 0px; margin:0px;}



/*-------------------
	About us
--------------------*/

#content {float:left;clear:both; display:block; margin: 0; width: 100%; text-align: left; background: #FFF;}


#clients {display:block; margin: auto auto;  width: 984px; padding: 0;}

#clients .client {float:left; display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; border-bottom: #E5E5E5 1px solid; border-right: #E5E5E5 1px solid;}



#clients .client p a {display:block; width: 245px; height:100px; text-indent:-1000em; outline:none;background: url(../images/clients/hover.png) -246px 0px no-repeat ;margin: auto auto; }

#clients .client p a:hover {display:block; width: 215px; height:100px; text-indent:0px; outline:none;background: url(../images/clients/hover.png) 0px 0px no-repeat ; font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; font-size: 19px;  font-weight:normal; color:#fff; text-decoration:none; text-align:center;	padding: 40px 15px 0 15px; margin: 0;}

#clients .client p.a1 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/artamatoria.gif) 0px 0px no-repeat ;}
#clients .client p.a2 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/waitrose.gif) 0px 0px no-repeat ;}
#clients .client p.a3 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/rostrum.gif) 0px 0px no-repeat ;}
#clients .client p.a4 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/forbury.gif) 0px 0px no-repeat ;}
#clients .client p.a5 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/discovery.gif) 0px 0px no-repeat ;}
#clients .client p.a6 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/optimum.gif) 0px 0px no-repeat ;}
#clients .client p.a7 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/ag.gif) 0px 0px no-repeat ;}
#clients .client p.a8 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/pandh.gif) 0px 0px no-repeat ;}
#clients .client p.a9 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/aa.gif) 0px 0px no-repeat ;}
#clients .client p.a10 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/atvod.gif) 0px 0px no-repeat ;}
#clients .client p.a11 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/cannizaro.gif) 0px 0px no-repeat ;}
#clients .client p.a12 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/copyprint.gif) 0px 0px no-repeat ;}
#clients .client p.a13 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/corrwatches.gif) 0px 0px no-repeat ;}
#clients .client p.a14 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/desvoeux.gif) 0px 0px no-repeat ;}
#clients .client p.a15 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/lapada.gif) 0px 0px no-repeat ;}
#clients .client p.a16 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/rapidparcel.jpg) 0px 0px no-repeat ;}
#clients .client p.a17 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/anastasia.gif) 0px 0px no-repeat ;}
#clients .client p.a18 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/digitalprospects.jpg) 0px 0px no-repeat ;}
#clients .client p.a19 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/sport-e.jpg) 0px 0px no-repeat ;}
#clients .client p.a20 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/kcsada.jpg) 0px 0px no-repeat ;}
#clients .client p.a21 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/savage.jpg) 0px 0px no-repeat ;}
#clients .client p.a22 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/metalgallery.jpg) 0px 0px no-repeat ;}
#clients .client p.a23 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/cinoa.jpg) 0px 0px no-repeat ;}
#clients .client p.a24 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/tiny.jpg) 0px 0px no-repeat ;}
#clients .client p.a25 { display:block; width: 245px; height:100px; padding: 0; margin: 0; overflow: hidden; background: url(../images/clients/ukip.gif) 0px 0px no-repeat ;}


#client-list {clear:both; padding: 0px 0px 0px 0; display:block; width:984px; height:95px;}

#client-list h3 {font-family: Georgia, Arial, Verdana, sans-serif; font-size: 13px;  font-weight:normal; color: #000; padding:30px 0 10px 30px; margin:0px;}

#client-list ul { list-style-type: none; float: left; width: 984px; padding:0 0 30px 0px; margin:0px;}

#client-list ul li { float: left; width: 246px; text-align: left; padding: 0px; margin:0px;}

#client-list ul li a.selected { color: #fff; background-color: #000;}

#client-list ul a { padding: 2px 0px 2px 30px; color: #666; text-decoration: none; font-size: 10px; width: 216px; display: block; margin-bottom: 1px; }

#client-list ul a:hover { color: #fff; background-color: #000;}

#client-detail {display:block; float:left;}
#client-detail h2 { margin: 30px 0px 0px 30px; padding:0;}
#client-detail h3 { margin: 3px 0px 5px 30px; padding:0;}
#client-detail h4 {font-size:13px; font-weight:bold; line-height:1.3em; color:#000; margin: 0; padding:0; }

#client-detail p {font-size:11px; font-weight:normal; line-height:1.3em; color:#666; margin:0; padding:10px 0 0 0;}
#client-detail .intro-left { float:left; width:432px; padding:5px 28px 5px 30px; border-right: 2px solid #666; margin: 0 0 30px 0;}
#client-detail ul.intro-left { float:left; width:432px; padding:5px 28px 5px 30px; border-right: 2px solid #666; margin: 0 0 30px 0;}
#client-detail .intro-right {float:right; width:432px; padding:5px 30px 5px 30px; margin: 0 0 30px 0;}
#client-detail ul.intro-right {float:right; width:432px; padding:5px 30px 5px 30px; margin: 0 0 30px 0;}
#client-detail img { margin: 10px 0px 10px 30px;}

#flash.detail {margin: 20px 0px 10px 30px;}
#flash img { margin: 10px 0px 10px 0px;}
#flash p {clear:both; display:block; width:984px; height:65px; border: 6px solid #E5E5E5; text-align: center;margin: 10px 0px 10px 0px; padding-top:34px;}


/*-------------------
	Services
--------------------*/

#services {display:block; margin: auto auto;  width: 984px; padding: 0;}

#services-detail {display:block; float:left;}
#services-detail h2 { margin: 30px 0px 0px 30px; padding:0;}
#services-detail h3 { margin: 3px 0px 5px 30px; padding:0;}
#services-detail h4 {margin: 10px 0px 0px 30px; padding:0; font-size:13px; font-weight:bold; line-height:1.3em; color:#000; }

#services-detail p {font-size:11px; font-weight:normal; line-height:1.3em; color:#666; margin:0; padding:10px 0 0 0;}
#services-detail .intro-left { float:left; width:432px; padding:5px 30px 5px 30px; margin: 0 0 30px 0;}
#services-detail ul.intro-left { float:left; width:432px; padding:5px 30px 5px 30px; margin: 0 0 30px 0;}
#services-detail .intro-right {float:right; width:432px; padding:5px 30px 5px 29px; margin: 0 0 30px 0;}
#services-detail ul.intro-right {float:right; width:432px; padding:5px 30px 5px 29px; margin: 0 0 30px 0;}
#services-detail ul li {font-size:11px; font-weight:normal; line-height:1.3em; color:#666; margin:0; padding:0px 0 0 0;}
#services-detail img { margin: 10px 0px 10px 0px; padding:30px 0 0 0; border:0;}

#servicesmain p {font-size:11px; font-weight:normal; line-height:1.3em; color:#666; margin:0; padding:3px 0 0px 0;}
#servicesmain .intro-left { float:left; width:432px; padding:5px 30px 5px 30px; margin: 0 0 30px 0;}
#servicesmain ul.intro-left { float:left; width:432px; padding:5px 30px 5px 30px; margin: 0 0 30px 0;}
#servicesmain .intro-right {float:right; width:432px; padding:5px 30px 5px 29px; margin: 0 0 30px 0;}
#servicesmain ul.intro-right {float:right; width:432px; padding:5px 30px 5px 29px; margin: 0 0 30px 0;}
#servicesmain h4 {margin: 20px 0px 0px 30px; padding:0; font-size:13px; font-weight:bold; line-height:1.3em; color:#000; }
#servicesmain h5 {margin: 0px; padding:0; font-size:13px; font-weight:bold; line-height:1.3em; color:#000; }
#servicesmain img { margin: 10px 0px 10px 0px; padding:30px 0 0 0; border:0;}


/*-------------------
	Contact
--------------------*/

#contact {display:block; margin: auto auto;  width: 984px; padding: 0;}
#contact-detail h2 { margin: 30px 0px 0px 30px; padding:0;}
#contact-detail h3 { margin: 3px 0px 5px 30px; padding:0;}
#contact-detail h4 {margin: 10px 0px 0px 30px; padding:0; font-size:13px; font-weight:bold; line-height:1.3em; color:#000; }
#contact-detail p {font-size:11px; font-weight:normal; line-height:1.3em; color:#666; margin:0; padding:10px 0 0 0;}
#contact-detail .intro-left { float:left; width:432px; padding:5px 29px 5px 30px; border-right: 1px solid #666; margin: 0 0 30px 0;}
#contact-detail ul.intro-left { float:left; width:432px; padding:5px 29px 5px 30px; border-right: 1px solid #666; margin: 0 0 30px 0;}
#contact-detail .intro-right {float:right; width:432px; padding:5px 30px 5px 29px; border-left: 1px solid #666; margin: 0 0 30px 0;}
#contact-detail ul.intro-right {float:right; width:432px; padding:5px 30px 5px 29px; border-left: 1px solid #666; margin: 0 0 30px 0;}
#contact-detail img { margin: 10px 0px 10px 30px;}


/*-------------------
	Sitemap
--------------------*/




/*-------------------
	Footer
--------------------*/

#footer { clear:both; display:block; width: 984px; height:40px; font-size: 11px; padding: 10px 0px 10px 0px; margin:0; line-height:15px; }

#footer .left {float:left;}
#footer .right {float:right;}