/*This is a website for a Kent Taylor.

The template combines DIV and table layout to ensure design integrity across browsers.*/

body        {
	margin: 0;
	padding: 0;
	background-color: #000;
}

/*<agl.folder "Leftside_Elements" "This folder contains body text, list and other elements thar appear on the left side.">*/

	#column_left  { text-align: left; position: absolute; top: 18px; left: 42px; width: 335px }

	

	#main_copy  { color: #eee1ac; font-size: 12px; font-family: arial; text-align: left; width: 365px; height: 385px }
	

	.title { color: #eee1ac; font-size: 13px; font-family: arial; font-weight: 900 }

	

	#top_ten_list  /* You may want to reduce font size to 10px if song titles start to wrap. The font-weight 700 does not appear as bold on some browsers. Instead, the letters become extended. */ { color: #fff; font-size: 11px; font-family: sans-serif; font-weight: 700; text-align: right }

	#top_ten_box { margin-top: 10px }

	

	#top_ten_arrow { width: 213px }

	

	#bottom_copy  /* The copy is alligned with the top of the black area that is below the main copy. */  { color: #fff; font-size: 10px; font-family: sans-serif; top: 10px; width: 310px; height: 180px }

/*</agl.folder>*/



/*<agl.folder "Navigation_Elements" "This folder contains tags that position menu elements.">*/

	#navigation_box { text-align: center; position: absolute; top: 209px; left: 590px; width: 163px }
	#navigation_box02 { text-align: center; position: absolute; top: 427px; left: 21px; width: 163px }

	

	#navigation_arrow { margin-bottom: 13px }

	

	.menu_item { text-align: center; margin-top: 13px; width: auto }

/*</agl.folder>*/

.timelineText {font:12px; font-family: sans-serif; color:#99CCFF; line-height:20px; letter-spacing:0.1em; margin-top:0px;}
.aboutText {font:12px; font-family: sans-serif; color:#ddfa86; line-height:20px; letter-spacing:0.1em; margin-top:0px;}

/*conditions for cream color box and blue box and photo and logo and logo elements*/
#LayerTop {
	position: absolute;
	left: 11px;
	top: 9px;
	width: 800px;
	height:15px;
	z-index: 7;
}
#LayerBottom {
	position: absolute;
	left: 11px;
	top: 608px;
	width: 800px;
	height: 15px;
	z-index: 10;
	height: 2;
}
        #LayerLeft {
	position:absolute;
	left:11px;
	top:10px;
	width:15px;
	height:605px;
	z-index:8;
	background-image: url(../images03/spacer_eee1a.gif);
	width: 2px;
	height: 600px;
}
        #LayerRight {
	position:absolute;
	left:809px;
	top:10px;
	width:11px;
	height:603px;
	z-index:9;
	background-image: url(../images03/spacer_eee1a.gif);
	width: 2px;
	height: 600px;
}
        #LayerBlue {
	position:absolute;
	left:10px;
	top:11px;
	width:388px;
	height:420px;
	z-index:1;
	background-image: url(../images03/spacer_212181.gif);
	width: 400px;
	height: 416px;
}
		#LayerBlueVisual {
	position:absolute;
	left:10px;
	top:11px;
	width:700px;
	height:600px;
	z-index:2;
	background-image: url(../images03/spacer_212181.gif);
	width: 800px;
	height: 600px;
}
        #KentPhoto {
	position:absolute;
	left:398px;
	top:11px;
	width:400px;
	height:600px;
	z-index:9;
	background-image: url(../images03/photos001/group001_006.jpg);
	width: 399px;
	height: 598px;
}
		#KentPhotoAbout {
	position:absolute;
	left:398px;
	top:11px;
	width:400px;
	height:600px;
	z-index:9;
	background-image: url(../images03/photos001/group001_011_02.jpg);
	width: 399px;
	height: 598px;
}
		#KentPhotoContact {
	position:absolute;
	left:398px;
	top:11px;
	width:400px;
	height:600px;
	z-index:9;
	background-image: url(../images03/kent_contact.jpg);
	width: 399px;
	height: 598px;
}
		#KentPhotoLounge {
	position:absolute;
	left:398px;
	top:11px;
	width:400px;
	height:600px;
	z-index:9;
	background-image: url(../images03/kent_lounge.jpg);
	width: 399px;
	height: 598px;
}
		#KentPhotoAudio {
	position:absolute;
	left:398px;
	top:11px;
	width:400px;
	height:600px;
	z-index:9;
	background-image: url(../images03/kent_audio.jpg);
	width: 399px;
	height: 598px;
}

        #GoldStrip {
	position:absolute;
	left:734px;
	top:11px;
	width:80px;
	height:598px;
	z-index:11;
	background-image: url(../images03/spacer_bcb67a.gif);
	width: 75px;
	height: 597px;
}
        #LogoKentavious {
	position:absolute;
	left:751px;
	top:65px;
	width:42px;
	height:488px;
	z-index:12;
	background-image: url(../images03/logo_kentavious.jpg);
	width: 40px;
	height: 483px;
}
        #LogoElementTop {
	position:absolute;
	left:761px;
	top:20px;
	width:18px;
	height:35px;
	z-index:13;
	background-image: url(../images03/logo_element.jpg);
	width: 18px;
	height: 30px;
}
        #LogoElementBottom {
	position:absolute;
	left:762px;
	top:563px;
	width:16px;
	height:35px;
	z-index:14;
	background-image: url(../images03/logo_element.jpg);
	width: 18px;
	height: 30px;
}
        #ButtonNext {
	position:absolute;
	left:21px;
	top:403px;
	width:78px;
	height:21px;
	z-index:15;
}
		#ButtonPrev {
	position:absolute;
	left:21px;
	top:403px;
	width:63px;
	height:21px;
	z-index:16;
}
 		#VisualHeader {
	position:absolute;
	left:42px;
	top:18px;
	width:591px;
	height:63px;
	z-index:11;
}
		#ListPhotoAlbum {
	position:absolute;
	left:655px;
	top:40px;
	width:150px;
	height:229px;
	z-index:12;
}
.contactText {
	font:12px arial;
	color:#eee1ac;
	line-height:20px;
	letter-spacing:0.1em;
	margin-top:0px;
	}
	.subtitle { color: #eee1ac; font-size: 13px; font-family: sans-serif; font-weight: 400 }

	.photolisttitle { text-align: center; margin-top: 3px; font-size: 14px; font-family: sans-serif; color:#eee1ac; text-decoration: underline }
	.photolist { text-align: center; margin-top: 5px; font-size: 12px; font-family: sans-serif; color:#eee1ac; }
	
	a {
	color: #eee1ac;
	text-decoration:none;
	}
	
a:hover {
	color: #099ccf;
	text-decoration:underline;
	}
#videoaint { background-color: #212181; height: 280px; width: 370px; left: 330px; top: 190px; position: absolute; visibility: visible; }
#NavBlackBox {
	position:absolute;
	left:658px;
	top:423px;
	width:151px;
	height:184px;
	z-index:4;
	background-color: #000000;
}