/* 
 * Cascading Style Sheet, for Brian Hall, Inc.
 * Version: v1.0
 */

/* 
 * ========================================
 * global element styles 
 * ========================================
 */

html{
	overflow: hidden; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body
{
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 160%;
	margin: 10px auto 20px auto;
	padding: 0;
	text-align: center; /* centers board in MSIE */

}

a:link, 
a:visited, 
a:active
{
	color: #666;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}

a:hover
{
	color: #999;
	font-size: 9px;
	font-weight: normal;
	text-decoration: underline;
}

table,
tr,
td{ /* required for text in tables, because tables do not inherit from body */
	color: #666666;
	font-size: 9px;
	line-height: 160%;
	vertical-align: top;
}

form
{
	display: inline;
	margin: 0; /* removes mystery form tag gapping */
	padding: 0; /* removes mystery form tag gapping */
}

p
{
	margin: 0px;
	padding: 9px;
	line-height: 12px;
}


img
{
	border: 0; /* makes sure linked images do not have a border */
	vertical-align: middle;
}



/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */

#orange a:link,
#orange a:visited,
#orange a:active{
	background: transparent;
	color: #F79816;
	text-decoration: none;
	font-weight: normal;
}

#orange a:hover
{
	background: transparent;
	color: #F79816;
	text-decoration: underline;
	font-weight: normal;
}

#purple a:link,
#purple a:active,
#purple a:visited{
	background: transparent;
	color: #CC00FF;
	text-decoration: none;
	font-weight: normal;
}

#purple a:hover
{
	background: transparent;
	color: #CC00FF;
	text-decoration: underline;
	font-weight: normal;
}

#pink a:link,
#pink a:visited,
#pink a:active{
	background: transparent;
	color: #CC3399;
	text-decoration: none;
	font-weight: normal;
}

#pink a:hover
{
	background: transparent;
	color: #CC3399;
	text-decoration: underline;
	font-weight: normal;
}

#yellow a:link,
#yellow a:visited,
#yellow a:active{
	background: transparent;
	color: #CCCC00;
	text-decoration: none;
	font-weight: normal;
}

#yellow a:hover
{
	background: transparent;
	color: #CCCC00;
	text-decoration: underline;
	font-weight: normal;
}

#blue a:link,
#blue a:visited,
#blue a:active{
	background: transparent;
	color: #3366FF;
	text-decoration: none;
	font-weight: normal;
}

#blue a:hover
{
	background: transparent;
	color: #3366FF;
	text-decoration: underline;
	font-weight: normal;
}

#green a:link,
#green a:visited,
#green a:active{
	background: transparent;
	color: #00CC00;
	text-decoration: none;
	font-weight: normal;
}

#green a:hover
{
	background: transparent;
	color: #00CC00;
	text-decoration: underline;
	font-weight: normal;
}

/* 
 * ========================================
 * Main wrapper, this controls the overall width of the site in your browser view window. 
 * ========================================
 */

#wrapper
{
	margin: 0;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 760px;
	height: auto;
	background-color: #FFF;
	background-image: url(/images/bg_wrapper.gif);
	background-repeat: repeat-y;
}

#frame
{
	text-align: left;
	width: 746px;
	height: auto;
	margin: 0;
	margin-left: 7px;
	margin-right: 7px;
	padding: 0;
}

#footer
{
	width: 760px;
	height: 8px;
	background-image: url(/images/bg_footer.gif);
	background-repeat: no-repeat;
}

#showcase
{
	width: 100%;
	height: 150px;
	background-color: transparent;
	margin-top: 1px;
	margin-bottom: 1px;
	background-image: url(/images/flash_temp.jpg);
	background-repeat: no-repeat;
}

#colums
{
	width: 746px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}

#content_col
{
	width: 400px;
	margin: 0;
	padding: 0 0 0 0;
}

#right_col
{
	width: 173px;
	margin: 0;
	padding: 30px 8px 0 0;
}

#line_height
{
	line-height: 15px;
}

#port_indent
{
	margin: 0 0 0 30px;
}

/* 
 * ========================================
 * Navigation
 * ========================================
 */
 
/* global navigation */
#global_nav
{
	width: 746px;
	height: 25px;
	background-color: #333;
	margin: 0;
	padding: 0;
	border: 0;
}

#global_nav td
{
	margin: 0;
	padding: 0;
	border: 0;
}

#global_nav #home a:link, 
#global_nav #home a:visited, 
#global_nav #home a:active
{
	display: block;
	height: 25px;
	width: 76px;
	background-image: url(/images/upper_nav/home_off.gif);
	background-repeat: no-repeat;
}

#global_nav #home a:hover
{
	display: block;
	height: 25px;
	width: 76px;
	background-image: url(/images/upper_nav/home_on.gif);
	background-repeat: no-repeat;
}

#global_nav #photography a:link,
#global_nav #photography a:visited, 
#global_nav #photography a:active
{
	display: block;
	height: 25px;
	width: 132px;
	background-image: url(/images/global_nav/photography_off.gif);
	background-repeat: no-repeat;
}

#global_nav #photography a:hover
{
	display: block;
	height: 25px;
	width: 132px;
	background-image: url(/images/global_nav/photography_on.gif);
	background-repeat: no-repeat;
}

#global_nav #print a:link,
#global_nav #print a:visited, 
#global_nav #print a:active
{
	display: block;
	height: 25px;
	width: 132px;
	background-image: url(/images/global_nav/print_off.gif);
	background-repeat: no-repeat;
}

#global_nav #print a:hover
{
	display: block;
	height: 25px;
	width: 132px;
	background-image: url(/images/global_nav/print_on.gif);
	background-repeat: no-repeat;
}

#global_nav #web a:link,
#global_nav #web a:visited, 
#global_nav #web a:active
{
	display: block;
	height: 25px;
	width: 134px;
	background-image: url(/images/global_nav/web_off.gif);
	background-repeat: no-repeat;
}

#global_nav #web a:hover
{
	display: block;
	height: 25px;
	width: 134px;
	background-image: url(/images/global_nav/web_on.gif);
	background-repeat: no-repeat;
}

#global_nav #multimedia a:link,
#global_nav #multimedia a:visited, 
#global_nav #multimedia a:active
{
	display: block;
	height: 25px;
	width: 122px;
	background-image: url(/images/upper_nav/multimedia_off.gif);
	background-repeat: no-repeat;
}

#global_nav #multimedia a:hover
{
	display: block;
	height: 25px;
	width: 122px;
	background-image: url(/images/global_nav/multimedia_on.gif);
	background-repeat: no-repeat;
}

#global_nav #largeformat a:link,
#global_nav #largeformat a:visited, 
#global_nav #largeformat a:active
{
	display: block;
	height: 25px;
	width: 150px;
	background-image: url(/images/upper_nav/largeformat_off.gif);
	background-repeat: no-repeat;
}

#global_nav #largeformat a:hover
{
	display: block;
	height: 25px;
	width: 150px;
	background-image: url(/images/upper_nav/largeformat_on.gif);
	background-repeat: no-repeat;
}

/* end global navigation */


/* port navigation */
#port_nav
{
	width: 64px;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border: 0;
}

#port_nav td
{
	margin: 0;
	padding: 0;
	border: 0;
}

#port_nav #home a:link, 
#port_nav #home a:visited, 
#port_nav #home a:active
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/off_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #home a:hover
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/orange_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #photography a:link,
#port_nav #photography a:visited, 
#port_nav #photography a:active
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/off_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #photography a:hover
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/purple_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #print a:link,
#port_nav #print a:visited, 
#port_nav #print a:active
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/off_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #print a:hover
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/blue_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #web a:link,
#port_nav #web a:visited, 
#port_nav #web a:active
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/off_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #web a:hover
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/pink_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #multimedia a:link,
#port_nav #multimedia a:visited, 
#port_nav #multimedia a:active
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/off_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #multimedia a:hover
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/green_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #largeformat a:link,
#port_nav #largeformat a:visited, 
#port_nav #largeformat a:active
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/off_btn.gif);
	background-repeat: no-repeat;
}

#port_nav #largeformat a:hover
{
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/portfolio/yellow_btn.gif);
	background-repeat: no-repeat;
}

/* end port navigation */


ul.categories 
{ 
	text-align: left; 
	margin: 0 4px 0 30px; 
}

#breadcrumb
{
	width: 400px;
	height: auto;
	padding: 7px 0 0 0;
	border: 0;
	margin: 0px 0 15px 0;
	border-top: 1px solid #e9e9e9;
}

#breadcrumb p
{
	margin: 0;
	padding: 0;
	border: 0;
}





/* 
 * ========================================
 * Headers
 * ========================================
 */
 
 #bh_logo 
 {
 	width: 173px;
 	height: 18px;
 	background-image: url(/images/bh_sections/bh_default.gif);
 	background-repeat: no-repeat;
 	margin-bottom: 32px;
 }
 

/* 
 * ========================================
 * Headers
 * ========================================
 */
#header
{
	width: 760px;
	height: 75px;
	background-image: url(/images/headers/header_default.gif);
	background-repeat: no-repeat;
}
 
#orange #header
{
	width: 760px;
	height: 75px;
	background-image: url(/images/headers/header_orange.gif);
	background-repeat: no-repeat;
}

#purple #header
{
	width: 760px;
	height: 75px;
	background-image: url(/images/headers/header_purple.gif);
	background-repeat: no-repeat;
}

#pink #header
{
	width: 760px;
	height: 75px;
	background-image: url(/images/headers/header_pink.gif);
	background-repeat: no-repeat;
}

#yellow #header
{
	width: 760px;
	height: 75px;
	background-image: url(/images/headers/header_yellow.gif);
	background-repeat: no-repeat;
}

#blue #header
{
	width: 760px;
	height: 75px;
	background-image: url(/images/headers/header_blue.gif);
	background-repeat: no-repeat;
}

#green #header
{
	width: 760px;
	height: 75px;
	background-image: url(/images/headers/header_green.gif);
	background-repeat: no-repeat;
}
 


/* 
 * ========================================
 * Footers
 * ========================================
 */
#footer
{
	width: 760px;
	height: 20px;
	background-image: url(/images/footers/footer_default.gif);
	background-repeat: no-repeat;
}
 
#orange #footer
{
	width: 760px;
	height: 20px;
	background-image: url(/images/footers/footer_orange.gif);
	background-repeat: no-repeat;
}

#purple #footer
{
	width: 760px;
	height: 20px;
	background-image: url(/images/footers/footer_purple.gif);
	background-repeat: no-repeat;
}

#pink #footer
{
	width: 760px;
	height: 20px;
	background-image: url(/images/footers/footer_pink.gif);
	background-repeat: no-repeat;
}

#yellow #footer
{
	width: 760px;
	height: 20px;
	background-image: url(/images/footers/footer_yellow.gif);
	background-repeat: no-repeat;
}

#blue #footer
{
	width: 760px;
	height: 20px;
	background-image: url(/images/footers/footer_blue.gif);
	background-repeat: no-repeat;
}

#green #footer
{
	width: 760px;
	height: 20px;
	background-image: url(/images/footers/footer_green.gif);
	background-repeat: no-repeat;
}
 

.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 160%;
	font-weight: bold;
	color: #666666;
}