body {
	font: 10px/16px verdana;
	color: 333;
	margin: 0px;
	background-color: #f60;
	background-image: url(ArcherWebLogos/bg.gif);
	background-repeat: repeat-y;
	}

h3 { 
  font-family:georgia;
	font-style:italic;
  font-size:14px;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	text-align:center;
	color:#c00;
	}
	
a:link { 
  font-family:"courier new",verdana;
	font-weight: bold; 
	text-decoration: none; 
	color:#c00;
	text-transform:uppercase;	
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	}
a:hover, a:active { 
	text-decoration: underline; 
	}


	

#container { 
position:absolute;
top:0;
left:50px;
width:90%;	 
color:#333;
padding:0 30px;
	}

#intro,#supportingText{
text-align:justify;
}

#intro abbr,#intro acronym #supportingText abbr,#supportingText acronym{
  font-family:"courier new",verdana;
	text-transform:uppercase;
	color:#000;
	}
	
#pageHeader {
	position:absolute;
	top:0;
	left:0;
	width:650px;
	height:400px;
	;
	background-color: #fcc;
	background-image: url(ArcherWebLogos/head_bg.jpg);
	background-repeat: repeat-x;
	background-position: -50px;
}

#pageHeader h1{
	top:-40px;
	left:45px;
	position:absolute;
	width:515px;
	height:70px;
	text-indent:-5000px;
	background-color: transparent;
	background-image: url(ArcherWebLogos/Toptext.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#pageHeader h2{
font-family:georgia;
font-size:25px;
font-style:italic;
position:absolute;
top:15px;
left:130px;
padding:0px !important;
padding:20px;
color:#900;
z-index:2
}


#quickSummary{
position:absolute;
top:65px;
left:100px;
width:350px;
font-family:georgia;
font-size:13px;
font-weight:bold;
text-align:center;
padding:15px;
color:#000;
z-index:3;
}

#preamble{
position:absolute;
top:200px;
width:450px;
left:50px;
padding:10px;
}

#supportingText{
padding:15px;
position:absolute;
top:500px;
left:230px;
width:360px;
height:600px;
overflow:auto;
background:transparent !important;
background:transparent url('supp_bg.gif') no-repeat fixed;
z-index:2;
}


#explanation{
margin-top:50px;
}

#footer{
padding-bottom:100px;
}

#linkList{
	text-align:center;
	width:200px;
	height:600px;
	position:absolute;
	top:560px;
	left:5px;
	padding:75px 25px 0px 0px;
	color:#b63;
	background-color: transparent;
	background-image: url(ArcherWebLogos/sidebar_bg.gif);
	background-repeat: no-repeat;
}


#linkList h3{
color:#c96;
}

#linkList ul{
margin:0px;
padding:15px;
}

#linkList li{
margin:0;
padding:0;
list-style:none inside;
display:block;
padding:2px;
}

#linkList a{
font-family:verdana;
color:#c96;
}

h3.select{
display:none;
}

#lselect ul li{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:dotted 1px #b63;
}

#lselect ul li a{
display:block;
}

#lselect ul li a.c{
display:inline;
text-transform:lowercase;
}

#lresources{
left:-5px;
top:710px;
width:651px;
position:absolute;
color:#333;
background:#900;
}

#lresources h3{
display:none;
}

#lresources ul li{
display:inline;
}

/* Extra Divs */

/* I've used all and everyone of the six provided by the XHTML
maybe if there were more, i would used it too :P*/

#extraDiv1{
	position:absolute;
	top:-65px;
	left:580px;
	width:150px;
	height:615px;
	z-index:2;
	background-color: transparent;
	background-image: url(ArcherWebLogos/SideCutSeats2.gif);
	background-repeat: no-repeat;
}

#extraDiv2{
	position:absolute;
	top:1070px;
	left:250px;
	width:150px;
	height:200px;
	z-index:2;
	background-color: transparent;
	background-image: url(ArcherWebLogos/SideCutSeats3.gif);
	background-repeat: no-repeat;
}

 
#extraDiv3{
position:absolute;
top:470px;
left:270px;
width:430px;
height:700px;
background:transparent url('ArcherWebLogos/square_bg.gif')no-repeat; 
z-index:0;
}




#extraDiv4{
	position:absolute;
	top:1098px;
	left:590px;
	width:200px;
	height:180px;
	background-color: transparent;
	background-image: url(ArcherWebLogos/Floatbracket.gif);
	background-repeat: no-repeat;
}

#extraDiv5{
	position:absolute;
	top:420px;
	left:50px;
	width:515px;
	height:150px;
	background-color: transparent;
	background-image: url(ArcherWebLogos/deadspot.gif);
	background-repeat: no-repeat;
}

#extraDiv6{
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
	background-color: transparent;
	background-image: url(ArcherWebLogos/Floatbracket1.gif);
	background-repeat: no-repeat;
}
#CustomerExPics {
	float: left;
	width: 330px;
	height: 130px;
	overflow: visible;
	position:static;
	display: inline;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(BracketPhotos/SpaceWashFooter.gif);	
}

#CustomerExPics a { text-indent: -10001px;
		float: right;
		display: block;
		width: 114px;
		height: 114px;
		margin: 0 7px; }
		
.floatright {
	float: right;
	margin-left: 7px;
}
		

}
.floatleft {
	float: left;
	margin-right: 7px;
}


#TypeRPics {
	float: left;
	width: 340px;
	height: 130px;
	overflow: visible;
	position:static;
	display: inline;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(BracketPhotos/TypeRFooter.gif);	
}

#TypeRPics a { text-indent: -10001px;
		float: right;
		display: block;
		width: 114px;
		height: 114px;
		margin: 0 7px; }