/* Set defaults */
body			{ margin: 0; padding: 0; font-size: 76%; }
input,
select,
textarea		{ font-size: 1em; margin-left: 10px; }
th,
td				{ vertical-align: top; font-size: 1em; }
img				{ border: 0; }
a				{ text-decoration: none; }
a:hover			{ text-decoration: underline; }


/* Generic classes */
.clear:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear			{ display: inline-block; }
/* \*/
.clear			{ display: block; }
/* */

.align-left		{ text-align: left !important; }
.align-right	{ text-align: right !important; }
.align-centre	{ text-align: center !important; }
.align-top		{ vertical-align: top !important; }
.align-bottom	{ vertical-align: bottom !important; }
.align-middle	{ vertical-align: middle !important; }

.bold			{ font-weight: bold !important; }
.italic			{ font-style: italic !important; }
.underline		{ text-decoration: underline !important; }

.fixed { width: 900px; margin: 0 auto; }


/* Site specific */
html { background: #010101; }
body { background: #010101 url(../graphics/background.jpg) no-repeat center top; color: #e4e9ed; }
body,
input,
select,
textarea { font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3 { margin: 0 0 5px 0; font-size: 2.2em; font-weight: normal; }
h2 { font-size: 1.4em; font-weight: normal; }
h3 { font-size: 1.2em; }

hr {
	border: none;
	border-top: 1px solid #666;
	height: 1px;
	margin: 15px 0;
	padding: 0;
	}
	
* html hr { margin: 0; }

a { color: #e3d2b0; }
a.button { float: right; padding: 0 0 0 12px; background: url(../graphics/button-left.gif) no-repeat; color: white; width: 194px; }
a.button:hover { text-decoration: none; color: #e3d2b0; }
a.button span { display: block; padding: 0 12px 0 0; background: url(../graphics/button-right.gif) no-repeat right top; }
a.button span span { height: 47px; line-height: 45px; padding: 0 50px; background: url(../graphics/button.gif) repeat-x; font-size: 1.2em; cursor: pointer; }

#wrapper { position: relative; width: 900px; margin: 0 auto; padding: 150px 0 0; }

#header { }
#logo { position: absolute; right: -13px; top: 30px; }

#navigation { font-size: 1em; top: -5px; position: relative; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation li { position: relative; }
#navigation li a { display: block; zoom: 1; padding: 6px 10px; color: #e4e9ed; }
#navigation li a:hover { text-decoration: none; color: #e3d2b0; }
#navigation li.nav_active a,
#navigation li.nav_active a:hover { background: url(../graphics/nav_active.png); font-weight: bold; }
* html #navigation li.nav_active a,
* html #navigation li.nav_active a:hover { background: #33302d; }

#navigation ul li.nav_active ul { background: url(../graphics/nav_sub.png); }
* html #navigation ul li.nav_active ul { background: #3b3733; }
#navigation ul li.nav_active ul { padding-bottom: 2px; }
#navigation ul li.nav_active ul li a { font-weight: normal; background: none; color: #bbb; padding: 5px 10px 5px 17px;  }
#navigation ul li.nav_active ul li a:hover { font-weight: normal; background: none; color: #e3d2b0; }
#navigation ul li.nav_active ul li.nav_active a,
#navigation ul li.nav_active ul li.nav_active a:hover { color: #e3d2b0; }

#main { position: relative; }

#sidebar { float: left; width: 150px; padding: 0 0 20px; }

.search-bar { width: 200px; background-color: #999; border: none; margin-bottom: 5px; float: left; color: #000; padding: 2px; }
#content .search-bar { width: 300px; background-color: #999; border: none; margin-bottom: 5px; float: left; color: #000; padding: 2px; }
#searchblock { float: right; position: relative; top: -2px;}
small { color: #666; }

.button { width: 50px; background-color: #666; border: none; color: #fff; padding: 1px; margin: 0 0 0 2px; cursor: pointer; }

#content { position: relative; margin: 0 0 0 150px; padding: 0 0 0 20px; }
#content img { margin: 0 20px 20px 0; }
#content.home { margin: 0; padding: 30px 0 35px 20px; }
#content.home h2 { margin-top: 0; font-size: 1.9em; }
#content.home p { line-height: 1.6em; }
#content div.left { position: relative; width: 440px; padding: 0 0 1em; float: left; }
#content.home div.left { width: 600px; }
* html #content.home div.left { width: 590px; }
#content div.left p { margin: 10px 0 10px; }
#content div.right-copy { float: right; width: 260px; margin: 0 0 0 20px; padding: 0px; }
#content div.right-image p { margin: 0; padding: 0; }
#content div.right-image img, #content div.right-copy img { padding: 0px; margin: 0px; }
#content table { margin-top: 10px; }

#content blockquote { background: transparent url(../graphics/quote.gif) no-repeat; margin: 0; padding: 25px 0 0 0; }
#content blockquote p { background: transparent url(../graphics/quote-r.gif) no-repeat right bottom; margin: 0; padding: 0 35px 0 0; width: 220px; }

#content div.content { position: relative; line-height: 1.4em; padding-bottom: 20px; float: left; }
#content div.content h2 { line-height: 1.2em; }

#gallery { margin: 0; padding: 0; }
#gallery li img { margin: 0; padding: 0; }
#gallery li { list-style-type: none; float: left; margin: 0 20px 20px 0; width: 100px; height:100px; text-align: center; }

#crumbs { font-size: 1em; padding: 0 0 5px; margin: 0 0 15px; color: #82817f; border-bottom: 1px solid #82817f; width: 100%; float: left;}

#footer { position: relative; background: url(../graphics/footer.gif) repeat-x; font-size: .9em; }
#footer div.inner { height: 290px; background: url(../graphics/footer_background.jpg) no-repeat center top; }
#footer div.fixed { position: relative; overflow: hidden; padding: 30px 0 0; color: #7c7c7c; }

#footer ul { margin: 0; padding: 0; list-style-type: none; }
#footer ul li { float: left; }
#footer ul li a { }

#footer div.images { #width: 1200px; }
#footer div.images { margin: 0 0 25px; }
#footer div.images ul { margin: 0 -10px 0 2px; }
#footer div.images ul li { position: relative; margin: 0 10px 0 0; }
#footer div.images ul li a { position: relative; display: block; overflow: hidden; zoom: 1; width: 141px; height: 121px; text-align: center; font-size: 14px; color: #ccc; #background: url(../graphics/nav_panel.png) no-repeat; }
* html #footer div.images ul li a { background: url(../graphics/nav_panel.jpg) no-repeat; }
#footer div.images ul li a:hover { text-decoration: none; }
#footer div.images ul li a:hover,
#footer div.images ul li.nav_active a { color: #e3d2b0; #background: url(../graphics/nav_panel.png) no-repeat 0 -121px; }
* html #footer div.images ul li a:hover,
* html #footer div.images ul li.nav_active a { background: url(../graphics/nav_panel.jpg) no-repeat 0 -121px; }
#footer div.images ul li a p { position: relative; z-index: 15; margin: 0; padding: 10px 0 0; }
#footer div.images ul li a span { position: relative; cursor: pointer; }
#footer div.images ul li a span.img { position: absolute; z-index: 10; left: 0; bottom: 0; display: block; }
#footer div.images ul li a span.bg { position: absolute; z-index: 5; top: 0; left: 0; display: block; #display: none; }
#footer div.images ul li a:hover span.bg,
#footer div.images ul li.nav_active a span.bg { top: -121px; }

#footer div.nav { padding: 0 0 10px; }
#footer div.nav ul li { padding: 0 7px 0 0; margin: 0 15px 0 0; }
#footer div.nav ul li:last-child,
#footer div.nav ul li.last-child { padding: 0; margin: 0; border-right: 0; }

#footer p { margin: 0; }
#footer p a { color: #7c7c7c; }