html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Styles */

body {
	line-height: 1;
	font-size: 10px;
}
b { font-weight: bold; }
i { font-style: italic; font-weight: lighter; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: url('texture-dark.jpg') fixed #333;
	font-family: Helvetica Neue;
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility;
}
.intro {
	margin: -30px;
	width: 870px;
	height: 485px;
	background: #fff url('title.jpg') no-repeat left top;
}
.eer {
	position: absolute;
	width: 100%;
	height: 45px;
	bottom: 0;
	z-index: 50;
	text-align: center;
}
.pager a {
	display: -moz-inline-stack;
	display: inline-block;
	background: url('dots.png') no-repeat;
	width: 15px;
	height: 15px;
	text-indent: -9999em;
	font-size: 0.1em;
	margin: 15px 2px 0px;
}
.pager a:hover {
	background: url('dots.png') no-repeat 0 -15px;
}
.pager a.activeSlide {
	background: url('dots.png') no-repeat 0 -30px;
}
.slideshow {
	background: url('texture-med.jpg') left top;
	height: 555px;
	position: relative;
}
.cycle {  
    height:  555px;  
    width:   810px;  
    padding: 0;  
    margin:  0;
    overflow: hidden;  
}
.slideshow img {    
    width:  810px; 
    height: 555px; 
    top:  0; 
    left: 0;
}
.navi {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;

}
.navi a {
	position: absolute;
	width: 90px;
	padding: 0 10px;
	height: 100%;
	height: 100%;
	text-indent: -9999em;
	font-size: 0.1em;
	z-index: 100;
	opacity: 0;
	-webkit-transition: .25s opacity ease-out;
	-moz-transition: .25s opacity ease-out;
	transition: .25s opacity ease-out;
}
.navi .next {
	text-align: left;
	right: 0;
}
.navi a:hover {
	opacity: 1;
}
.navi b {
	display: block;
	width: 40px;
	height: 80px;
	margin-top: 225px;
	background: url('prev.png') no-repeat 0 center;
	z-index: 100;

}
.navi .next b {
	float: right;
	background: url('next.png') no-repeat 0 center;
}

.page {
	background-color: #fff;
	width: 810px;
	margin: 0 auto;
	padding: 30px;
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
	opacity: 1;
	margin: 30px auto;
}
.black {
	background-color: #fff !important;
	color: #1E90FF !important;
	margin-top: 0px !important;
}
.header {
	border-top: 3px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 0 10px 10px;
}
.black .header {
	border-top: 3px solid #1E90FF !important;
	border-bottom: 0px solid #1E90FF !important;
	padding: 10px 0 10px 10px;
}
h1 {
	float: left;
	width: 50%;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.1em;
}
.header ul {
	float: right;
	font-size: 1.2em;
}
.header ul li {
	 display: inline-block;
}
.header ul li a {
	color: #000;
	display: inline-block;
	font-weight: bold;
	line-height: 1.6em;
	padding: 0 15px;
	border-left: 1px solid #ccc;
}
.black .header ul li a { color: #1E90FF !important; }
.header ul li a:hover { color: #1E90FF; }
.header ul li a.noline {
	border-width: 0;
}
.hero {
	background: url('texture-light.jpg') left top;
	height: 555px;
}
.hero-dark {
	background: url('texture-med.jpg') left top;
	height: 555px;
}
.hero-small {
	background: url('texture-med.jpg') left top;
	height: 330px;
}
.title {
	padding: 15px 15px 0 15px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
}
h2 {
	float: left;
	font-size: 2.4em;
	margin-bottom: 15px;
	font-weight: lighter;
}
.title p {
	clear: right;
	color: #666;
	float: right;
	font-size: 1.2em;
	margin-bottom: 15px;
	text-align: right;
}
.left-two {
	float: left;
	margin: 15px 0 30px 0;
}
.right-two {
	float: right;
	margin: 15px 0 0;
}
p.left-two {
	float: left;
	font-size: 1.4em;
	width: 345px;
	line-height: 1.75em;
	padding: 15px;
	margin-bottom: 0px;
}
p.pad-top {
	padding-top: 40px;
}
p.padd-top {
	padding-top: 75px;
}
img.full-size {
	clear: both;
	margin-top: 15px;
}
.gallery {
	border-top: 1px solid #ccc;
	padding: 15px 0 0 0;
	clear: both;
	margin-top: 15px;
}
.split {
	border-bottom: 1px solid #ccc;
}