/*
=================================================

Terence Bernie Hines
General Screen Styles

by Jarrett Pumphrey

=================================================
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; color: #fff; line-height: 1.4; }

html { background: #000 url(../i/bg_html.png) repeat-x 0 0; }

body { font: normal 62.8% Georgia, 'Times New Roman', serif; }

html, body { height: 100%; }

h1 { color: #fff; text-transform: uppercase; font: normal 20px/1.2 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #4d7086; margin: 0 0 0.5em; }

p, ul, ol, dd { font-size: 13px; }

img { display: block; }

a { color: #fff; text-decoration: none; }
a:hover, a:focus { color: #288f95; text-decoration: underline; }


/*-------------------------------------------    
    Structure
-------------------------------------------*/
#container { position: relative; width: 972px; overflow: hidden; margin: 0 auto; padding 0; background: #000 url(../i/bg_container.png) repeat-y 0 0;  }
	
#header { float: left; margin: 0; padding: 0; top:0; left:0; width: 100%; height: 671px; background: transparent url(../i/bg_header.png) no-repeat 0 0; }

#nav { position: absolute; top: 196px; left: 94px; width: 205px; padding: 0; margin: 0; 	}

#footer { float: left; width: 100%;  height: 110px; background: #000;  }


/*-------------------------------------------    
    Header
-------------------------------------------*/
h1 strong {  z-index: 2; position: absolute; top: 60px; left: 39px; display: block; font-size: 1.4em; font-style: italic; font-weight: normal;  text-align: left; width: 513px; height: 56px; background: url(../i/tbh_title.png) no-repeat 0 0; }
	h1 strong a { position: absolute; display: block; top: 20px; left: 0; text-indent: -9999px; width: 100%; height: 36px; background: url(../i/tbh_title.png) no-repeat -20 0; text-align: left; }
	/*\*/ h1 strong a { overflow: hidden; } /**/
	h1 strong a:hover, h1 strong a:focus { background-position: 0 0; background-color: transparent; }


/*-------------------------------------------    
    Navigation
-------------------------------------------*/
    #navlist {
    background:url(../i/nav_home.png) 0 0 no-repeat;
    width:205px;
    height:434px;
    margin:0;
    padding:0;
    }

	 #navlist li, #navlist a {
	 height: 22px;
	 list-style:none;
	 margin: 0 0 56px 0;
	 padding: 0 0 0 0;
    display: block;
	 }



	
	#nav_1 { text-indent: -9999px; width: 73px; height: 45px; background: transparent url(../i/nav_home.png) 0 0px no-repeat; }
	#nav_2 { text-indent: -9999px; width: 171px; height: 45px; background:url(../i/nav_home.png) 0 78px no-repeat; }
	#nav_3 { text-indent: -9999px; width: 205px; height: 45px; background:url(../i/nav_home.png) 0 156px no-repeat; }
	#nav_4 { text-indent: -9999px; width: 117px; height: 45px; background:url(../i/nav_home.png) 0 234px no-repeat; }
	#nav_5 { text-indent: -9999px; width: 205px; height: 45px; background:url(../i/nav_home.png) 0 312px no-repeat; }
	#nav_6 { text-indent: -9999px; width: 188px; height: 45px; background:url(../i/nav_home.png) 0 390px no-repeat; }
	
	#nav_1 a:hover, #nav_1 a:focus { height:45px; background: transparent url(../i/nav_home.png) -205px 0px no-repeat; }
	#nav_2 a:hover { height:45px; background:url(../i/nav_home.png) -205px -78px no-repeat; }
	#nav_3 a:hover { height:45px; background:url(../i/nav_home.png) -205px -156px no-repeat; }
	#nav_4 a:hover { height:45px; background:url(../i/nav_home.png) -205px -234px no-repeat; }
	#nav_5 a:hover { height:45px; background:url(../i/nav_home.png) -205px -312px no-repeat; }
	#nav_6 a:hover { height:45px; background:url(../i/nav_home.png) -205px -390px no-repeat; }
/*-------------------------------------------    
    Content
-------------------------------------------*/
#photo { z-index:1; position: absolute; top: 30px; left: 455px; height: 641px; width: 509px; padding: 0; background: #000; }


/*-------------------------------------------    
    Footer
-------------------------------------------*/
#anchor { 
	width: 100%;
	height: 110px; 
	position: absolute; 
	bottom: 0; /* stick to bottom */ 
	background: #000 url(../i/bg_footer.png) no-repeat 0 0; }
	
#copyright {
	float: left;
	text-align: left;
	margin: 33px 0 0 33px;
	font: normal 13px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
}

#hines {
	float: right;
	text-align: left;
	margin: 33px 33px 0 0;
	font: normal 13px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
}

#copyright a { color: #288f95; text-decoration: underline; }
#copyright a:hover, a:focus { color: #fff; text-decoration: underline;  }