@charset "UTF-8";
/* CSS Document */

/* hensonrecording.com */

/* html */

	a:link { color: #eecb92; text-decoration: none; }
	a:focus { outline-style: none; }
	a:visited { color: #eecb92; text-decoration: none; }
	a.legallinks:link { color: #cb924a; text-decoration: none; }
	a.legallinks:visited {color: #cb924a; text-decoration: none }

	body {
		background-image: url(images/background.jpg);
		background-position: top left;
		background-repeat: repeat;
		margin: 0;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 13px;
		color: #ccc2af;
	}

	.emph { font-weight: bold; }

	.italic { font-style: italic; }

/* layout */

	.container { 
		width: 905px;
		height: 550px;
		margin: 63px auto auto;
		padding: 25px;
	}

	.container#homebg {
		background-image: url(images/containerbg.png);
	}

	.container#studioabg {
		background-image: url(images/containerbg_sta.png)
	}
	
	.container#studiobbg {
		background-image: url(images/containerbg_stb.png)
	}
	
	.container#studiocbg {
		background-image: url(images/containerbg_stc.png)
	}
	
	.container#studiodbg {
		background-image: url(images/containerbg_std.png)
	}
	
	.container#studiomixbg {
		background-image: url(images/containerbg_stmix.png)
	}
	
	.container#fishbg {
		background-image: url(images/containerbg_fish.png)
	}
	
	.container#gearbg {
		background-image: url(images/containerbg_gear.png);
	}
	
	.container#historybg {
		background-image: url(images/containerbg_history.png)
	}
	
	.container#employmentbg {
		background-image: url(images/containerbg_employ.png);
	}
	

/* header */

	#header {
		width: auto;
		height: 141px;
	}

	.logo {
		width: 220px;
		height: 141px;
		float: left;
		position: relative;
		left: 1px;
		top: 5px;
	}

	#contact {
		width: 240px;
		height: inherit;
		text-align: right;
		float: right;
		position: relative;
		top: -10px;
		right: -5px;
	}

	#nav {
		width:365px;
		margin: -5px 0 0 272px;
		text-align: justify;
	}

	#btnstudiod {
		position: relative;
		top: 8px;
	}

	#btnstudiom {
		position: relative;
		top: 8px;
	}

	#btnfish {
		position: relative;
		top: 8px;
	}

	#btngear {
		position: relative;
		top: 17px;
	}

	#btnhistory {
		position: relative;
		top: 17px;
	}

	#btnemp {
		position: relative;
		top: 17px;
		right: -2px;
	}

	#navrow3 {
		word-spacing: 6px;
	}


	#email {
		position: relative;
		top: 16px;
	}

/* end header */

/* content */

	#content {
		position: relative;
		height: 386px;
		margin: 32px 0 0 0;
	}

/* content for homepage */

	#homeimg {
		float: right;
		position: relative;
		right: -5px;
	}

	#hometext {
		width: 625px;
		height: auto;
		text-align: justify;
		line-height: 195%;
	}

	#contentaccent {
		position: relative;
		top: 20px;
	}

/* content for studio a page */


	#stacontent {
		position: relative;
		width: 915px;
		height: 386px;
		right: 5px;
		top: 3px;
	}


	#stacontent-wsides {
		position: absolute;
		width: 915px;
		height: 386px;
		right: -5px;
		top: 3px;
	}
	
	.studiolists {
		position: absolute;
		height: 152px;
		width: 278px;
		top: 5px;
		left: 0px;
		margin: 0px;
	}
	
	#staimggallery {
		position: absolute;
		left: 665px;
		top: 10px;
	}
	
	#stamap {
		position: absolute;
		top: 40px;
		right: -5px;
	}

/* content for studio b page */


	#stbcontent {
		position: relative;
		width: 915px;
		height: 386px;
		right: 5px;
		top: 3px;
	}


	#stbcontent-wsides {
		position: absolute;
		width: 915px;
		height: 386px;
		right: -5px;
		top: 3px;
	}
	
	
	#stbimggallery {
		position: absolute;
		left: 665px;
		top: 10px;
	}
	
	#stbmap {
		position: absolute;
		top: 28px;
		right: -5px;
	}
	
/* content for studio c page */

	#stctext {
		position:absolute;
		margin-top: 170px;
		height: auto;
		width: 915px;
		text-align: center;
		line-height: 195%;
	}

/* content for studio d page */


	#stdcontent {
		position: relative;
		width: 915px;
		height: 386px;
		right: 5px;
		top: 3px;
	}


	#stdcontent-wsides {
		position: absolute;
		width: 915px;
		height: 386px;
		right: -5px;
		top: 3px;
	}
	
	
	#stdimggallery {
		position: absolute;
		left: 665px;
		top: 10px;
	}
	
	#stdmap {
		position: absolute;
		top: 26px;
		right: -5px;
	}


/* content for studio mix page */


	#stmixcontent {
		position: relative;
		width: 915px;
		height: 386px;
		right: 5px;
		top: 3px;
	}


	#stmixcontent-wsides {
		position: absolute;
		width: 915px;
		height: 386px;
		right: -5px;
		top: 3px;
	}
	
	
	#stmiximggallery {
		position: absolute;
		left: 665px;
		top: 10px;
	}
	
	#stmixmap {
		position: absolute;
		top: 30px;
		right: -5px;
	}

/* content for fish lounge page */

	#arrowleft {
		position: absolute;
		top: 326px;
		left: 52px;
	}
	
	#fishpics {
		width: 576px;
		height: 375px;
		position: absolute;
		left: 167px;
		top: 10px;
	}
	
	#arrowright {
		position: absolute;
		top: 326px;
		left: 824px;
	}


/* content for gear page */

	#gearimg {
		position: relative;
		width: 635px;
		height: 376;
		right: -273px;
		top: 10px;
	}
	
	.gearlist {
		position: relative;
		height: auto;
		width: 278px;
		top: -382px;
	}
	
	#viewprint {
		position: relative;
		margin: 5px 0 0;
	}
	
	#stagear, #stalayout, #stainput, #stbgear, #stblayout, #stbinput, #stdgear, #stdlayout, #stdinput, #stmixgear, #stmixlayout, #stmixinput, #mics, #recspkr, #outboard {
		position: relative;
		margin: 10px 0 0;
	}
	
	/* content for history */

	#historyimg {
		float: left;
		width: 257px;
		height: 374px;
		position: absolute;
		top: 13px;
	}
	
	#scroller {
		height: 374px;
		width: 600px;
		overflow: hidden;
		position: relative;
		margin-left: 275px;
		top: 12px;
	}

	#historytext {
		width: 600px;
		position: absolute;
		padding-right: 10px;
		text-align: justify;
		line-height: 195%;
	}
	
	#historytext-intro {
		position: relative;
	}
	
	#historytext-1960header {
		position: relative;
		color: #cb924a;
	}
	
	#historytext-1960 {
		position: relative;
		top: -10px;
	}
	
	#historytext-1970header {
		position: relative;
		color: #cb924a;
	}
	
	#historytext-1970left {
		position: relative;
		width: 50%;
		top: -25px;
		float: left;
	}
	
	#historytext-1970right {
		position: relative;
		top: -12px;
	}
	
	#historytext-1980header {
		position: relative;
		color: #cb924a;
		clear: both;
	}
	
	#historytext-1980left {
		position: relative;
		width: 50%;
		top: -25px;
		float: left;
	}
	
	#historytext-1980right {
		position: relative;
		top: -12px;
	}
	
	#historytext-1990header {
		position: relative;
		color: #cb924a;
		clear: both;
	}
	
	#historytext-1990left {
		position: relative;
		width: 50%;
		top: -25px;
		float: left;
	}
	
	#historytext-1990right {
		position: relative;
		top: -12px;
	}
	
	#historytext-2000header {
		position: relative;
		color: #cb924a;
		clear: both;
	}
	
	#historytext-2000left {
		position: relative;
		width: 50%;
		top: -25px;
		float: left;
	}
	
	#historytext-2000right {
		position: relative;
		top: -12px;
	}
	
	#arrowup {
		display: block;
		height: 18px;
		width: 17px;
		position: relative;
		left: 890px;
		top: -360px;
	}
	
	#scrollbar {
		display: block;
		height: 314px;
		width: 8px;
		position: relative;
		left: 894px;
		top: -350px;
	}
	
	#arrowdown {
		display: block;
		height: 18px;
		width: 17px;
		position: relative;
		left: 890px;
		top: -340px;
	}
	
	/* content for employment */

	#employimg {
		float: left;
		position: absolute;
		top: 13px;
	}

	#employtext {
		width: 260px;
		height: auto;
		position: absolute;
		margin-left: 650px;
		text-align: justify;
		line-height: 195%;
	}

/* end content */

/* footer */

	.legalline { 
		font-family: Copperplate, Verdana, sans-serif;
		font-weight: lighter;
		font-size: 14px;
		color: #9b560c;
		text-align: center;
	}

	#line2 {
		font-size: 12px;
	}