/* CSS Reset */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}

body {
	font-family: Helvetica, Arial, sans-serif; color:#555555;
	font-size: 11pt;
	line-height:170%;
	background:#1d1d1d;
	margin:0;
	padding:0;
}

p.case{
margin: 0 50px;
display:block;
}

p.copyright {
float:left;
width:800px;
color:#FFFFFF;
line-height:130%;
}

ul li {
list-style:none;
}

h1, h2 {
padding-bottom: 20px;
color:#004718;
}

	h1.home {
	padding-bottom:40px;
	}
	
	h1.head {
	width:600px;
	height:186px;
	background-image:url(assets/images/background/bcp_logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	

h3 {
padding-bottom: 15px;
color:#004718;
}

	h3.home {
	padding-bottom:30px;
	}

h4 {
color:#004718;
}

a:link {
color: #099dd9;
text-decoration:none;
}

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

a:visited {
color:#099dd9;
text-decoration:none;
}

#container {
	width:990px;
	margin:0 auto; 
	padding:0;
}

/* HEADERS */

#header {
	margin:0 auto;
	padding-top:10px;
	width:990px;
	height: 300px;
	display:block;
	}


	.homepage {
	background:url(assets/images/background/trees_beehive_990.jpg) no-repeat center top;
	}
	
	.aboutbcp {
	background:url(assets/images/background/coloured_beehives.jpg) no-repeat center top;
	}
	
	.services {
	background:url(assets/images/background/beehive_house.jpg) no-repeat center top;
	}
	
	.portfolio {
	background:url(assets/images/background/blue_beehives.jpg) no-repeat center top;
	}
	
	.clients {
	background:url(assets/images/background/beehives_canolafield.jpg) no-repeat center top;
	}
	
	.testimonials {
	background:url(assets/images/background/beehives_wall.jpg) no-repeat center top;
	}
	
	#header.contactus {
	background:url(assets/images/background/beehive_grass.jpg) no-repeat center top;
	}
	
	

#menu {
padding:0 0 0 35px;
height: 80px;
width:990px;
background-color:#1d1d1d;
}
/* CSS Menu */
	
		
	ul.cssmenu {
	list-style: none;
	padding: 0px 2px 0 0;
	display:block;
	padding-bottom:50px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	display:block;
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 130px;
	height: 80px;
	background: url(navigation.png);
	}

/*
*	Normal Links
*/
ul.cssmenu li.about a {
	background-position: -40px 0;
	}

ul.cssmenu li.blog a {
	background-position: -165px 0;
	}

ul.cssmenu li.services a {
	background-position: -298px 0;
	}
	
ul.cssmenu li.portfolio a {
	background-position: -430px 0;
	}

ul.cssmenu li.clients a {
	background-position: -557px 0;
	}

ul.cssmenu li.testimonials a {
	background-position: -682px 0;
	}
	
ul.cssmenu li.contact a {
	background-position: -817px 0;
	}

/*
*	Hover Links
*/
ul.cssmenu li.about a:hover {
	background-position: -40px -80px;
	}

ul.cssmenu li.blog a:hover {
	background-position: -165px -80px;
	}

ul.cssmenu li.services a:hover {
	background-position: -298px -80px;
	}
	
ul.cssmenu li.portfolio a:hover {
	background-position: -430px -80px;
	}

ul.cssmenu li.clients a:hover {
	background-position: -557px -80px;
	}

ul.cssmenu li.testimonials a:hover {
	background-position: -682px -80px;
	}
	
ul.cssmenu li.contact a:hover {
	background-position: -817px -80px;
	}

/*
*	Clicked Links
*/
ul.cssmenu li.about a:active {
	background-position: -40px -160px;
	}

ul.cssmenu li.blog a:active {
	background-position: -165px -160px;
	}

ul.cssmenu li.services a:active {
	background-position: -298px -160px;
	}
	
ul.cssmenu li.portfolio a:active {
	background-position: -430px -160px;
	}

ul.cssmenu li.clients a:active {
	background-position: -557px -160px;
	}

ul.cssmenu li.testimonials a:active {
	background-position: -682px -160px;
	}
	
ul.cssmenu li.contact a:active {
	background-position: -817px -160px;
	}
/*
*	Selected/Active Links
*/
ul.cssmenu li.about a.selected {
	background-position: -40px -240px;
	display:block;
	}

ul.cssmenu li.blog a.selected {
	background-position: -165px -240px;
	}

ul.cssmenu li.services a.selected {
	background-position: -298px -240px;
	}
	
ul.cssmenu li.portfolio a.selected {
	background-position: -430px -240px;
	}

ul.cssmenu li.clients a.selected {
	background-position: -557px -240px;
	}

ul.cssmenu li.testimonials a.selected {
	background-position: -682px -240px;
	}
	
ul.cssmenu li.contact a.selected {
	background-position: -817px -240px;
	}

#content {
	margin: 0 0 40px 0;
	padding: 40px;
	background-color:#ffffff;
	display:block;
	height:100%;
}
		
	ul.logos {
	list-style: none;

	}
	
	ul.logos li {
	display:block;
	float: left;
	padding: 10px;
	margin: 0 33px 33px 33px;
	}

#homegraphics {
width:370px;
height:504px;
float:right;
}

#contact-table {
width:410px;
height:400px;
float:right;
padding:0;
margin:0 20px 0 20px;
}

#about {
width:910px;
height:250px;
float:left;
}

	#about.jonathan {
	width:910px;
	height:250px;
	padding-top:50px;
	float:left;
	}

#team {
	margin: 0;
	width: 910px;
	height: 420px;
	padding: 10px 0;
	background:inherit;
}

	h2.demo {
	padding:60px 0 0 0;
	}

#team.audio {
	margin: 0;
	width: 910px;
	height: 350px;
	padding: 10px 0;
	background:inherit;
}

#team.production {
	margin: 0;
	width: 910px;
	height: 310px;
	padding: 10px 0;
	background:inherit;
}

#team.case {
	margin: 0;
	width: 910px;
	height: 340px;
	padding: 10px 0;
	background:inherit;
}

#work_holder {
width:910px;
height:280px;
margin:0;
padding:0;
}

#content.portfolio {
width: 100%;
min-height: 370px;
padding: 20px 0;
margin: 20px 0;
display:block;
}

#audio {
width:400px;
float:right;
margin-left:20px;
}

p.quote {
display:block;
width:800px;
float:left;
background-image:url(assets/images/quotes.jpg);
background-repeat:no-repeat;
padding:15px 0 0 45px;
}

p.quote-demo {
display:block;
width:380px;
margin-top:30px;
float:left;
background-image:url(assets/images/quotes.jpg);
background-repeat:no-repeat;
padding:30px 0 0 40px;
}

p.quote-brent {
display:block;
width:400px;
float:left;
background-image:url(assets/images/quotes.jpg);
background-repeat:no-repeat;
padding:30px 0 0 40px;
}

p.demo-top {
padding-left:40px;
}


p.quote-noah {
display:block;
width:350px;
float:left;
background-image:url(assets/images/quotes.jpg);
background-repeat:no-repeat;
padding:30px 0 0 40px;
}

p.person {
display:block;
width:620px;
height:85px;
background-image:url(assets/images/quotesb.jpg);
background-position:right;
background-repeat:no-repeat;
float:right;
padding:15px 65px 0 0;
}

p.person-demo {
display:block;
width:350px;
height:85px;
background-image:url(assets/images/quotesb.jpg);
background-position:right;
background-repeat:no-repeat;
float:left;
padding:30px 70px 0 0;
}

p.person-noah {
display:block;
width:350px;
height:85px;
background-image:url(assets/images/quotesb.jpg);
background-position:right;
background-repeat:no-repeat;
float:left;
padding:15px 65px 0 0;
margin:0 20px 50px 0;
}

p.person-brent {
display:block;
width:420px;
height:85px;
background-image:url(assets/images/quotesb.jpg);
background-position:right;
background-repeat:no-repeat;
float:left;
padding:15px 15px 0 0;
margin-bottom:20px;
}

#back {
float:left;
margin-top:100px;
}

#case-choice {
width:910px;
height:47px;
float:left;
padding:0;
margin:0;
}

ul.contact {
	list-style:none;
	display:block;
	padding-left:20px;
	}

#footer {
	margin:0;
	height:230px;
	background-image:url(assets/images/background/footer-image.jpg);
	background-repeat:no-repeat;
	padding: 20px 0px 0 40px;
	font-family: Helvetica, Arial, sans-serif; color:#666666;
	font-size: 10pt;
	display:block;
}

	#top {
	width:130px;
	height:50px;
	float:right;
	margin:0;
	padding:0;
	}
	

/* A handy 'Clearfix' technique to clear floats in order to avoid affecting page elements further down the document */		
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; } /* Clearfix IE fix */