/* CSS Document */
body	 {
	background-color: #ffffff;
	font-family: arial;		
}

#outerwrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 1px;
	width: 1000px;
	height: 800px;
	 
}
/* top right descriptions of pages*/
#line {
	position: absolute;
	top: 80px;
	left: 50px;
	width: 900px;
	height:2px;
	border-top: solid 1px #cccccc;
}

p.toptype {
	position:absolute;
	top: 55px;
	right: 50px;
	font-size: 11px;
	font-weight: normal;
	font-family: arial;
	color: #cccccc;
}

p.toptype2 {
	position:absolute;
	top: 73px;
	right: 50px;
	font-size: 11px;
	font-weight:normal;
	font-family: arial;
	color: #cccccc;
}
/*top left image - home pg*/
#image_1 {
	position: absolute;
	top: 54px;
	left: 50px;
	width: 91px;
	height:53px;
	background-image: url('newimages/moho.JPG');
	background-repeat: no-repeat;
}

/*top left image - indentity pg*/
#image_2 {
	position: absolute;
	top: 48px;
	left:30px;
	width: 91px;
	height:53px;
	background-image: url('newimages/kmf.JPG');
	background-repeat: no-repeat;
	}
/*top left image - objects mail pg*/
#image_3 {
	position: absolute;
	top: 40px;
	left:50px;
	width: 85px;
	height:58px;
	background-image: url('newimages/mailtruck.JPG');
	background-repeat: no-repeat;
	}
	
/*top left file - photo of week pg*/
#image_4 {
	position: absolute;
	top: 50px;
	left:47px;
	width: 69px;
	height:49px;
	background-image: url('newimages/camera.JPG');
	background-repeat: no-repeat;
	}
	
/*top left flash file - motion pg*/
	#flash {
	position: absolute;
	top: 40px;
	left:51px;
	width: 90px;
	height:67px;
}
/*top left image - contact pg*/
	#image_6 {
	position: absolute;
	top: 45px;
	left:51px;
	width: 61px;
	height:73px;
	background-image: url('newimages/rolodex.JPG');
	background-repeat: no-repeat;
}
/*top left image - links pg*/
	#image_5 {
	position: absolute;
	top: 40px;
	left:51px;
	width: 53px;
	height:61px;
	background-image: url('newimages/cables.JPG');
	background-repeat: no-repeat;
}

/*top left image - bf t-shirts pg*/
	#image_squeeg {
	position: absolute;
	top: 45px;
	left:51px;
	width: 122px;
	height:45px;
	background-image: url('newimages/squeegez.jpg');
	background-repeat: no-repeat;
}
/*top left image - art pg*/
	#image_paint {
	position: absolute;
	top: 45px;
	left:51px;
	width: 60px;
	height:65px;
	background-image: url('newimages/paint_splot.jpg');
	background-repeat: no-repeat;
}
/*top left image - about pg*/
	#image_about {
	position: absolute;
	top: 45px;
	left:50px;
	width: 85px;
	height:57px;
	background-image: url('newimages/hello_sticker.gif');
	background-repeat: no-repeat;
}
/*BF animated fish home page*/
#animated_logo {
	position: absolute;
	top: 120px;
	left: 300px;
	width: 410px;
	height:400px;
	background-image: url('newimages/bf_animated_logo.gif');
	background-repeat: no-repeat;
}
/*facebook Icon on home page*/
#facebook {
	position: absolute;
	top: 528px;
	right: 49px;
	width: 89px;
	height:32px;
	
}
/*logos page*/
#logos {
	position: absolute;
	top: 104px;
	left: 50px;
	width: 900px;
	height:440px;
}

#arrow1 {
	position: absolute;
	top: 550px;
	left: 65px;
	width: 16px;
	height:10px;
	}
	
/*bizcards page*/
#bizcards {
	position: absolute;
	top: 104px;
	left: 50px;
	width: 900px;
	height:440px;
}
#arrow2 {
	position: absolute;
	top: 550px;
	left: 128px;
	width: 16px;
	height:10px;
	}

/*systems page*/
#systems {
	position: absolute;
	top: 104px;
	left: 50px;
	width: 900px;
	height:440px;
}
#arrow3 {
	position: absolute;
	top: 550px;
	left: 200px;
	width: 16px;
	height:10px;
	}
/*all three identity pages for credit*/	
p.nav5i {
	position:absolute;
	margin-top: 4px;
	right: 0px;
	text-align: right;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	
}
/*prev_next art page*/	
p.nav5a2 {
	position:absolute;
	margin-top: 4px;
	right: 0px;
	text-align: right;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	
}
p.nav5a3 {
	position:absolute;
	margin-top: 0px;
	left: 843px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	font-family: arial;
	color: ffffff;
	
}
p.nav5a1 {
	position:absolute;
	margin-top: 4px;
	left: 790px;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	
}
p.nav1a1 {
	position:absolute;
	margin-top: 2px;
	margin-left: 1px;
	font-size: 16px;
	font-weight: normal;
	font-family: arial;
	color: #666666
		
}
p.nav1a2 {
	position:absolute;
	margin-top: 4px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
		
}
p.nav1a3 {
	position:absolute;
	margin-top: 2px;
	margin-left: 90px;
	font-size: 16px;
	font-weight: normal;
	font-family: arial;
	color: #666666
		
}
/*lowwer sm white bar ART pg*/
#image_smwhitebar {
	position: absolute;
	margin-top: 4px;
	left:895px;
	width: 2px;
	height:18px;
	background-image: url('sm_white_bar.png');
	background-repeat: no-repeat;
}
/*objects in mail page*/
#mail {
	position: absolute;
	top: 104px;
	left: 50px;
	width: 900px;
	height:440px;
}
#arrow4 {
	position: absolute;
	top: 550px;
	left: 430px;
	width: 16px;
	height:10px;
	}

#basebar1g {
	position: absolute;
	top: 566px;
	left: 50px;
	width: 900px;
	height: 23px;
	background-image: url('newimages/900x23_cccccc.jpg');
	background-repeat: no-repeat;
	
}

p.nav1g {
	position:absolute;
	margin-top: 4px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: #666666;	
}

p.nav2g {
	position:absolute;
	margin-top: 4px;
	margin-left:350px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: #666666;	
}		
#basebar2g {
	position: absolute;
	top: 589px;
	left: 50px;
	width: 900px;
	height: 43px;
	background-image: url('newimages/900x43_999999.jpg');
	background-repeat: no-repeat; 
}

#basebar4g {
	position: absolute;
	top: 654px;
	left: 50px;
	width: 900px;
	height: 26px;
	background-image: url('newimages/900x26_666666.gif');
	background-repeat: no-repeat;
	 
}	

/*photo of the week page*/
#photo {
	position: absolute;
	top: 104px;
	left: 50px;
	width: 900px;
	height:440px;
}

#basebar1g {
	position: absolute;
	top: 566px;
	left: 50px;
	width: 900px;
	height: 23px;
	background-image: url('newimages/900x23_cccccc.jpg');
	background-repeat: no-repeat;
	
}

p.nav33 {
	position:absolute;
	margin-top: 4px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: #666666;	
}

p.nav44 {
	position:absolute;
	margin-top: 4px;
	margin-left:149px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: #666666;	
}	

p.nav5g {
	position:absolute;
	margin-top: 4px;
	margin-left: 850px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	
}
		
#basebar2g {
	position: absolute;
	top: 589px;
	left: 50px;
	width: 900px;
	height: 43px;
	background-image: url('newimages/900x43_999999.jpg');
	background-repeat: no-repeat; 
}

#basebar4g {
	position: absolute;
	top: 654px;
	left: 50px;
	width: 900px;
	height: 26px;
	background-image: url('newimages/900x26_666666.gif');
	background-repeat: no-repeat;
	 
}
/*bf t-shirts page*/
#bftshirt {
	position: absolute;
	top: 104px;
	left: 50px;
	width: 900px;
	height:440px;
}

#basebar1g {
	position: absolute;
	top: 566px;
	left: 50px;
	width: 900px;
	height: 23px;
	background-image: url('newimages/900x23_cccccc.jpg');
	background-repeat: no-repeat;
	
}

p.nav3g {
	position:absolute;
	margin-top: 4px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: #666666;	
}

p.nav4g {
	position:absolute;
	margin-top: 4px;
	margin-left:149px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: #ffffff;	
}	

p.nav5g {
	position:absolute;
	margin-top: 4px;
	margin-left: 850px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	
}
		
#basebar2g {
	position: absolute;
	top: 589px;
	left: 50px;
	width: 900px;
	height: 43px;
	background-image: url('newimages/900x43_999999.jpg');
	background-repeat: no-repeat; 
}

#basebar4g {
	position: absolute;
	top: 654px;
	left: 50px;
	width: 900px;
	height: 26px;
	background-image: url('newimages/900x26_666666.gif');
	background-repeat: no-repeat;
	 
}

/*about page*/
#about{
	position: absolute;
	top: 50px;
	left: 50px;
	width: 900px;
	height:440px;
}
#arrow2a {
	position: absolute;
	top: 550px;
	left: 110px;
	width: 16px;
	height:10px;
	}


p.bf
{
	position:absolute;
	top:	  120px;
	left: 2px;
	font-size: 36px;
	font-weight:bold;
	font-family: Arial;
	color: #999999;	
}

p.content
{
	position:absolute;
	top: 170px;
	left: 2px;
	text-indent:318px;
	font-size: 10.5px;
	font-weight:normal;
	text-align:justify;
	font-family: Arial;
	color:#999999;	
}

p.mainbio
{
	position:absolute;
	top:	  320px;
	left: 215px;
	font-size: 21px;
	font-weight:bold;
	font-family: Arial;
	color: #999999;	
}
p.contentmainbio
{
	position:absolute;
	top: 336px;
	left: 215px;
	text-indent:310px;
	font-size: 13px;
	font-weight:normal;
	text-align:justify;
	font-family: Arial;
	color:#999999;	
}
#kmf{
	position: absolute;
	top: 206px;
	left: 2px;
	width: 202px;
	height:202px;
}
p.mainkmf
{
	position:absolute;
	top:	  396px;
	left: 2px;
	font-size: 20px;
	font-weight:bold;
	font-family: Arial;
	color: #999999;	
}
p.mainkmf1
{
	position:absolute;
	top:	  428px;
	left: 2px;
	font-size: 10px;
	font-weight:normal;
	font-family: Arial;
	color: #999999;	
}
p.mainkmf2
{
	position:absolute;
	top:	  440px;
	left: 2px;
	font-size: 10px;
	font-weight:normal;
	font-family: Arial;
	color: #999999;	
}
p.mainkmf3
{
	position:absolute;
	top:	  458px;
	left: 2px;
	font-size: 10px;
	font-weight:normal;
	font-family: Arial;
	color: #999999;	
}

p.contentkmf
{
	position:absolute;
	top: 116px;
	left: 2px;
	text-indent:318px;
	font-size: 10.5px;
	font-weight:normal;
	text-align:justify;
	font-family: Arial;
	color:#999999;	
}
p.contentkmf1
{
	position:absolute;
	top: 170px;
	left: 2px;
	text-indent:0px;
	font-size: 13px;
	font-weight:bold;
	font-family: Arial;
	color:#999999;	
}
p.contentkmf2
{
	position:absolute;
	top: 175px;
	left: 2px;
	text-indent:104px;
	font-size: 10.5px;
	font-weight:normal;
	text-align:justify;
	font-family: Arial;
	color:#999999;	
}
#cmc{
	position: absolute;
	top: 60px;
	left: 698px;
	width: 202px;
	height:202px;
}
p.maincmc
{
	position:absolute;
	top:	  250px;
	right: 0px;
	font-size: 20px;
	font-weight:bold;
	font-family: Arial;
	color: #999999;	
}
p.maincmc1
{
	position:absolute;
	top:	  282px;
	right: 0px;
	font-size: 10px;
	font-weight:normal;
	font-family: Arial;
	color: #999999;	
}
p.maincmc2
{
	position:absolute;
	top:	  294px;
	right: 0px;
	font-size: 10px;
	font-weight:normal;
	font-family: Arial;
	color: #999999;	
}
p.maincmc3
{
	position:absolute;
	top:	  312px;
	right: 0px;
	font-size: 10px;
	font-weight:normal;
	font-family: Arial;
	color: #999999;	
}
p.contentcmc1
{
	position:absolute;
	top: 170px;
	left: 94px;
	text-indent:0px;
	font-size: 13px;
	font-weight:bold;
	font-family: Arial;
	color:#999999;	
}
p.contentcmc2
{
	position:absolute;
	top: 175px;
	left: 2px;
	text-indent:0px;
	font-size: 10.5px;
	font-weight:normal;
	text-align:justify;
	font-family: Arial;
	color:#999999;	
}
p.contentcmc3
{
	position:absolute;
	top: 175px;
	left: 2px;
	text-indent:216px;
	font-size: 10.5px;
	font-weight:normal;
	text-align:justify;
	font-family: Arial;
	color:#999999;	
}
p.bios
{
	position:absolute;
	top:	  70px;
	right: 0px;
	font-size: 20px;
	font-weight:bold;
	font-family: Arial;
	color: #999999;	
}
p.bios1
{
	position:absolute;
	top:	  102px;
	right: 0px;
	font-size: 10px;
	font-weight:normal;
	font-family: Arial;
	color: #999999;	
}
p.bios2
{
	position:absolute;
	top:	  113px;
	right: 0px;
	font-size: 10px;
	font-weight:normal;
	font-family: Arial;
	color: #999999;	
}
p.footnote
{
	position:absolute;
	top: 420px;
	right: 2px;
	font-size: 9px;
	font-weight:normal;
	font-family: Arial;
	color:#999999;	
}
/*contact page*/
#contact{
	position: absolute;
	top: 50px;
	left: 50px;
	width: 900px;
	height:440px;
}

#arrow7 {
	position: absolute;
	top: 550px;
	left: 199px;
	width: 16px;
	height:10px;
	}

p.west
{
	position:absolute;
	top:	  243px;
	left: 2px;
	font-size: 47px;
	font-weight:bolder;
	font-family: Arial;
	color: #cccccc;	
}

p.west2
{
	position:absolute;
	top: 332px;
	left: 2px;
	font-size: 16px;
	font-weight:normal;
	line-height: 20px;
	font-family: Arial;
	color:#cccccc;	
}

p.east
{
	position:absolute;
	top:	  0px;
	right: 0px;
	font-size: 47px;
	font-weight:bolder;
	font-family: Arial;
	color: #cccccc;	
}

p.east2
{
	position:absolute;
	top: 87px;
	right: 0px;
	text-align: right;
	font-size: 16px;
	font-weight:normal;
	line-height: 20px;
	font-family: Arial;
	color:#cccccc;	
}

p.east
{
	position:absolute;
	top:	  0px;
	right: 0px;
	font-size: 47px;
	font-weight:bolder;
	font-family: Arial;
	color: #cccccc;	
}

p.nav9c {
	position:absolute;
	margin-top: 4px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: #663300;	
}

p.nav10c {
	position:absolute;
	margin-top: 4px;
	margin-left:108px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: #663300;	
}

/*links page*/
#links{
	position: absolute;
	top: 90px;
	left: 50px;
	width: 900px;
	height:440px;
}

#arrow5 {
	position: absolute;
	top: 550px;
	left: 170px;
	width: 16px;
	height:10px;
	}

p.col1
{
	position:absolute;
	top: 0px;
	left: -1px;
	font-size: 16px;
	font-weight:normal;
	line-height: 20px;
	font-family: Arial;
}

p.col2
{
	position:absolute;
	top: 0px;
	left: 345px;
	font-size: 16px;
	font-weight:normal;
	line-height: 20px;
	font-family: Arial;	
}

p.col3
{
	position:absolute;
	top: 0px;
	left: 672px;
	font-size: 16px;
	font-weight:normal;
	line-height: 20px;
	font-family: Arial;	
}

p.nav6l {
	position:absolute;
	margin-top: 4px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: #663300;	
}

p.nav7l {
	position:absolute;
	margin-top: 4px;
	margin-left:47px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	color: 663300;	
}

/*all bars*/
#basebar1 {
	position: absolute;
	top: 566px;
	left: 50px;
	width: 900px;
	height: 23px;
	background-image: url('newimages/900x23_6699cc.jpg');
	background-repeat: no-repeat;
	
}

#basebar1o {
	position: absolute;
	top: 566px;
	left: 50px;
	width: 900px;
	height: 23px;
	background-image: url('newimages/900x23_cc9900.jpg');
	background-repeat: no-repeat;
	
}

p.nav1
{
	position:absolute;
	margin-top: 3px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial;
	
}

#basebar2 {
	position: absolute;
	top: 589px;
	left: 50px;
	width: 900px;
	height: 43px;
	background-image: url('newimages/900x43_6699cc.jpg');
	background-repeat: no-repeat;
	 
}

#basebar2o {
	position: absolute;
	top: 589px;
	left: 50px;
	width: 900px;
	height: 43px;
	background-image: url('newimages/900x43_996600.jpg');
	background-repeat: no-repeat; 
}


p.nav2
{
	position:absolute;
	margin-top: 3px;
	margin-left: -2px;
	font-size: 34px;
	font-weight: bolder;
	font-family: arial;
	
}
#basebar3 {
	position: absolute;
	top: 632px;
	left: 50px;
	width: 900px;
	height: 22px;
	background-color: #ffffff;
	
}

p.nav3
{
	position:absolute;
	margin-top: 4px;
	margin-left: 0px;
	font-size: 13.5px;
	font-weight: normal;
	font-family: arial;
}

#basebar4 {
	position: absolute;
	top: 654px;
	left: 50px;
	width: 900px;
	height: 26px;
	background-image: url('newimages/900x26bottombanner.gif');
	background-repeat: no-repeat;
	 
}

#basebar4o {
	position: absolute;
	top: 654px;
	left: 50px;
	width: 900px;
	height: 26px;
	background-image: url('newimages/900x26_663300.gif');
	background-repeat: no-repeat;
	 
}



p.nav4
{
	position:absolute;
	margin-top: 8px;
	margin-left: 0px;
	font-size: 11px;
	font-weight: bold;
	font-family: arial;
	width: 363px;
}

/* Footer blue */
#lowerbanner
{
	position: absolute;
	left: 50px;
	top: 650px;
	width: 900px;
	height: 8px;
}

#copyright
{
	position:absolute;
	top: 40px;
	left: 0px;
	font-size: 8pt;
	color: #6699cc;
	font-weight: normal;
	font-family: arial;
	}
	
#where
{
	position:absolute;
	top: 40px;
	right: 0px;
	font-family: arial;
	font-size: 8pt;
	color: #6699cc;
	
	}

/* Footer orange */
#copyrighto
{
	position:absolute;
	top: 40px;
	left: 0px;
	font-size: 8pt;
	color: #663300;
	font-weight: normal;
	font-family: arial;
	}
	
#whereo
{
	position:absolute;
	top: 40px;
	right: 0px;
	font-family: arial;
	font-size: 8pt;
	color: #663300;
	
	}
/* Footer grey */
#copyrightg
{
	position:absolute;
	top: 40px;
	left: 0px;
	font-size: 8pt;
	color: #666666;
	font-weight: normal;
	font-family: arial;
	}
	
#whereg
{
	position:absolute;
	top: 40px;
	right: 0px;
	font-family: arial;
	font-size: 8pt;
	color: #666666;
	
}

a.white:link {color: #ffffff; text-decoration: none}
a.white:visited {color: #ffffff; text-decoration: none}
a.white:hover {color: #000000; text-decoration: none}

a.blue:link {color: #6699cc; text-decoration: none}
a.blue:visited {color: #6699cc; text-decoration: none}
a.blue:hover {color: #000000; text-decoration: none}

a.ltblue:link {color: #99ccff; text-decoration: none}
a.ltblue:visited {color: #99ccff; text-decoration: none}
a.ltblue:hover {color: #000000; text-decoration: none}

a.grey:link {color: #cccccc; text-decoration: none}
a.grey:visited {color: #cccccc; text-decoration: none}
a.grey:hover {color: #000000; text-decoration: none}

a.orange:link {color: #ff9900; text-decoration: none}
a.orange:visited {color: #ff9900; text-decoration: none}
a.orange:hover {color: #000000; text-decoration: none}

a.brown:link {color: #CC9900; text-decoration: none}
a.brown:visited {color: #CC9900; text-decoration: none}
a.brown:hover {color: #000000; text-decoration: none}

a.brown2:link {color: #999999; text-decoration: none}
a.brown2:visited {color: #999999; text-decoration: none}
a.brown2:hover {color: #663300; text-decoration: none}

a.dkgrey:link {color: #666666; text-decoration: none}
a.dkgrey:visited {color: #666666; text-decoration: none}
a.dkgrey:hover {color: #000000; text-decoration: none}

a.medgrey:link {color: #999999; text-decoration: none}
a.medgrey:visited {color: #999999; text-decoration: none}
a.medgrey:hover {color: #000000; text-decoration: none}

/*dark grey/orange*/
a.grey2:link {color: #cccccc; text-decoration: none}
a.grey2:visited {color: #cccccc; text-decoration: none}
a.grey2:hover {color: #ffcc00; text-decoration: none}

/*med-brown*/
a.medbrwn:link {color: #663300; text-decoration: none}
a.medbrwn:visited {color: #663300; text-decoration: none}
a.medbrwn:hover {color: #000000; text-decoration: none}

/*read more roll overs*/
a.grey3:link {color: #999999; text-decoration: none}
a.grey3:visited {color: #999999; text-decoration: none}
a.grey3:hover {color: #663300; text-decoration: none}

/*read more roll overs*/
a.dkgray:link {color: #cccccc; text-decoration: none}
a.dkgray:visited {color: #cccccc; text-decoration: none}
a.dkgray:hover {color: #999999; text-decoration: none}