html, body {
	background : #f1f2f4 url(../img/bg-body.jpg) top repeat-x;
}

#custom-doc {
	width : 78.77em;
	margin : auto;
	text-align : left;
	min-width : 1024px;
}

#hd {
	position : relative;
	padding-left : 235px;
	color : #fff;
	height : 119px;
	background : url(../img/bg-hd.gif) top left repeat-x;
	border-bottom : 7px solid #fff;
	line-height : 1.1;
}

#hd h1, #hd h2 {
	font-weight: bold;
	color : #fff;
	font-size : 159%;
	letter-spacing : 3px;
}

#hd h1 {
	padding-top : 16px;
}

#hd p {
	color : #fff;
	font-style: italic;
	font-size : 129%;
	letter-spacing : 4px;
}

#hd address {
	margin-top : .6em;
	font-weight: bold;
	font-size : 129%;
	letter-spacing : 2px;
	color : #fff;
}

#hd address .locality {
	text-transform : uppercase;
}

#hd img {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
}

#nav {
	height : 24px;
	background : url(../img/bg-nav.gif) left repeat-x;
	color : #fff;
}

#nav li {
	float : left;
	margin-left : 24px;
	margin-right : 40px;
	font-weight: bold;
	font-size : 107%;
	line-height : 24px;
	letter-spacing : 1px;
}

#nav a {
	color : #fff;
	text-decoration : none;
}

#bd {
	height : 436px;
	background : url(../img/bg-bd.jpg) no-repeat;
	position : relative;
}

.scrollContent p {
	margin : 1em 0;
	color : #1E374F;
	font : bold 100% Helvetica, Arial, sans-serif;
	line-height : 1.2;
	letter-spacing : 1px;
}

.scrollContent img {
	display : block;
	float : left;
	margin : 1.2em 10px .5em 0;
}

.scrollContent a:link, .scrollContent a:visited {
	color : #09c;
	text-decoration : none;
}

.scrollContent a:hover {
	color : #00405e;
	text-decoration : underline;
}

.scrollContent em, .scrollContent cite {
	font-weight: bold;
	font-style: italic;
}

.scrollContent strong {
	font-weight: bold;
}

.scrollContent p.disclaimer {
	font-size : 85%;
	letter-spacing : normal;
	font : bold 85% Arial, sans-serif;
}

/*** =googlemap ***/

.root #mapwrap {
	position : relative;
	width : 420px;
	height : 240px;
	margin-top : 1em;
	border : 2px solid #b1c2ce;
	background : url(../img/map.jpg) no-repeat;
}

.root #mapwrap div {
}

#map {
	position : absolute;
	top : 0;
	width : 100%;
	height : 100%;
}

#maploading {
	display : none;
	width : 100%;
	height : 100%;
	background-color : #f1f2f4;
	color : #00405e;
}

#mapwrap.loading #maploading {
	display : block;
}

#maploading p {
	position : absolute;
	top : 50%;
	left : 50%;
	width : 100%;
	height : 16px;
	margin-top : -8px;
	margin-left : -50%;
	font-weight : bold;
	text-align : center;
}

#maploading img {
	float : none;
	display : inline;
	margin : auto;
	vertical-align : middle;
}

#ft {
	min-height : 183px;
	padding : 12px 24px;
	background : url(../img/bg-ft.jpg) top left no-repeat;
	letter-spacing : 1px;
	line-height : 1.33;
}

#ft h3 {
	margin-bottom : .4em;
	color : #006C91;
	font-weight: bold;
}

#ft li {
	color : #00405E;
}







.root {
	margin-left : 24px;
	position : relative;
}

.thumb 		{
	position : absolute;
	cursor : pointer;
	cursor : hand;
}

.up, .dn 	{
	position : absolute;
}

.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
	border : 0;
}

.scrollContainer {
	position : absolute;
	width : 470px;
	height : 436px;
	overflow : hidden;
	text-align : justify;
}

.scrollContent {
	position : absolute;
	left : 0;
	top : 0;
	width : 100px;
}