/* page default settings */

body,td,th {
	font-family: Tahoma;
	font-size: 10px;
	color: #5F5F5F;
	line-height: 12px;
}
.txt1 {
	font-family: Tahoma;
	font-size: 10px;
	color: #8E3200;
	line-height: 12px;
}
.edit {
	font-family: Tahoma;
	font-size: 9px;
	color: #8E3200;
	line-height: 12px;
}



/* body */

body {scrollbar-face-color:#5D2400;
      scrollbar-shadow-color:#E66C07;
      scrollbar-highlight-color:#632984;
      scrollbar-darkshadow-color:#E9980B;
      scrollbar-track-color:#6A6456;
      scrollbar-arrow-color:#E9980B}

/* service list hover */

.slhovertop{
position: middle;
z-index: 0;
}

.slhovertop:hover{
background-color: transparent;
z-index: 50;
}

.slhovertop span{ /*CSS for enlarged image*/
position: absolute;
padding: 10px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.slhovertop span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.slhovertop:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 34px;
left: 80px; /*position where enlarged image should offset horizontally */

}

.slhovermiddle{
position: middle;
z-index: 0;
}

.slhovermiddle:hover{
background-color: transparent;
z-index: 50;
}

.slhovermiddle span{ /*CSS for enlarged image*/
position: absolute;
padding: 10px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.slhovermiddle span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.slhovermiddle:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 140px;
left: 80px; /*position where enlarged image should offset horizontally */

}

.slhoverbottom{
position: middle;
z-index: 0;
}

.slhoverbottom:hover{
background-color: transparent;
z-index: 50;
}

.slhoverbottom span{ /*CSS for enlarged image*/
position: absolute;
padding: 10px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.slhoverbottom span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.slhoverbottom:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 211px;
left: 80px; /*position where enlarged image should offset horizontally */

}

/* thumbnails */

.thumbnail{
position: middle;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #5D2400;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: 5px; /*position where enlarged image should offset horizontally */

}

.athumbnail{
position: middle;
z-index: 0;
}

.athumbnail:hover{
background-color: transparent;
z-index: 50;
}

.athumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #5D2400;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.athumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.athumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 40px;
left: 5px; /*position where enlarged image should offset horizontally */

}



/* table */


	table.hover {
		border: 2;
		border-style: solid;
		border-color: #5D2400;
		background-color: white;
	}

	table.header {
		border-bottom-width: 10;
		border-style: solid;
		border-color: #682400;
	}

	table.sample {
		border-width: 5;
		border-style: solid;
		border-color: #682400;
		background-image: url(samples/images/bg.jpg);
		}

	table.main {
		border-top-width: 10;
		border-left-width: 10;
		border-right-width: 10;
		border-bottom-width: 10;
		border-style: solid;
		border-color: #682400;
	}

/* td */




/* linklist */



/* linkbody */




/* span */

	span.title {
		color: #5D2400;
		font: Copperplate Gothic;
		font-weight: bold;
		font-size: 10px;
		text-align: left;
	}

	span.indextext {
		color: #595454;
		font: Copperplate Gothic;
		font-weight: normal;
		font-size: 10px;
		text-align: left;
	}

	span.text {
		color: #595454;
		font: Copperplate Gothic;
		font-weight: normal;
		font-size: 10px;
		text-align: left;
	}


	span.bullet {
		color: #595454;
		font: Copperplate Gothic;
		font-weight: bold;
		font-size: 10px;
		text-align: left;
	}

	span.samples {
		color: black;
		font: Copperplate Gothic;
		font-weight: normal;
		font-size: 14px;
		text-align: left;
	}
		
	span.sampletitle {
		color: #682400;
		font: Copperplate Gothic;
		font-weight: bold;
		font-size: 20px;
	}



/* text */

	p.logo {
		color: #682400;
		font: Copperplate Gothic;
		font-weight: bold;
		font-size: 30px;
		text-align: center;
		filter: Shadow(Color=black, 	
				Direction=135, 
				Strength=3);
	}

	p.title {
		color: #682400;
		font: Copperplate Gothic;
		font-weight: bold;
		font-size: 13px;
		text-align: left;
	}

	p.hovertext {
		color: black;
		font: Copperplate Gothic;
		font-weight: normal;
		font-size: 12px;
		text-align: left;
	}

	p.servicelisttitle {
		color: #682400;
		font: Copperplate Gothic;
		font-weight: bold;
		font-size: 13px;
		text-align: left;
		text-indent: 10;
	}

	p.text {
		color: black;
		font: Copperplate Gothic;
		font-weight: normal;
		font-size: 12px;
		text-align: left;
	}





/* div */

	div.title {
		color: #682400;
		font: Copperplate Gothic;
		font-weight: bold;
		font-size: 13px;
		text-align: left;
	}


/* headings */

	H1 {
		color:white;
		font-size: 25px;
	}

	H1.nav {
		color: white;
		font-size: 20px;
		text-align: center;
	}

	H1.tutorial {
		color: white;
		font-size: 20px;
		text-align: center;
	}

	H2 {
		color:white;
		font-size:20px;
	}

	H3 {
		color:white;
		font-size:16;
	}

	H3.tutorial {
		color:white;
		font-size:14;
	}

	H4 {
		color:white;
		font-size:14;
	}