/* CSS Document */

/* Generic Tags */
@font-face {
		font-family: 'Futura';  
        src: url('font/FUTURAM.eot');  
        src: local('Futura Md BT Medium'), url('font/FUTURAM.woff') format('woff'), url('font/FUTURAM.otf') format('opentype'), url('font/FUTURAM.TTF') format('truetype'), url('font/FUTURAM.svg#webfont') format('svg');  
        font-weight: normal;  
        font-style: normal;   
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #000;
	padding: 0;
	margin: 0;
	color: #fff;
	text-shadow: #000000 0 0 0px;
}
fieldset {
	border: hidden;
	margin: 0; 
	padding: 0;
}
img { 
	border: 0;
	padding: 0;
	margin: 0;
}
img.centred {
	display: block;
	margin-left: auto;	
	margin-right: auto;	
}
table, td,tr {
 padding: 0;
  margin: 0;
}
p {
	margin: 0;
	padding: 0;
	text-align: left;
}

div {
	margin: 0;
	padding: 0;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
h1 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 24px;
	color: #0077A3;
	text-align: left;
}
h2 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 18px;
	color: #0077A3;
	text-align: left;
}

h3 {
	padding-top: 13px;
	padding-bottom: 6px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #0077A3;
	text-align: left;
}
a:link,
a:active,
a:visited {
	color: #00adef;
	text-decoration: none;
	cursor: pointer;
} 

a:hover {
	text-decoration: none;
	color: #00adef;
}
 
.clear {
	clear: both;
	margin:0;
	padding:0;
}
.flower {
	float: left; 
	padding: 0 5px 0 0;
}
.attention {
	color: #f00;
}

.emph {
	color: #0077A3;
}
.grey {
	color: #999999;
	}

a.emph,
a:link.emph,
a:visited.emph,
a:active.emph {
	color: #0077A3;
}
a:hover.emph {
	color: #fff;
}
img.right {
	float: right;
}
.small {
	font-size: 12px;
	}
.smaller {
	font-size: 10px;
	}

/* FRONT PAGE DIVS */
#bf-index {
}
#bf-index #bf-video-box {
	height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    top: 109px;
    width: 100%;
    z-index: 1;
	overflow:hidden;
}
#bf-index #bf-header-line {
	width: 100%;
	border-top: solid 1px #00adef;
}
#bf-index #bf-header-nav {
	border-top: none;
}
#bf-index #bf-container p {
	padding: 5px 10px 5px 10px;
	font-size: 13px;
}
#bf-index #bf-footer-content {
	border-top: none;
}
#bf-index #bf-footer-content {
	padding-top: 0;
}

/* GENERAL DIVS */ 
#bf-container {
	width: 100%;
	min-width: 960px;
	z-index: 10;
	margin: 0 auto;
}
#bf-header-banner {
	position:relative;
	background: #000;
	z-index: 10;
	padding: 13px 0 13px 0;
}
#bf-header-nav {
	width: 960px;
	height: 28px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 0 2px 0;
	text-align: left;
	letter-spacing: 1px;
	color: #999
/*	color: #fff; */
	border-top: solid 1px #00adef;
}

	#bf-header-nav > ul {
		list-style: none;
		position: relative;
		display: inline-table;
		padding: 0;
		margin-left: -4px;
	}
	#bf-header-nav ul:after {
		content: ""; clear: both; display: block;
	}
		#bf-header-nav ul li {
			float: left;
			
		}
			#bf-header-nav ul li a {
				display: block; 
				padding: 0 89px 0 5px;
				color: #fff; 
				text-decoration: none;
			}
			#bf-header-nav .last a {
			padding: 0 3px 9px 5px;
			float: right;
			}
	#bf-header-nav ul ul {
		display: none;
	}
	#bf-header-nav ul ul {
	background: #000;
	top: 100%;
	padding: 0;
	}
	#bf-header-nav ul ul li {
		float: none; 
		position: relative;	
		list-style: none;	
		font-size: 11px;
		letter-spacing: 1px;
	}
		#bf-header-nav ul ul li a {
			color: #d3d3d3;
			padding: 5px 20px 4px 5px;
		}	
			#bf-header-nav ul ul li.first a {
				padding: 10px 20px 5px 5px;
			}
			#bf-header-nav ul ul li a:hover {
				color: #00adef;
			}
			
	#bf-header-nav ul li:hover > ul {
		display: block;
	}
		



	#bf-contenttop {
		margin: 0 auto;
		margin-top: 5px;
		text-align: center;
		width: 960px;
		/*border: 1px solid #f00;*/
	}
		#bf-contenttop-video {
			position: relative;
			/*border: 1px solid #0f0;*/
		}
		#fb {
			position: absolute;
			display: inline;
			top: 10px;
			right: 10px;
		}
		#pinterest {
			position: absolute;
			display: inline;
			top: 10px;
			right: 95px;
		}

		
		#bf-carousel {
		margin: 0 auto;
		margin-top: 20px;
  		padding-top: 20px;
		width: 960px;
		color: #f00;
		border-top: 3px solid rgb(50, 50, 50);
    	border-top: 3px solid rgba(100, 100, 100, .5);
		
		
	}
	#bf-carousel a {
		opacity: .7;
		cursor: pointer;		
	}
	#bf-carousel a:hover {
		opacity: 1;		
	}
		#bf-carousel li img {
			margin: 6px;
		}
		#bf-carousel .prev, #bf-carousel .next  {
			display: block;
			float: left;
			width: 15px;
			height: 116px;
			text-decoration: none;
			background: url("images/carousel-arrow-left.png") left 45px no-repeat;
  /*border: 1px solid #0f0;*/
		}
		#bf-carousel .next  {
			background: url("images/carousel-arrow-right.png") right 45px no-repeat;
		}
	#bf-carousel .jcarousellite {
        float: left;
	
		    }
			.jcarousellite img {
				border: 1px solid #999;
			}
			.jcarousellite a img, .jcarousellite a:link img, .jcarousellite a:active img, .jcarousellite a:visited img {
				border: 1px solid #999;
				border-color: #999;
				
			}
			
		/*3 column layout with help of http://www.456bereastreet.com/archive/201012/how_to_create_a_3-column_layout_with_css tutorial */
	#bf-guillecontentmain {
		margin: 0 auto;
		margin-top: 5px;
		width: 960px;
		color: #999;
		opacity: .9;
		border-top: 3px solid rgb(50, 50, 50);
    	border-top: 3px solid rgba(100, 100, 100, .5);
	}
	#bf-contentmain {
		margin: 0 auto;
		margin-top: 20px;
		width: 960px;
		color: #999;
		opacity: .9;
		border-top: 3px solid rgb(50, 50, 50);
    	border-top: 3px solid rgba(100, 100, 100, .5);
	}
	#bf-contentmain a:link, #bf-contentmain a:active, #bf-contentmain a:visited {
	color: #999;
	} 
	#bf-contentmain h2 a:link, #bf-contentmain h2 a:active, #bf-contentmain h2 a:visited {
	color: #0077A3;
	}

	#bf-contentmain a:hover {
	color: #00adef;
	}
	#bf-contentmain p {
		padding-bottom: 13px;
		line-height: 125%;	
	}
		#bf-contentmain-pagetopic {
					float: left;
					margin-bottom: 10px;
					width: 50%;
					/*background:#9CF;*/
				}
			#bf-contentmain-pagetopic-content {
					padding: 10px 25px 10px 0;
			}
			#bf-contentmain-pagetopic-content p {
				
	
			}
		
			#bf-contentmain-quote {
				width: 50%;
					float: right;
				
					/*background:#CFF;*/
				}
				#bf-contentmain-quote-content {
					text-align: left;					
					width: 350px;
					margin: 0 auto;
					margin-top: 65px;
					/*border: solid 1px red;*/
				}
					#bf-contentmain-quote-content #quote2line {
						font-family: "Times New Roman", Times, serif;
						font-style: italic;
						margin: 20px 0 -40px 35px;
						padding: 0;
						font-size: 30px;
						text-align: left;
					}
					#bf-contentmain-quote-content .quotemarksopen2line {
						font-size: 100px;
					    color: #004A63;
					    vertical-align:-.3em;
					    line-height:44px;
					    margin-left: -55px;
					}
					#bf-contentmain-quote-content .quotemarksclose2line {
						font-size: 100px;
						color: #004A63;
						margin-left: -15px;
						vertical-align:-.4em;
					}
					#bf-contentmain-quote-content #quote3line {
						font-family: "Times New Roman", Times, serif;
						font-style: italic;
						margin: 20px 0 -40px 35px;
						padding: 0;
						font-size: 30px;
						text-align: left;
					}
					#bf-contentmain-quote-content .quotemarksopen3line {
						font-size: 100px;
					    color: #004A63;
					    vertical-align:-.3em;
					    line-height:54px;
					    margin-left: -55px;
					}
					#bf-contentmain-quote-content .quotemarksclose3line {
						font-size: 100px;
						color: #004A63;
						margin-left: -15px;
						vertical-align:-.4em;
					}
				#bf-contentmain-quote-content p {
					text-align: right;
				}
				/* LAYOUT FOR DIRECTORY LISTING STYLE PAGES (e.g. partners, clients, venues)*/
			#bf-contentmain-pagetopicnarrow {
					float: left;
					margin-bottom: 10px;
					width: 33%;
					/*background:#9CF;*/
				}
			#bf-contentmain-pagetopicnarrow-content {
					padding: 10px 25px 10px 0;
			}
			#bf-contentmain-pagetopicnarrow-content p {
				
	
			}
			#bf-contentmain-listing {
				width: 67%;
				margin-bottom: 10px;
					float: right;
				
					/*background:#CFF;*/
				}
				#bf-contentmain-listing-content {
					padding: 10px 25px 10px 0;
					/*border: solid 1px red;*/
				}
				#bf-contentmain-listing-content p {
					text-align: left;
				}
			
				/* END LAYOUT FOR DIRECTORY LISTING STYLE PAGES (e.g. partners, clients, venues)*/
				/* LAYOUT FOR THREE COLUMN LAYOUT (e.g. contact page)*/
			#bf-contentmain-threecolleft {
					float: left;
					margin-bottom: 10px;
					width: 30%;
					/*background:#9CF;*/
				}
			#bf-contentmain-threecolleft-content {
					padding: 10px 25px 10px 0;
			}
			#bf-contentmain-threecolleft-content p {
				
	
			}
			#bf-contentmain-threecolmiddle {
				width: 40%;
				margin-bottom: 10px;
				float: left;
				
					/*background:#CFF;*/
				}
				#bf-contentmain-threecolmiddle-content {
					padding: 10px 25px 10px 0;
					/*border: solid 1px red;*/
				}
				#bf-contentmain-threecolmiddle-content p {
					text-align: left;
				}
			#bf-contentmain-threecolright {
					float: left;
					margin-bottom: 10px;
					width: 30%;
					/*background:#9CF;*/
				}
				#bf-contentmain-threecolright-content {
					padding: 10px 25px 10px 0;
				}
				#bf-contentmain-threecolright-content p {
					text-align: left;
				}
			
				/* END LAYOUT FOR THREE COLUMN LAYOUT (e.g. contact page)*/

			
		#bf-contentmain-action {
			float: left;
			margin-bottom: 10px;
			width: 50%;
			border-top: 3px solid rgb(50, 50, 50);
    	border-top: 3px solid rgba(100, 100, 100, .5);
		}
			#bf-contentmain-action a {

			}
			#bf-contentmain-action-content {
				padding: 10px 25px 20px 0;
			} 
			#bf-contentmain-action-content p {

			} 
		#bf-contentmain-recent {
			float: right;
			margin-bottom: 10px;
			width: 50%;
			border-top: 3px solid rgb(50, 50, 50);
    	border-top: 3px solid rgba(100, 100, 100, .5);
		
		}
		#bf-contentmain-recent table {
			font-size: 12px;
		}
			#bf-contentmain-recent-content {
				padding: 10px 0 20px 10px;
				}

			#bf-contentmain-recent-content img {
				padding: 3px 3px 0 0;
			} 
			 
	#bf-footer {
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10;		
		background: #000;		
		
	}
		#bf-footer-content {
			width: 960px;
			margin: 0 auto;
			padding-top: 3px;
			margin-top: 6px;
			border-top: 3px solid #333333;
		}
		#bf-footer-nav {
			/*text-transform: uppercase;*/
			font-size: 12px;
			padding: 4px 4px 0 0;
			background: #000;
/*			float: left; */
			text-align:center;
		}
			#bf-footer-nav ul {
				list-style-type: none;
				margin:2px 0 0 0;
				padding:0;
			}

			#bf-footer-nav li {
				display:inline;
				margin: -7px 0 0 13px;
				padding:0;
				/*background: #F00;*/
			}
			#bf-footer-nav li.bf {
				width: 200px;
				margin-left: 0;
			}
			#bf-footer-nav ul li a {			
				text-decoration: none;				
				color: #999;	
			}
			
		#bf-footer-social {
			float: right;
		}
			#bf-footer-social img.social {
					padding-left: 4px;
			}
			
/* PAGE SPECIFIC STYLES */
#bf-clients #bf-contentmain a {
	text-decoration: none;
}
#bf-clients #bf-contentmain-quote-content {
	text-align: left;					
	width: 440px;
	margin-top: inherit;
	padding: 10px 25px 35px 0;
	/*border: solid 1px red;*/
}
#bf-clients #bf-contentmain-quote-content p {
	text-align: left;
}
#bf-clients table#social {
	padding-bottom: 10px;
}
#bf-clients table#info td {
	padding-bottom: 5px;
}
#bf-clients h1.partners {
	padding-top: 15px;
}

#bf-clientindex {
}
	#bf-clientindex .yearnav {
		padding: 0; 
		padding-left: 10px;
		clear: both; 
	}
		#bf-clientindex .yearnav li { display: inline; }
		#bf-clientindex .yearnav li a { text-decoration: none; }
		#bf-clientindex .yearnav li.active a { color: #00adef; }

	#bf-clientindex #clients {
		margin: 10px 0 10px 10px;
		width: 100%;
	}
	#bf-clientindex #clients td {
	padding: 3px 0 3px 0;
	}
#bf-venueindex {
}
	#bf-venueindex .venuenav {
		padding: 0; 
		padding-left: 10px;
		clear: both; 
	}
		#bf-venueindex .venuenav li { display: inline; }
		#bf-venueindex .venuenav li a { text-decoration: none; }
		#bf-venueindex .venuenav li.active a { color: #00adef; }

	#bf-venueindex #venues {
		margin: 10px 0 10px 10px;
		width: 100%;
	}
	#bf-venueindex #venues td {
	padding: 3px 0 3px 0;
	}
	#bf-venueindex #bf-contentmain-pagetopicnarrow-content a {
		color: #00adef;	
	}
#bf-videographersindex {}
	#bf-videographersindex #videographers {
			margin: 5px 0 10px 50px;
		}
		#bf-videographersindex #videographers td {
		padding: 3px 0 3px 0;
		width: 33%;
		}
#bf-partnerindex {
}
	#bf-partnerindex .partnernav {
		padding: 0; 
		padding-left: 10px;
		clear: both;
	}
		#bf-partnerindex .partnernav li { display: inline; }
		#bf-partnerindex .partnernav li a { text-decoration: none; }
		#bf-partnerindex .partnernav li.active a { color: #00adef; }

	#bf-partnerindex #partners {
		margin: 10px 0 10px 10px;
		width: 100%;
	}
	#bf-partnerindex #partners td {
	padding: 3px 0 3px 0;
	}
	#bf-partnerindex #bf-contentmain-pagetopicnarrow-content a {
		color: #00adef;	
	}
#bf-reviews {}
	#bf-reviews #bf-contentmain-listing-content p {
		font-size: 13px;	
		padding-top: 13px;
		padding-bottom: 6px;
	}
	#bf-reviews #bf-contentmain-listing-content p.emph a {
		color: #00adef;
	}
	#bf-reviews #bf-contentmain-listing-content a.emph,
	#bf-reviews #bf-contentmain-listing-content a:link.emph,
	#bf-reviews #bf-contentmain-listing-content a:visited.emph,
	#bf-reviews #bf-contentmain-listing-content a:active.emph {
		color: #00adef;
	}
	#bf-reviews #bf-contentmain-listing-content a:hover.emph {
		color: #999;
	}
	#bf-reviews #bf-contentmain-listing-content hr {
		border: 1px dotted #999;
		
	}
	#bf-reviews .yearnav {
			padding: 0; 
			clear: both; 
		}
			#bf-reviews .yearnav li { display: inline; }
			#bf-reviews .yearnav li a { text-decoration: none; }
			#bf-reviews .yearnav li.active a { color: #00adef; }
#bf-press-pr {}
	#bf-press-pr #bf-contentmain-listing-content p {
		font-size: 13px;	
		padding-top: 13px;
		padding-bottom: 6px;
	}
	#bf-press-pr #bf-contentmain-listing-content a.emph,
	#bf-press-pr #bf-contentmain-listing-content a:link.emph,
	#bf-press-pr #bf-contentmain-listing-content a:visited.emph,
	#bf-press-pr #bf-contentmain-listing-content a:active.emph {
		color: #00adef;
	}
	#bf-press-pr #bf-contentmain-listing-content a:hover.emph {
		color: #999;
	}
	#bf-press-pr #bf-contentmain-listing-content hr {
		border: 1px dotted #999;
		
	}
#bf-videographers {}
	#bf-videographers #bf-contentmain-pagetopic-content a.emph,
	#bf-videographers #bf-contentmain-pagetopic-content a:link.emph,
	#bf-videographers #bf-contentmain-pagetopic-content a:visited.emph,
	#bf-videographers #bf-contentmain-pagetopic-content a:active.emph {
		color: #00adef;
	}
	#bf-videographers #bf-contentmain-pagetopic-content a:hover.emph {
		color: #999;
	}

#bf-contact {}

	#bf-contact #contact-form td {
		padding: 0 0 5px 0;
		_padding: 0 0 4px 0;
		}
		#bf-contact #contact-form .width {
			width: 200px;
			font-size: 12px;
			height: 15px;
		}
		#bf-contact #contact-form .width2 {
			width: 200px;
			font-size: 12px;
		}
		#bf-contact #contact-form .height {
			height: 40px;
		}
#bf-directions {

}
	#bf-directions p {
		margin: 0;
		padding: 0 10px 10px 10px;
		color: #999;
	}
	#bf-directions h2 {
		margin: 0;
		padding: 10px 10px 8px 10px;
	}
	
#bf-sitemap {}
	#bf-sitemap .popular-pages a {
		font-weight: bold;
	}
	#bf-sitemap .popular-pages img {
		opacity: 0.8;
		padding: 5px 0;
	}
	#bf-sitemap .popular-pages img:hover {
		opacity: 1;
	}

	#bf-sitemap #sitemap a { 
		color: #00adef;
		font-weight: bold;
	}
	#bf-sitemap ul#sitemap li ul li { 
		margin-left: 30px; 
	}
	#bf-sitemap ul#sitemap li ul li a {
		color: #999;
		font-weight: normal;
	}
	#bf-sitemap ul#sitemap > li {
		margin-top: 10px;
	}
#bf-packages {}

	#bf-packages #packages {
		color: #fff;
		font-size: 12px;
		background-color: #555;
		margin-bottom: 20px;
	}
	#bf-packages #packages a {
		color: #00adef;
		text-decoration: underline;
	}
	#bf-packages #packages td {
		padding: 5px 3px;
		border-right: 1px solid #fff;
	}
	#bf-packages #packages td:last-child {
		border-right: none;
	}
		#bf-packages #packages tr:first-child {
	font-weight: bold;
	font-size: 14px;
	background-color: #333;
	}
	#bf-packages #packages tr:last-child {
 	background-color: #00adef;
}
	#bf-packages #packages tr:first-child a {
		color: #fff;
		text-decoration: none;
	}
	#bf-packages #packages tr:first-child a:hover {
		color: #00adef;
	}
	#bf-packages #packages tr:last-child a {
 	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	}
	#bf-packages .packagesnav li {
		margin-left: -20px;
 		padding: 10px 0;
		border-bottom: 1px dashed;
		width: 200px;
	}
	#bf-packages .packagesnav li:first-child {
		padding-top: 0;
	}
	#bf-packages .packagesnav li:last-child {
		border-bottom: none;
	}
	#bf-packages .packagesnav li.active a { color: #00adef; }
#bf-samples {}

#bf-samples .targetLinkList a {
	cursor: pointer;
}
#bf-samples #samples .blue {
	color: #00adef;
}
#bf-samples #samples .emph {
	color: #00adef;
	text-decoration: underline;
}
#bf-samples #left { float: left; padding-bottom: 7px;}
#bf-samples #right { float: right}
#bf-samples #samples a:link {
	color: #fff;
}
#bf-samples #samples a.emph, #bf-samples #samples a:link.emph, #bf-samples #samples a:visited.emph, #bf-samples #samples a:active.emph {
	color: #00adef;
	text-decoration: underline;
}
#bf-samples #samples a:hover.emph {
	color: #fff;
	text-decoration: underline;
}


#bf-samples #samples {

}
#bf-samples #titles {
	padding:0;
	margin:0;
}
#bf-samples #moresamples {
	font-size: 11px;
	color: #999;
	padding-bottom: 10px;
}
#bf-samples #moresamples a, #bf-samples #moresamples a:link, #bf-samples #moresamples a:visited, #bf-samples #moresamples a:active {
	color: #999;
}
#bf-samples #moresamples a:hover {
	color: #00adef;
}

#bf-samples-container {
	width: 1024px;
	margin: 10px auto;
	padding: 0;
	/*border: 1px solid #f00;*/
}
#bf-samples h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 0 0;
}
#bf-samples p {
	padding: 3px 0 0 0;
}
	#bf-samples-info {

	/*border: 1px solid #f00;*/
	}
		#bf-samples-info-logo {
			text-align: center;
			border-bottom: 1px solid #00adef;
			margin-bottom: 10px;
		}
		#bf-samples-info-client {
			text-align: right;
			
		}
#bf-samples #menu {
	margin: 0;
	}

#bf-pricelist {}
#bf-pricelist-container {
	width: 1024px;
	margin: 10px auto;
	padding: 0;
	color: #999;
	/*border: 1px solid #f00;*/
}
	#bf-pricelist-info {

	/*border: 1px solid #f00;*/
	}
		#bf-pricelist-info-logo {
			text-align: center;
			border-bottom: 1px solid #00adef;
			margin-bottom: 10px;
		}
		#bf-pricelist-info-client {
			text-align: right;
			
		}
	#bf-pricelist p {
		padding-bottom: 10px;
	}
	#bf-pricelist table {
		table-layout: fixed;
		padding-bottom: 20px;
	}
	#bf-pricelist td {
		padding: 5px;
	}
	#bf-pricelist td.packagespace {
		padding-top: 30px;
	}
	#bf-pricelist tr.space td {
		padding-bottom: 20px;
	}
	#bf-pricelist tr.furtherinfo td {
		border-top: 1px solid #666; 
		padding-top: 15px;
	}
	.tooltip {
	display:none;
	position:absolute;
	border:1px solid #999;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#999;
	font-size:12px Arial;
	width: 310px;
}
.qmark {padding-left: 3px;}