* {margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

html, body {font: 16px Garamond, Times, 'Times New Roman', Georgia, serif; color: #848484; background: #fff url(img/pattern.jpg);}

.cleared {overflow: hidden; height: auto; padding: 10px 0}
hr.sep {clear: both; border: none; background: transparent;}
.ie7 hr.sep {visibility: hidden}
.centered {text-align: center;}
.righted {text-align: right;}
.fleft {float: left; margin-right: 10px;}
.fright {float: right; margin-left: 10px;}
img.bordered {border: 3px solid #dedede;}

/* basic typography */
ul, li {list-style: none;}
a, a:link, a:visited {color: #000e53; text-decoration: none}
a:hover, a:active {color: #2e42a5; text-decoration: none}
a img {border: none;}
address {font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-family: Garamond, Times, 'Times New Roman', Georgia, serif; font-weight: normal; color: #000e53; line-height: 1.5em;}
h1 {font-size: 30px; padding: 15px 0}
h2 {font-size: 24px; padding: 10px 0 15px 0}
h3 {font-size: 18px; padding: 5px 0 15px 0}
h4 {font-size: 16px; padding: 7px 0 15px 0}
h5 {font-size: 14px; padding: 8px 0 15px 0}
h6 {font-size: 12px; padding: 10px 0 15px 0}
p {line-height: 1.5em; padding: 0 0 20px 0;}
span {color: #bd567f;}
address {font-size: 14px; line-height: 1.5em; padding: 20px;}
img {padding: 5px; border: 1px solid #efefef;}

.list {margin-left: 20px;}
.list li {list-style: disc; list-style-position: outside; line-height: 1.5em; font-style: roman}

/* layout */
#wrapper {width: 1000px; height: 500px; position: absolute; z-index: 1; top: 50%; margin-top: -250px; left: 50%; margin-left: -500px}

header {overflow:hidden; height: auto; padding: 10px 10px 0 10px;}
header h1 {width: 30%; float: left; line-height: 1em; text-align: center}
header small {font-size: 22px; color: #9d9d9d}

header ul {float: right; width: 49%; text-align: right; padding-top: 27px; padding-right: 10px}
header li {display: inline; text-transform: uppercase; color: #2e42a5; font-size: 14px;}

#top {height: 10px; width: 100%; background: url(img/top.png) center bottom no-repeat;}
#content {background: url(img/cnt.png) center top repeat-y; height: 480px}
#bottom {height: 10px; width: 100%; background: url(img/bottom.png) center top no-repeat;}

#address {position: absolute; right: 10px; bottom: 0;}
#address-c {position: absolute; left: 0; bottom: 0;}
#address-h {padding-top: 70px}
#address-h p {text-align: center;}
#maps {position: absolute; top: 0; right: 0;}
#maps small {font: 10px Arial, Tahoma, sans-serif;}

footer {width: 960px; margin: 20px auto 0 auto;}
footer p {text-align: center; font-size: 10px; font: 10px Arial, Tahoma, sans-serif; background: #efefef; padding: 5px 0; color: #9d9d9d}

/* custom scrollbar */
#holder {height: 310px; overflow-y: hidden; width: 960px; margin: 0 auto; position: relative; z-index: 2;  border-top: 1px solid #efefef; padding-top: 10px}
.scroll-pane {width: 100%; height: 100%; overflow: auto;}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #2e42a5;
}
.jScrollPaneDrag {
	position: absolute;
	background: #000e53;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}