body { 
margin: 0px; 
padding: 0px; 
text-align: center; 
background: #eee url(../img/page-bg.gif) repeat-x;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; 
font-weight: normal;
color:#000;
	 
} 

a:link {
 font-weight: bold;
 color: #600;
	text-decoration: underline;
}
a:visited {
 font-weight: bold;
 color: #666;
	text-decoration: underline;
}
a:active {
 font-weight: bold;
 color: #666;
	text-decoration: underline;
}
a:hover {
 font-weight: bold;
 color: #600;
	text-decoration: underline;
	background: #ccc;
	
}
a:hover.linkimg {border:none; background:transparent;}


#wrapper {

 text-align: left;

 width: 800px;

 margin: 8px auto;
 
 padding:0px;

 background: #fff;

 border: 1px solid #eee;
}



#header {

 width: 100%; 

 height: 155px;

 padding: 0;
 
 background: #000 url;

 border: 0;

 margin: 0px 0px -14px 0px;
 
 background: #fff;
  
}

/* Hide from IE5-mac. Only IE-win sees this. \*/	
*html #header {

margin: 0px 0 -6px 0;

}
/* End hide from IE5/mac */	


/****************Navigation*********************/

ul#nav {
	width: 100%;
	margin: 1px 0 1px 0;
	padding: 0;
	border: 0;
	height: 36px;
	list-style-type: none;
	background: #333 url(../img/menu-bg-on-35.gif) repeat-x top left;
	}
/* Hide from IE5-mac. Only IE-win sees this. \*/	
*html ul#nav {

margin: 5px 0 1px 0;

}
/* End hide from IE5/mac */	
ul#nav li {
	display: block;
	float: left;
	border-right: 1px solid #666;
	border-left: 1px solid #000;
	margin: 0;
	padding: 0;
	background: url(../img/menu-bg-on-35.gif) no-repeat top right;
}
ul#nav li.last {
	float: left;
	padding: 0px 0px;
	border-left: 1px solid #000;
}
ul#nav li a {
	float: left;
	padding: 9px 71px;
	border: 0;
	margin: 0;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
ul#nav a.lasta {
	float: left;
	padding: 9px 18px 9px 17px;
	border: 0;
	margin: 0;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

ul#nav li a:hover, ul#nav li a:active {
	border: 0;
	display: block;
	background: #333 url(../img/menu-bg-35.gif) repeat-x bottom left;
}	
	
ul#nav a#selected {
border: 0;
display: block;
background: #333 url(../img/menu-bg-35.gif) repeat-x bottom left;
}

#menu_wrapper {
		width: 800px;
		margin: 0px 0px 0px 0px;
		
	}
	
/* Hide from IE5-mac. Only IE-win sees this. \*/
*html #menu_wrapper {
		width: 800px;
		margin: 1px 0px 0px -40px;
		
	}
/* End hide from IE5/mac */
	

/* MENU ------------------------------ */
	
	/* SPRITE NAVIGATION */ 
	#menu {
		background: url(../img/menu.jpg) 0 0 no-repeat;
		width: 800px;		/* Width of entire image */ 
		height: 60px;		/* Height of buttons */
	}
	#menu span {
		display: none;
	}
	#menu li, #menu a {
		height: 60px;		/* Each button must have the same height, define it here */ display: block;
	}
	#menu li {
		float: left;
		list-style: none;
		_display: inline;		/* fixes IE/Win double margin float bug (safe) */
	}
	
	/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
	#home 		{ margin-left: -40px; }
	#history 	{ margin-left: -1px; }
	#inventory 	{ margin-left: -1px; }
	#services { margin-left: -1px; }
	#buying 	{ margin-left: -1px; }
	#contacts 	{ margin-left: -1px; }
	
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	
	*html #home 		{ margin-left: 0px; }
	*html #history 	{ margin-left: -1px; }
	*html #inventory 	{ margin-left: -1px; }
	*html #services { margin-left: -1px; }
	*html #buying 	{ margin-left: -1px; }
	*html #contacts 	{ margin-left: -1px; }
	
	/* End hide from IE5/mac */
	
		
	/* width - width of each button, they will each most likely be unique */ 
	#home 		{ width: 131px; }
	#history 	{ width: 131px; }
	#inventory 	{ width: 131px; }
	#services { width: 131px; }
	#buying 	{ width: 150px; }
	#contacts 	{ width: 131px; }
	
	/* Changed values should match sum of "width" numbers specified above */ 
	
	#home a	         { background: transparent url(../img/menu.jpg) 0px 0px no-repeat; }
	#home a:hover	 { background-position: 0px -62px; }
	#home a.selected { background: transparent url(../img/menu.jpg) 0px -62px no-repeat; }
	
		
	#history a           { background: transparent url(../img/menu.jpg) -130px 0px no-repeat; }
	#history a:hover     { background-position: -130px -62px; }
	#history a.selected  { background: transparent url(../img/menu.jpg) -130px -62px no-repeat; }
	
	
	#inventory a		    { background: transparent url(../img/menu.jpg) -260px 0px no-repeat; }
	#inventory a:hover		{ background-position: -260px -62px; }
	#inventory a.selected	{ background: transparent url(../img/menu.jpg) -260px -62px no-repeat; }
	
		
	#services a 	         { background: transparent url(../img/menu.jpg) -390px 0px no-repeat; }
	#services a:hover 	     { background-position: -390px -62px; }
	#services a.selected 	 { background: transparent url(../img/menu.jpg) -390px -62px no-repeat; }
	
			
	#buying a            { background: transparent url(../img/menu.jpg) -520px 0px no-repeat; }
	#buying a:hover      { background-position: -520px -62px; }
	#buying a.selected   { background: transparent url(../img/menu.jpg) -520px -62px no-repeat; }
	
		
	#contacts a	            { background: transparent url(../img/menu.jpg) -669px 0px no-repeat; }
	#contacts a:hover	    { background-position: -669px -62px; }
	#contacts a.selected	{ background: transparent url(../img/menu.jpg) -669px -62px no-repeat; }
	
			

ul.list-image {
 padding: 0;
 border: 0;
 margin: 5px 0px 0px 0px;
 list-style: none;
}
ul.list-image li {
 padding: 1px 4px 0px 20px;
 border: 0;
 margin: 15px 0px 20px 10px;
 font-size: 100%;
 font-weight:normal;
 line-height: 108%;
 background: url(../img/blue-arrow.gif) no-repeat top left;
}

ul.list-image2 {
 padding: 0;
 border: 0;
 margin: 5px 0px 0px 0px;
 list-style: none;
}
ul.list-image2 li {
 padding: 1px 4px 0px 20px;
 border: 0;
 margin: 15px 0px 10px 40px;
 font-size: 100%;
 font-weight:bold;
 line-height: 105%;
 background: url(../img/green-arrow3.gif) no-repeat top left;
}

ul.list-image3 {
 padding: 0;
 border: 0;
 margin: 5px 0px 0px 0px;
 list-style: none;
}
ul.list-image3 li {
 padding: 1px 4px 0px 20px;
 border: 0;
 margin: 15px 0px 8px 12px;
 font-size: 100%;
 font-weight:bold;
 line-height: 108%;
 background: url(../img/green-arrow4.gif) no-repeat top left;
}

ul.list-image-acrobat {
 padding: 0;
 border: 0;
 margin: 0px 0px 0px 0px;
 list-style: none;
}
ul.list-image-acrobat li {
 padding: 0px 10px 5px 20px;
 border: 0;
 margin: 10px 0px 10px 20px;
 font-size: 100%;
 font-weight:normal;
 line-height: 95%;
 background: url(../img/acrobat_small.gif) no-repeat top left;
}

ul.list-image-staff {
 padding: 0;
 border: 0;
 margin: 5px 0px 0px 0px;
 list-style: none;
}
ul.list-image-staff li {
 padding: 1px 4px 0px 26px;
 border: 0;
 margin: 15px 0px 15px 20px;
 font-size: 100%;
 font-weight:bold;
 line-height: 100%;
 background: url(../img/staff.gif) no-repeat top left;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*************FRONT PAGE**************/

#triwrapper {
margin: 5px 0px 5px 0px;
background: #e4e2d7;
width: 800px;
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
background: #e4e2d7;
float: left;
}

#btleft {
float:left;
width: 198px;
margin: 0;
padding: 0;
text-align: left;
border-right: 1px solid #a19784;
border-left: 1px #ccc solid;
background: #e4e2d7;

}

#btleft h2 {
font-size: 150%; 
font-weight: normal;
color: #444;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #c5b5ac;
margin: 10px 5px 0px 0px;
}

#btmid{
float: left;
width: 400px;
padding: 0px;
border-right: 0px solid #a19784;
border-left: 0px #a19784 solid;
margin: 0px 0px 0px 0px;
text-align: left;
background: #d2cfc2;
border-bottom: 1px #ccc solid;
}

#btmid h2 {
font-size: 160%; 
font-weight: normal;
color: #600;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #a19784;
margin: 8px 5px 0px 0px;
}


#btmid p {
padding: 5px;
border: 0;
margin: 0px 5px 10px 5px;
line-height: 145%;
text-align:left;
}

#btright{
float: left;
width: 198px;
padding: 0px;
border-right: 1px solid #ccc;
border-left: 1px #a19784 solid;
margin: 0px 0px 0px 0px;
text-align: left;
background: #e4e2d7;
border-bottom: 1px #ccc solid;
}

#btright h2 {
font-size: 140%; 
font-weight: normal;
color: #444;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #c5b5ac;
margin: 10px 5px 0px 0px;
}

#btmid .table2 {
color: #000;
padding: 0;
border: 0;
margin: 5px 0px 10px 5px;
background-color: #999;
width: 97%;
}

#btmid .table2 .row {
font-weight: normal;
text-align: center;
padding: 0;
border: 0;
margin: 0;
background-color: #fff;
font-size: 85%;
}

#btmid .table2 .row2 {
font-weight: normal;
text-align: center;
padding: 0;
border: 0;
margin: 0;
background-color: #eee;
font-size: 85%;
}

#btmid .table2 .title {
font-size: 100%; 
font-weight: bold;
text-align: center;
color: #fff;
padding: 0;
border: 0;
margin: 0;
background: #600;
}

#btmid .table2 .center {
text-align: center;
}


/*************END FRONT PAGE**************/



#content {
width: 800px;
background: #fff url(../img/content-bg.gif) repeat-y;
margin: -3px 0px 1px 0px;
border-right: 0px solid #ccc;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/	
*html #content {
margin: 1px 0px 1px 0px;
}
/* End hide from IE5/mac */


#content p {

 padding: 0 3px 0 10px;

 border: 0;
 
 color:#000;

 margin: 15px 15px 15px 15px;

 line-height: 135%;

}

#content h1 {

font-size: 21px; 

font-weight: normal;

color: #600;

border-bottom: 1px solid #ddd;

width: 97%;

margin: 0px 5px 0px 10px;

}


#content h2 {

 padding: 0px 0px 0px 0px;

 border: 0;

 margin: 25px 0px 5px 20px;

 font-size: 125%;
 
 font-weight: normal;
 
 color:#333;
 
 border-bottom: 1px solid #eee;
 
 width:50%;

 

}

#content h3 {

 padding: 0px 0px 0px 0px;

 border: 0;

 margin: 25px 0px 5px 20px;

 font-size: 125%; 

 font-weight: normal;

 color: #333;

 border-bottom: 1px solid #eee;
 
 width:80%;
}

#content h4 {

 padding: 0px 0px 0px 0px;

 border: 0;

 margin: 8px 0px 7px 10px;

 font-size: 110%; 

 font-weight: bold;

 color: #000;

}

#content h5 {

 padding: 0px 0px 0px 0px;

 border: 0;

 margin: 0px 0px 2px 10px;

 font-size: 105%; 

 font-weight: bold;

 color: #600;

}

#quote {
	color: #600; 
	float: right; 
	width: 200px;
	font: bold 16px georgia, verdana, sans-serif;
	line-height: 24px; 
	text-align: left; 
	margin: -20px 20px 7px 15px;
	padding: 0px;
	font-style:italic;
	
	 
	}


/* Hide from IE5-mac. Only IE-win sees this. \*/	

*html #quote {
margin: -10px 15px 7px 15px;
	}

/* End hide from IE5/mac */


#quote2 {
	color: #600; 
	float: right; 
	width: 200px;
	font: bold 16px georgia, verdana, sans-serif;
	line-height: 24px; 
	text-align: left; 
	margin: 25px 45px 7px 15px;
	padding: 0px;
	font-style:italic;
	
	 
	}


/* Hide from IE5-mac. Only IE-win sees this. \*/	

*html #quote2 {
margin: 25px 30px 7px 15px;
	}

/* End hide from IE5/mac */

.subhead {

 font-size: 90%; 

 font-weight: normal;

 color: #666;

}

.date {
	font-size: 100%;
	letter-spacing: 1px;
	margin: 0px 0px 0px 7px;
	color:#333;
	font-weight:bold;
	width:100%;
	text-align: left;
}

img#right{
  border: 0;
  margin: 20px 45px 0px 0px;
}

img#left{
  border: 0;
  margin: 13px 8px 0px 26px;
}


#rightcontent {
width: 200px;
background: #fff;
margin: 8px 0px 0px 575px;
border-left: 0px solid #000;
border-right: 0px solid #000;

}

#left-wrapper {
width:275px;
margin: 5px 5px 5px 5px;


}

#contactinfo {
float:right;
background: #eee;
width:275px;
margin: 5px 55px 15px 5px;
border: 1px solid #ccc;
background:url(../img/contact_bg.gif) repeat-x;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/

*html #contactinfo {
margin: 15px 35px 20px 25px;

}

/* End hide from IE5/mac */


#contactinfo h4 {

 padding: 2px; 

 border: 0;

 margin: 0px 0px 0px 0px;

 font-size: 100%; 

 font-weight: bold;

 color: #fff;
 
 background:#600 url(../img/maroon-bg-60.gif) repeat-x;
 
 text-align:center;

}

#addressinfo {
float:right;
background: #eee;
width:300px;
margin: 15px 25px 15px 5px;
border: 1px solid #ccc;
background:url(../img/contact_bg.gif) repeat-x;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

*html #addressinfo {
margin: 15px 15px 20px 25px;

}

/* End hide from IE5/mac */


#addressinfo h4 {

 padding: 2px; 

 border: 0;

 margin: 0px 0px 0px 0px;

 font-size: 100%; 

 font-weight: bold;

 color: #fff;
 
 background:#600 url(../img/maroon-bg-60.gif) repeat-x;
 
 text-align:center;

}

#flash-holder {
margin: 30px 0px 0px 60px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

*html #flash-holder2 {
float: left;
margin: 10px 15px 5px 20px;
}

/* End hide from IE5/mac */

#flash-holder2 {
float: left;
margin: 10px 15px 15px 35px;
}

#gallery_btn {
float:left;
margin: 15px 15px 20px 50px;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/

*html #gallery_btn {
float:left;
margin: 15px 15px 10px 50px;

}

/* End hide from IE5/mac */

#link_container{
float:right;
margin: 45px 80px 10px 10px;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/

*html #link_container{
float:right;
margin: 45px 40px 10px 10px;

}

/* End hide from IE5/mac */



.table {
	color: #000;
    padding: 0;
	border: 0;
	margin: 5px 0px 5px 20px;
	background-color: #999;
	width: 95%;
}

.table .row {
	font-size: 100%; 
	font-weight: bold;
	text-align: left;
	padding: 0;
	border: 0;
	margin: 0;
	background-color: #eee;
}

.table .title {
	font-size: 100%; 
	font-weight: bold;
	text-align: left;
	color: #fff;
 padding: 0;
	border: 0;
	margin: 0;
 background:#600 url(../img/maroon-bg-60.gif) repeat-x;
}

.bar {
	color: #000;
    padding: 0;
	border-top: solid 1px #888;
    border-bottom: solid 1px #888;
	margin: 0 0 0 0;
	background: #f0ede3 url(../img/dom_bg.gif) repeat-x;
	}
	
#span_dropdown {
float: left; 
font-weight: bold;
margin-top: 1px;
margin-left: 3px;
font-size: 100%;

}

#span_srch {
float: right; 
font-weight: bold;
margin-top: 3px;
margin-right: 3px;
font-size: 100%;
color:#333;

} 

#keyword {
width: 100px;
font-size: 100%;
}



/*************DomTab*******/

div.domtab{

			padding:0;

			margin: 15px 0px 0px 5px;

			width:93%;
			
			}

div.domtab img {
	margin: 0px 0px -3px 0px;
	padding: 5px 0px 0px 0px;
}

div.domtab h2{

 padding: 0px 0px 0px 0px;

 border: 0;

 margin: 3px 0px 0px 4px;

 font-size: 95%; 

 color:#600;

 
 
 font-weight: bold;
 
 }

 div.domtab p{

 padding: 0px 0px 0px 0px;

 border: 0;

 margin: 3px 0px 8px 4px;

 font-size: 90%; 

 font-weight: normal;
 
 }

		ul.domtabs{

			float:left;

			margin:28px 0px 0px -38px;				
        }
		
		/* Hide from IE5-mac. Only IE-win sees this. \*/
		
		* html ul.domtabs{
			
			float:left;

			margin:20px 0px 0px 1px;
		}

		/* End hide from IE5/mac */
		
		ul.domtabs li{

			float:left;

			text-align:center;
			
			list-style-type:none;
			
			}



		/* Hide from IE5-mac. Only IE-win sees this. \*/
		
		* html ul.domtabs a:link,
		
		* html ul.domtabs a:visited,
		
		* html ul.domtabs a:active,
		
		* html ul.domtabs a:hover{
	
	width:95px;
	
	padding:2px 0px 2px 1px;
	
	display:block;
	
	color:#600;
	
	height:3px;
	
	font-weight:bold;
	
	text-decoration:none;
	
	background: url(../img/button2.gif);
	
		}
				
		* html ul.domtabs a:hover{
		
			background:url(../img/button1.gif);
		
		}
		
		/* End hide from IE5/mac */
		
		
		ul.domtabs a:link,

		ul.domtabs a:visited,

		ul.domtabs a:active,

		ul.domtabs a:hover{

	width:95px;

	padding:5px 0px 2px 1px;

	display:block;

	color:#600;

	height:16px;

	font-weight:bold;

	text-decoration:none;

	background: url(../img/button2.gif);

		}

		ul.domtabs a:hover{

			background:url(../img/button1.gif);

		}

		div.domtab div{

	clear:both;
	
	width:99%;

	color:#fff;

	margin:0px 0px 5px 2px;
	
	padding:0px 0px 0px 0px;

	border-right: 1px solid #999;

	border-bottom: 1px solid #999;

	border-left: 1px solid #999;

	border-top: 1px solid #999;
	
	background: #f0ede3 url(../img/dom_bg.gif) repeat-x;

	}

		ul.domtabs li.active a:link,

		ul.domtabs li.active a:visited,

		ul.domtabs li.active a:active,

		ul.domtabs li.active a:hover{

			
			
			background:url(../img/button1.gif);

			
		}



#clearer {

 clear: both;

 }



/***************************************

Lays out footer*/

#footer {

 clear: both;

 padding: 2px;

 border: 0;

 margin: 0 0 0 0;

 color: #fff;
 
 font-size:80%;

 text-align: center;
 
 background: #600 url(../img/footer_bg.gif) no-repeat;

}		

#footer a:link {

 padding: 0;

 border: 0;

 margin: 0;

 color: #eee;

 text-decoration: underline;

}

#footer a:visited {

 padding: 0;

 border: 0;

 margin: 0;

 color: #666;

 text-decoration: underline;

}

#footer a:hover {

 padding: 0;

 border: 0;

 margin: 0;

 color: #600;

 text-decoration: underline;

}

#footer a:active {

 padding: 0;

 border: 0;

 margin: 0;

 color: #666;

 text-decoration: underline;

}

#footer img {

 text-align: center;

	border: 0;

	margin: 2px 0 0 0;

	padding: 0px;

}


.showstate{ /*Definition for state toggling image */

cursor:hand;

cursor:pointer;

margin-top: 2px;

margin-right: 3px;

}

.switchcontent{
background-color:#eee;
border: 1px solid #ccc;
margin:4px 0px 0 35px;
width:65%;
}

.contract{
	margin: 0px 5px -3px 3px;
	padding: 5px 0px 0px 3px;
	
} 

.gallery_pic {
margin: 5px 0px 0 0px;
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
}

.table-gallery {
color: #000;
padding: 0;
border: 0;
margin: 10px 0px 10px 3px;
width: 95%;
}