/* Elements ++++++++++++++++++++++++ */
* 
{
	margin: 0;
	padding: 0;
	color: #666666;
	font: 11px arial,helvetica,sans-serif;
}
body 
{
	background: #fff;
	
}


/* Layout ++++++++++++++++++++++++++ */
/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}
		
		html {
		font-size: 100%;
		}

body {

	font-size: 62.5%;
	font-family: Verdana, Arial, Geneva, sans-serif;
 color: gray;
 
}

		
/*  --------- 2. structure  --------- */


#wrapper {
		width: 764px;
		margin: 20px auto;
		text-align: left;
}

/* My Comment */

#logo {
	background: url(../images/bb_logo_2008.gif) no-repeat;
	height: 165px;
	width: 100px;
	margin-left: 10px;
	margin-bottom: 20px;
}
#contactphoto	
{
	width: 255px;
	height: 150px;
	background: #eeeeee url(../images/4greengate.jpg) no-repeat;
	float: right;
	margin-right: 10px;
	padding: 2px;
}


#commphoto	
{
	width: 315px;
	height: 150px;
	background: #eeeeee url(../images/people/more/commphoto.jpg) no-repeat;
	float: right;
	margin-right: 20px;
	padding: 2px;
}

#prphoto	
{
	width: 315px;
	height: 150px;
	background: #eeeeee url(../images/people/more/prphoto.jpg) no-repeat;
	float: right;
	margin-right: 20px;
	padding: 2px;
}

#salesphoto	
{
	width: 315px;
	height: 150px;
	background: url(../images/people/more/salephoto.jpg) no-repeat;
	float: right;
	margin-right: 20px;
	padding: 2px;
}


#creativephoto	
{
	width: 315px;
	height: 150px;
	background:  #eeeeee url(../images/people/more/creativephoto.jpg) no-repeat;
	float: right;
	margin-right: 20px;
	padding: 2px;
}

#editorialphoto	
{
	width: 315px;
	height: 150px;
	background:  #eeeeee url(../images/people/more/editorialphoto.jpg) no-repeat;
	float: right;
	margin-right: 20px;
	padding: 2px;
}

#teamphoto	
{
	width: 255px;
	height: 150px;
	background: url(../images/people/large/teamshot.jpg) no-repeat;
	float: right;
	margin-right: 20px;
	padding: 2px;
}

#upcomingevents 
{
	width: 400px;
	float: right;
	padding-left: 2px;
	padding-right: 4px;
	padding-bottom: 12px;
	padding-top: 0px;
	overflow: visible;
	text-align: right;
	border: 1px solid #99cc00;
	overflow: hidden;
}

.upcomingevents li{
	font-size: 10px;
	padding: 2px;
	list-style-type: none;
	
}
	
.upcomingevents li a{
color:  green;
	
}

	.upcomingevents li a:hover{
color: #99cc00;
}
	

#left_col	{
	float: left;
	padding-right: 0px;
	width: 160px;
	display: inline;
}

#right_col {
	float: right;
	width:300px;
	padding: 10px;
	margin: 10px;
	text-align: right;
	display: inline;

}

#centre_col
{
width: 600px;
float: right;

}

#navigationbox {
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 160px;
	display: inline;
}


/* ---------- 3. links and navigation ---------- */


#mainnav {
	text-decoration: none;
	margin: 0px;
	width: 140px;
}

#contact {
	clear: both;
	padding-top: 20px;
	margin-right: 20px;
	text-align: right;
	color: gray;
}

#contact a	{
	color: green;
}


#contact a:hover	{

	color: #99cc00;
	}

#news
{
	text-align: left;
		
}
#news ul li
{
	text-align: left;
	list-style-type: none;
}
.news
{
	text-align: left
	
}

.news ul li

{
	text-align: left;
	width: 450px;

}


#mainnav li 	{
color: green;
padding: 2px;
margin: 0px;

}

#mainnav li a	{
	color: green;
}
#mainnav li a:hover	{
	color: #99cc00;
	
}

#mainnav ul	{
	color: green;
	text-decoration: none;
	
}

#mainnavsub ul {
	margin-left: 0px;
	width: 160px;
}
#mainnavsub li {
	color: #86a77b;
	padding-top: 5px;;
	list-style-type: none;
}
#mainnavsub li a {
	color: #86a77b;
	padding-top: 2px;;
	list-style-type: none;
}
#mainnavsub li a:hover{
	color: #99cc00;
	padding-top: 5px;;
	list-style-type: none;
}

/* Home */


li.home {
	color: #99cc00;
	height: 20px;
	list-style-image: url(../images/home_icon.gif);
}

li.home:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/home_icon_over.gif);
}
	li.home a:hover	{
	height: 20px;
	color: #99cc00;
	height: 20px;
	
}

li.home a:active
{
list-style-image: url(../images/home_icon.gif)
}


/* Publishing */


li.pub {
	color: #99cc00;
	height: 20px;
	list-style-image: url(../images/white_icon.gif);
}

li.pub:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/white_icon.gif);
}

li.pub a:hover	{
	height: 20px;
	color: #99cc00;
	
}

li.pub a:active
{
list-style-image: url(../images/white_icon.gif)
}

/* Creative */


li.creative {
	color: #99cc00;
	height: 20px;
	list-style-image: url(../images/white_icon.gif);
}

li.creative:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/white_icon.gif);
}

li.creative a:hover	{
	height: 20px;
	color: #99cc00;
	
}

li.creative a:active
{
list-style-image: url(../images/white_icon.gif)
}

/* Events */


li.events {
	color: #99cc00;
	height: 20px;
	list-style-image: url(../images/white_icon.gif);
}

li.events:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/white_icon.gif);
}

li.events a:hover	{
	height: 20px;
	color: #99cc00;
	
}

li.events a:active
{
list-style-image: url(../images/white_icon.gif)
}

/* sales */


li.sales {
	color: #99cc00;
	height: 20px;
	list-style-image: url(../images/white_icon.gif);
}

li.sales:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/white_icon.gif);
}

li.sales a:hover	{
	height: 20px;
	color: #99cc00;
	
}

li.sales a:active
{
list-style-image: url(../images/white_icon.gif)
}

/* PR */


li.pr {
	color: #99cc00;
	height: 20px;
	list-style-image: url(../images/white_icon.gif);
}

li.pr:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/white_icon.gif);
}

li.pr a:hover	{
	height: 20px;
	color: #99cc00;
	
}

li.pr a:active
{
list-style-image: url(../images/white_icon.gif)
}



/* partner */


li.partner {
	color: #99cc00;
	list-style-image: url(../images/white_icon.gif);
}

li.partner:hover	{
	color: #99cc00;
	list-style-image: url(../images/white_icon.gif);
}

li.partner a:hover	{
	color: #99cc00;
	
}

li.partner a:active
{
list-style-image: url(../images/white_icon.gif)
}



/*news*/




li.news {
	color: #99cc00;
	height: 20px;
	list-style-image: url(../images/news_icon.gif);
}

li.news:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/news_icon_over.gif);
}
	li.news a:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/news_icon_over.gif);
}



li.news a:active
{
list-style-image: url(../images/news_icon.gif)
}

/* Services */




li.services {
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/services_icon.gif);
}

li.services:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/services_icon_over.gif);
}
li.services a:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/services_icon_over.gif);
}

li.services a:active
{
list-style-image: url(../images/services_icon.gif)

}

/* Clients */




li.clients {

	color: #99cc00;
	list-style-image: url(../images/clients_icon.gif);
}

li.clients:hover	{
	
	color: #99cc00;
	list-style-image: url(../images/clients_icon_over.gif);
}
li.clients a:hover	{

	color: #99cc00;
	list-style-image: url(../images/clients_icon_over.gif);
}

li.clients a:active
{
list-style-image: url(../images/clients_icon.gif)

}




/*People*/

li.people {
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/people_icon.gif);
}

li.people:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/people_icon_over.gif);
}
li.people a:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/people_icon_over.gif);
}

li.people a:active
{
list-style-image: url(../images/people_icon.gif)

}

/* Contact */

/*Add form styles*/



li.contact {
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/contact_icon.gif);
}

li.contact:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/contact_icon_over.gif);
}
li.contact a:hover	{
	height: 20px;
	color: #99cc00;
	list-style-image: url(../images/contact_icon_over.gif);
}

li.contact a:active
{
list-style-image: url(../images/contact_icon.gif)

}
#mission li{
	color: #787878;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-left: 20px;
	list-style-type: none;}
#mission ul ul {
	color: #787878;
}
	
#mission li li {
	color: #787878;
	padding-left: 5px;
}

#telephone{
	font-size: 14px;
	margin-left: 5px;
	font-weight: bold;
}

#homephoto {
	background-image: url(../images/bb_teamshot.jpg);
	width: 420px;
	height: 264px;
}

/* ---------- 4. fonts ---------- */


h1, h2, h3, h4, h5 
{
	font-weight: normal
}
h1 
{
	color: green;
	padding-left: 3px;
	font-size: 3.0em;
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc
}
h2 
{
	color: green;
	padding-left: 5px;
	padding-top:7px;
	font-size: 18px;

}
h2.pr 
{
	color: #666666;
	padding-left: 5px;
	padding-top:7px;
	font-size: 16px;

}
h2.news 
{
	color: #666666;
	padding-left: 5px;
	padding-top:7px;
	font-size: 14px;

}
h3 
{
	color: #666666;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	font-size: 14px;

}
h4 
{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	font-size: 14px;
	font-weight: normal;
	color: green;
}

h2 a
{
	color: green;
	padding-top: 5px;
	font-size: 18px;
	margin-bottom: 3px;
}
p 
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 5px;
	font-size: 12px;
}

p.epg
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 7px;
	font-size: 12px;
}

p a:hover
{
	font-size: 12px;
	color: #94c251;
}
p a
{
	font-size: 12px;
	color: green;
}


a 
{
	text-decoration: none;
}
a:hover 
{
	text-decoration: none;
}
img 
{
	border: none
}

p em {
		font-size: 0.8em;
		}

ul 
{
	list-style-type: disc;
	list-style-position: inside;
}

li 
{

	list-style-position: inside;
}



img 
{
	
}


#newsimage {
	padding: 10px;
	float: right;
	border: 1px solid #ccc;
	margin: 5px;
}

h2.epd
{
	color: green;
	padding-left: 5px;
	padding-top:10px;
	font-size: 18px;
	margin-top: 20px;
}

#epd	{
	color: black;
	font-size: 12px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	margin-left: 5px;
}

#epdstrong	{
	color: black;
	margin-left: 5px;
	font: bold 12px Arial, Verdana, Geneva, sans-serif;
}

#epdgray	{
	
	color: #666666;
	font-size: 12px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	margin-left: 5px;
}

li.epd

{
	text-align: left;
	list-style-type: disc;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 12px;
}


#epdlinks
{
	margin-top: 20px;
	font-size: 14px;
	color: green;
	text-align: left;
	text-transform: uppercase;
	margin-left: 0;
}

#epdlinks a
{
	font-size: 14px;
	color: green;
	background-color: #b4d4aa;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
}
#epdlinks a:hover
{
	font-size: 14px;
	color: #94c251;
	background-color: #b4d4aa;
	border-style: solid;
	border-width: 1px;
}


b

{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

/*******************      Section Menu *********************/


ul.section_bottom_menu {margin:0; padding:5px 2px 10px 0; text-align:right;}
ul.section_bottom_menu li {list-style-type:none; display:inline; color:rgb(102,102,102); font-size:10px;}
ul.section_bottom_menu li  a {color:rgb(102,102,102);}
ul.section_bottom_menu li  a:visited {color:rgb(102,102,102);}

ul.section_menu {padding:0; margin: 0 0 0 -10px;}
ul.section_menu li {display:inline; text-transform:uppercase; font-size:20px; line-height:28px; font-weight:bold;margin:0; padding:0 10px 0 10px; border-right:1px solid rgb(0,102,51);}
ul.section_menu li a {color:rgb(0,102,51); margin:0; padding:0;}
ul.section_menu li a:hover {color:rgb(153,204,0);}
ul.section_menu li.first {padding-left:10px;}
ul.section_menu li.last {padding-right:0; border:none;}

#people {
padding: 3px;
width: 460px;
height: 1200px;
}

#people2 {
padding: 3px;
width: 450px;
height: 700px;
}


#imagebackground {
padding: 2px;
background: #eeeeee;
width: 470px;
float: left;
}


#testimonials p {
	text-align: left;
	background: #eeeeee;
	width: 460px;
	padding: 20px;
}

#testimonials b {
	font-weight: bold;
	
}
#testimonials img{
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
}

#persona {
	width: 210px;
	float: left;
}

#personb {
	width: 210px;
	float: right;
}
p.people {
	width: 200px;
	height: 40px;
	padding: 0px;
}
p.clients_a {
	width: 275px;
	float: left;
	margin-right: 20px;
}

p.clients_b {
	width: 275px;
	float: right;
	margin-right: 20px;
}


#gallery {
padding: 3px;
background: #eeeeee;
width: 470px;
float: left;
}

#gallery_col_a {
	width: 150px;
	padding: 3px;
	float: left;
}

#gallery_col_b	{
	width: 150px;
	padding: 3px;
	float: left;
}

#gallery_col_c	{
	width: 150px;
	padding: 3px;
	float: right;
}



#publications {
	background-color: #eeeeee;
	width: 500px;
	padding: 20px;
	clear: both;
}
 

#stepsuite {
	background-color: #eeeeee;
	margin-left: 40px;
}
		

#mainImageContainer {
		float: left;
		width: 220px;
		margin-right: 3px;
}
		
#thumbnailsContainer li {
		display: inline;

}

#imgPhoto {
		margin-bottom: 10px;
		}

#thumbnailsContainer img {
		float: left;
		}

	
.clearFloats {
	clear: both;
}

#footer 
{
	clear: both;
	padding-bottom: 10px;
	margin-right: 20px;
	text-align: right;
	margin-top: 20px;
	text-align: right;
	border-top: 1px solid #ccc;
}

#notfound {
	
}



/* Code for Crumb trail and text size change from original site */
#crumbtrail 
{
	
	position:relative;
	height:15px;
	margin-left: 10px;
	padding: 2px;
	display: block;
}

#crumbtrail p {	padding:10px; margin:0;  color:rgb(51,51,51); font-size:10px;}
#crumbtrail p a {color:rgb(153,153,153); text-decoration:none;}
#crumbtrail p a:hover {font-weight:bold; text-decoration:underline;
}

/* Size change*/

ul#size_change {top:5px; padding:0; margin:0;}
ul#size_change li {float:left; font-size:12px; color:rgb(130,130,130); margin:0; padding:0 5px; list-style-type:none; line-height:30px;  vertical-align:bottom;}
ul#size_change li a {color:rgb(130,130,130);}
ul#size_change li#small {color:black; text-decoration:underline; font-size:14px;} 
ul#size_change li#medium {font-size:17px;}
ul#size_change li#large {font-size:20px;}

/* Code for Crumb trail and text size change from original site ENDS*/