* { margin: 0; padding: 0; }

/* font */
html { font-size: 100%; }
body { font-size: 0.75em; }
table { font-size: 100%; }
input, select, textarea { font-size: 100%; }

/* layout - general */
img { border: none; }
acronym { cursor: help; }
a:link, a:visited { cursor: hand; cursor/**/: /**/pointer; }

input.text, textarea { 
	padding: 1px 0px; 
}
.submit { 
	cursor: hand; cursor/**/: /**/pointer; 
}
#ie6 .submit { padding: 0; }

ul, ol { margin: 0 0 1em 2.5em; padding: 0; list-style: disc; }
ul li, ol li { margin: .2em 0; padding: 0; }
select > option { margin: 0 5px 0 3px; }

.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }

#page .flR { float: right; }
#page .flL { float: left; }
#page .alR { text-align: right; }
#page .alC { text-align: center; }

.hide { display: none; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; text-indent: -1000em; }

a:link, a:visited {
	color: #4a3b1e;
	text-decoration: none;
}
a:visited {
	color: #298437;
}
a:link:hover, a:visited:hover {
	text-decoration: underline;
}
a.inv:link, a.inv:visited {
	text-decoration: underline;
}
a.inv:link:hover, a.inv:visited:hover {
	text-decoration: none;
}

.cols {
	overflow: hidden;
	margin: 0;
}
* html .cols {
	zoom: 1;
}
.cols .col {
	float: left;
	width: 49%;
	margin: 0 1.5% 0 0;
}
body #page .last {
	margin-right: 0;
}


/* Clear Floats Without Structural Markup */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearFix { display: inline-block; }
/* \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* */


/* layout - specific */
* {
	font-family: Verdana, sans-serif;
}
body {
	color: #010101;
	text-align: center;
	background: #231f20;
}
#page {
	margin: 0 auto;
	text-align: left;
	border: solid 1px #636466;
	width: 968px;
	height: 552px;
}
	.page {
		width: 926px;
		margin: 45px 21px 3px 22px;
		padding: 1px 0;
		overflow: hidden;
		position: relative;
	}

#top {
	position: relative;
	color: #FFFFFF;
	width: 248px;
	height: 460px;
	float: left;
	background: url(img/arrows-1.png) no-repeat 33px 290px;
}
	#top a:link, #top a:visited {
		color: #FFFFFF;
	}

	#logo {
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 196px;
			height: 83px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(img/logo-1.png) no-repeat 0 0;
			}

	#contact {
		margin: 10px 0 0 0;
		font-size: 85%;
	}
		#contact span {
			color: #e87d1d;
		}

	#menuTop {
		position: absolute;
		right: 0;
		top: 0;
		height: 460px;
	}
		#menuTop li {
			display: block;
			margin-left: 124px;
			width: 26px;
			overflow: hidden;
			margin-bottom: 8px;
			position: relative;
		}
			#menuTop li a:link, #menuTop li a:visited {	
				float: left;
				display: block;
				height: 86px;
				width: 26px;
				overflow: hidden;
				position: relative;
			}
				#menuTop li a:link span, #menuTop li a:visited span {
					position: absolute;
					width: 100%;
					height: 100%;
					background-image: url(img/but.png);
					background-repeat: no-repeat;
				}
				#menuTop #but1 a:link, #menuTop #but1 a:visited { height: 85px; }
				#but1 a:link span, #but1 a:visited span				{ background-position: 0 0; }
				#but1 a:link:hover span, #but1 a:visited:hover span,
				#but1.active a:link span, #but1.active a:visited span { background-position: -26px 0; }
				#but2 a:link span, #but2 a:visited span				{ background-position: 0 -85px; }
				#but2 a:link:hover span, #but2 a:visited:hover span,
				#but2.active a:link span, #but2.active a:visited span { background-position: -26px -85px; }
				#but3 a:link span, #but3 a:visited span				{ background-position: 0 -171px; }
				#but3 a:link:hover span, #but3 a:visited:hover span,
				#but3.active a:link span, #but3.active a:visited span { background-position: -26px -171px; }
				#but4 a:link span, #but4 a:visited span				{ background-position: 0 -257px; }
				#but4 a:link:hover span, #but4 a:visited:hover span,
				#but4.active a:link span, #but4.active a:visited span { background-position: -26px -257px; }
				#but5 a:link span, #but5 a:visited span				{ background-position: 0 -343px; }
				#but5 a:link:hover span, #but5 a:visited:hover span,
				#but5.active a:link span, #but5.active a:visited span { background-position: -26px -343px; }

			#menuTop li ul {
				display: none;
			}
			#menuTop li#but3.active {
				width: 150px;
				margin-left: 0;
			}
				#menuTop li.active ul {
					float: right;
					width: 123px;
					height: 84px;
					border: solid 1px #939598;
					border-left: none;
					display: block;
				}
					#menuTop li ul li {
						width: auto;
						margin: 2px 0 0px 5px;
						border: none;
					}
						#menuTop li ul li a:link, #menuTop li ul li a:visited {
							float: none;
							height: auto;
							width: auto;
							font-size: 85%;
							font-family: Arial, sans-serif;
						}
					#menuTop li ul li.active {
						margin-left: 5px;
						width: auto;
					}
						#menuTop li ul li.active a:link, #menuTop li ul li.active a:visited {
							color: #e87d1d;
						}

#colWrap {
	float: right;
	width: 670px;
	height: 461px;
	background: #FFFFFF url(img/corner-1.gif) no-repeat 100% 0;
	color: #000000;
	position: relative;
}
	#colWrap2 {
		width: 609px;
		margin: 30px 30px 25px 28px;
		overflow: hidden;
	}

#content {
	float: left;
	width: 440px;
}
	#content h1 {
		font-size: 100%;
		color: #e87d1d;
		font-weight: normal;
		margin: 1em 0;
	}
	#content h2 {
		font-size: 100%;
		color: #000000;
		margin: 1em 0 0 0;
	}
	#content p {
		line-height: 1.3em;
		font-size: 90%;
		margin: 0 0 .75em 0;
	}
	#content ul {
		font-size: 90%;
	}
	.wrap {
		width: 100%;
		overflow: hidden;
	}
	.wrap div {
		min-height: 140px;
	}
	#ie6 .wrap div {
		height: 140px;
	}
		.wrap1 {
			float: left;
			width: 336px;
			margin-right: 8px;
		}
		.wrap2 {
			float: left;
			width: 88px;
		}

#colS {
	float: right;
	width: 150px;
	background: url(img/arrows-2.png) no-repeat 100% 5px;
	padding: 200px 0 0 0;
}

.quote {
	background: url(img/quote-1.gif) no-repeat 0 0;
	font-size: 110%;
	color: #e87d1d;
	visibility: hidden;
}
	.quote p {
		margin: 0 0 0 25px;
		padding: 0 0 20px 0;
		background: url(img/quote-2.gif) no-repeat 100% 100%;
	}

#nav {
	position: absolute;
	right: 10px;
	bottom: 15px;
}
	#nav a:link, #nav a:visited {
		float: left;
		width: 31px;
		height: 23px;
		line-height: 23px;
		margin-right: 10px;
		overflow: hidden;
	}
		#nav a:link span, #nav a:visited span {
			top: 0;
		}
		#nav a.next:link span, #nav a.next:visited span {
			background: url(img/but-next.gif) no-repeat 0 0;
		}
		#nav a.prev:link span, #nav a.prev:visited span {
			background: url(img/but-prev.gif) no-repeat 0 0;
		}

#bot {
	margin: 3px 21px 5px 280px;
	color: #939598;
	font-size: 90%;
}
	#bot a:link, #bot a:visited {
		color: #939598;
	}

	#botLinks {
		float: left;
		width: 439px;
		overflow: hidden;
	}
		#botLinks li {
			float: left;
			margin: 0 15px 0 0;
		}
			#botLinks li.active a:link, #botLinks li.active a:visited {
				color: #e87d1d;
			}

	#bot .copyright {
		float: right;
		font-size: 85%
	}




/* vertical centering */
/*\*/
html, body, .vc0, .vc1 {
	height: 100%;
}
.vc0 {
	margin: 10px auto;
	display: table;
}
.vc1 {
	display: table-cell;
	vertical-align: middle;
}
/**/
/* \*//*/
.vc1 {
	text-align: center;
}
.vc2 {
	display: inline-block;
	text-align: left;
}
/**/

#ie6 .vc1 {
	text-align: center;
}
#ie6 .vc2, #ie6 .vc3 {
	vertical-align: middle;
}
#ie6 .vc2 {
	display: inline;
	height: 0;
	he\ight: auto;
	zoom: 1;
	text-align: left;
}
#ie6 .vc3 {
	height: 100%;
	zoom: 1;
}
.scrollbox {
	position: relative;
	top: -40px;
	left: 0;
	height: 290px;
	width: 643px;
	margin: 0 0 0 28px;
	overflow: auto;
	padding: 0 ;
	scrollbar-base-color: #e87d1d;
}
	.scrollbox h1 {
		font-size: 100%;
		color: #e87d1d;
		font-weight: normal;
		margin: 1em 0;
	}
	.scrollbox h2 {
		font-size: 100%;
		color: #000000;
		margin: 1em 0 0 0;
	}
	.scrollbox p {
		line-height: 1.3em;
		font-size: 90%;
		margin: 0 0 .75em 0;
	}
	.scrollbox ul {
		font-size: 90%;
	}
	.scrollbox .cinch {
		margin: 0;
		padding: 0;
		float: left;
		width: 440px;
	}














