body {

	font-family: Verdana, sans-serif;
	color: #000;
	font-size: 10px;
	line-height: 1.25em;
	text-align: left;
	margin: 0;
	background: url(jpg/bbb_front.jpg) 0px 0px;
}

html{}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #666;
}

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

p {
	font-size: 10px;
	line-height: 1.25em;
	letter-spacing: 0px;
	color: #000;
}

.h1 {
	text-align: left;
	color: #F48429;
	font: 32px/30px arial, sans-serif;
	letter-spacing: 1px;
	font-weight:bold;
}

.h2 {
	text-align: left;
	color: #F48429;
	font: 12px/18px arial, sans-serif;
	letter-spacing: 1px;
}

.h3 {
	text-align: left;
	color: white;
	font: 35px/32px arial, sans-serif;
	letter-spacing: 1px;
	font-weight:bold;
}

.h4 {
	text-align: left;
	color: white;
	font: 19px/20px arial, sans-serif;
	letter-spacing: 0px;
}

.h5 {
	text-align: left;
	color: #f7f6e6;
	font: 19px/28px arial, sans-serif;
	letter-spacing: 0px;
	font-weight:bold;
}

.h6 {
	text-align: left;
	color: #f7f6e6;
	font: 12px/18px arial, sans-serif;
	letter-spacing: 1px;
}

.h6 a:link, .h6 a:active{
	text-decoration: none;
	color: #F48429;
}

.h6 a:hover, .h6 a:visited {
	text-decoration: none;
	color: #498cc1;
}

.h7 {
	text-align: left;
	color: #F48429;
	font: 10px/10px arial, sans-serif;
	letter-spacing: 0px;
}

.h8 {
	text-align: left;
	color: #f7f6e6;
	font: 10px/10px arial, sans-serif;
	letter-spacing: 0px;
}
.h9 {
	text-align: left;
	color: #F48429;
	font: 19px/20px arial, sans-serif;
	letter-spacing: 0px;
}


/* ******************************    container and content */

#container {
	float: left;
	border: 0px solid black;
	height: auto;
    width: auto;
	margin: 0px auto 10px 0 ;
}

#wrapper {
    border: 0px solid black;
	float: left;
	margin: 0 0 0 40px;
	text-align: left;	
	width: 450px;
	height: auto;
}

#content {
    border: 0px solid black;
	float: left;
	margin: 20px 0 0px 0px;
	text-align: left;	
	width: 450px !important;
	height: auto !important;
	background: #213D44;
}

#bbblogo{
    border: 0px solid black;
	float: left;
	text-align: left;	
	width: 450px;
	height: 180px;
	background: #213D44 url(images/bbb_logo.png) no-repeat 30px 37px;
}

#bbblogo2{
    border: 0px solid black;
	float: left;
	text-align: left;
	width: 50px;
	height: 50px;
	background: #213D44 url(images/bbb_logo.png) no-repeat 0px 0px;
}

#maincopy {
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 15px 0 0 30px;	
	width: 390px;
	height: auto;
	display: inline;
	overflow: hidden;

}

#maincopy ul{
	list-style: none;
	line-height: 17px;
	padding: 0 15px;
	text-align: left;
	color: #f7f6e6;
	font: 12px/18px arial, sans-serif;
	letter-spacing: 1px;
	list-style-image: url(images/list_dot.png);
}

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13{
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 10px;
}

.dot {
	background: url(images/bbb_dots.jpg) no-repeat;
}

#frontpage_img {
	background: url(jpg/brownbreadandbutter_fpage2.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 260px;
}

#moveoften {
	background: url(jpg/brownbreadandbutter_moveoften.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 200px;
}

#workthree {
	background: url(jpg/brownbreadandbutter_workthree.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 178px;
}

#sav {
	background: url(jpg/brownbreadandbutter_savills.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 260px;
}

#tqa {
	background: url(jpg/brownbreadandbutter_tqa.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 250px;
}

#kbla {
	background: url(jpg/brownbreadandbutter_kbla.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 178px;
}

#aflo {
	background: url(jpg/brownbreadandbutter_aflo.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 207px;
}

#pp {
	background: url(jpg/brownbreadandbutter_pixelpinkie.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 207px;
}

#dr_michelle {
	background: url(jpg/brownbreadandbutter_drmichelle.png) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 194px;
}

#about_pic {
	background: url(jpg/brownbreadandbutter_about2.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 260px;
}

#service_pic {
	background: url(jpg/brownbreadandbutter_service2.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px !important;
	height: 260px !important;
}

#news_pic {
	background: url(jpg/brownbreadandbutter_news2.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 260px;
}

#contact_pic {
	background: url(jpg/brownbreadandbutter_contact2.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 260px;
}

#roar_pic {
	background: url(jpg/brownbreadandbutter_roar.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 2px 0 10px 0px;	
	width: 390px;
	height: 260px;
}

#cirkidz {
	background: url(jpg/brownbreadandbutter_cirkidz.jpg) no-repeat;
    border: 0px solid black;
	float: left;
	text-align: left;
    margin: 0px 0 10px 0px;	
	width: 390px;
	height: 178px;
}

/**** navcontrols****/

#navbar{
width: 390px;
margin: 145px 0 0 30px;
float: left;
list-style: none ;
text-decoration: none ;
display: inline;
overflow: hidden;}

#navbar2{
width: 390px;
margin: 0px 0 0 0px;
float: left;
list-style: none ;
text-decoration: none ;
display: inline;
overflow: hidden;}

#nav1box{
margin: 0px 0px 0px 0px;
list-style: none;
display: inline;
overflow: hidden;}
	
#nav1box li{
margin: 0px 0px 0px 0px;
list-style: none;
display: inline;
overflow: hidden;
text-indent: -5000px;}
	
#nav1box a{	
color: #f7f6e6;
font: 14px/10px helvetica, sans-serif;
height: 19px;
list-style: none;
text-decoration: none;
float: left;
overflow: hidden;}
	
#nav1box a:hover{
background-position: 0px 19px;}
	
#nav1box a:active, #nav1box a.selected{
background-position: 0px 19px;}

#nav2box{
margin: 0px 0px 0px 0px;
list-style: none;
display: inline;
overflow: hidden;}
	
#nav2box li{
margin: 0px 0px 0px 0px;
list-style: none;
display: inline;
overflow: hidden;
text-indent: -5000px;}
	
#nav2box a{	
color: #f7f6e6;
font: 14px/10px helvetica, sans-serif;
height: 19px;
list-style: none;
text-decoration: none;
float: left;
overflow: hidden;}
	
#nav2box a:hover{
background-position: 0px 19px;}
	
#nav2box a:active, #nav2box a.selected{
background-position: 0px 19px;}

/* *** end navcontrols */

/****top navbuttons****/
#home a, #home2 a {
	width: 50px;
	background: transparent url(images/home.jpg);}
#ourservices a, #ourservices2 a {
	width: 75px;
	background: transparent url(images/service.jpg);}
#ourwork a, #ourwork2 a {
	width: 46px;
	background: transparent url(images/folio.jpg);}
#aboutus a, #aboutus2 a {
	width: 55px;
	background: transparent url(images/about.jpg);}
#news a, #news2 a {
	width: 51px;
	background: transparent url(images/news.jpg);}
#contactus a, #contactus2 a {
	width: 68px;
	background: transparent url(images/contact.jpg);}
/* *** end navbuttons */

/* ******************************    footer */
#footer {
    border: 0px solid white;
	float: left;
	text-align: left;	
	width: 390px;
	height: 120px;}
	
	
#bbb_footer a {background: transparent url(images/bbb_footer.jpg);height: 22px;}

#bbb_footer a:hover{background-position: 0px 22px;}

#bbb_footer a:active, #bbb_footer a.selected{background-position: 0px 22px;}
/* *** end footer */

/* ******************************    enquiryform */
#subscription_content {
	border:0px solid black;
	float: left;
	overflow: hidden;
    margin: 10px 0 20 0px;
	text-align: left;
	width: 390px;
	height: 220px;
	font-family: arial, sans-serif, bolder;
	color: #F48429;
}

#subscription_content_two {
	border:0px solid black;
	float: left;
	overflow: hidden;
    margin: 10px 0 20 0px;
	text-align: left;
	width: 390px;
	height: 120px;
	font-family: arial, sans-serif, bolder;
	color: #F48429;
}

form {
	margin: 10px 0 0 0;
}

.contactinput {
	border: 0px solid #d5d5d5;
	font-size: 10px;
	margin-bottom: 8px;
	font-family: arial, sans-serif, bolder;
	color: #f7f6e6;
	width: 186px;
	height: 20px;
	background: #2e5660;
}

.contactinputtwo {
	border: 0px solid #d5d5d5;
	font-size: 10px;
	margin-bottom: 0px;
	font-family: arial, sans-serif,bolder;
	color: #f7f6e6;
	width: 382px;
	height: 100px;
	background: #2e5660;
}

.contactinputthree {
	border: 0px solid #d5d5d5;
	font-size: 10px;
	margin-bottom: 8px;
	font-family: arial, sans-serif,bolder;
	color: #f7f6e6;
	width: 382px;
	height: 20px;
	background: #2e5660;
}

.mybutton {
	border: 0px solid #d5d5d5;
	font-size: 10px;
	margin-bottom: 5px;
	font-family: arial, sans-serif,bolder;
	color: #666666;
	width: 374px;
	height: 100px;
	background: #e4e4e4;
}
.firstline {
	font-weight: bold;
}/* *** end enquiry form */

}/****internal nav****/
#nc1{
width: 390px;
float: left;
list-style: none ;
text-decoration: none ;
display: inline;
overflow: hidden;}

#nc1box{
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
display: inline;
overflow: hidden;}
	
#nc1box li{
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0;
list-style: none;
display: inline;
overflow: hidden;
text-indent: -5000px;}
	
#nc1box a{	
color: #418A9B;
font: bold 10px/10px helvetica, sans-serif;
width: 390px;
height: 51px;
list-style: none;
text-decoration: none;
float: left;
padding: 0px 0 0 0;
overflow: hidden;}
	
#nc1box a:hover{
background-position: 0px 51px;}
	
#nc1box a:active, #nc1box a.selected{
background-position: 0px 51px;}

/****buttons****/

#brochure{
width: 390px;
height: 65px;
margin: 0px 0 0 0px;
float: left;
list-style: none ;
text-decoration: none ;
display: inline;
overflow: hidden;}

#brochurebutton a {
background: transparent url(jpg/bbb_website_planner.jpg);}

#howweworkbutton a {
background: transparent url(jpg/bbb_how_we_work.jpg);}

#newsdec09button a {
background: transparent url(jpg/bbb_news_dec_09.jpg);}