/* CSS Reset */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline
}
:focus {
	outline:0;
}
ol, ul {
	list-style:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
strong {
	font-weight:bold;
}
em {
	font-style:normal;
}
a {
	text-decoration:none;
	cursor:pointer;
}
body {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	background:#071032 url(images/body_bg.png) center top repeat-x;
}
/* Header and Slider (Monitor)*/
#header {
	margin:0 auto;
	
	width:900px;
	
	position:relative;
}
#header h1,  #header h2 {
	display:none;
}
#teaser_bg {
	height: 320px;
	background: url(images/header_bg.png) center bottom no-repeat;
	
}
#image {
	float: right;
	width: 281px;
	position: relative;
	top:38px;
	right: 77px;
	
	
}
/* Hides from IE5-mac \*/
* html .slideImage {height: 1%;}
/* End hide from IE5-mac */ 
#slide {
    width: 281px; /* important to be same as image width */
    height: 177px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#slideContent {
    width: 281px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slideImage {
    float: left;
    position: relative;
	display: none;
}
.slideImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 281px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slideImage span strong {
    font-size: 14px;
}
.bottom {
	bottom: 0;
    left: 0;
}
/* Start Content */
#page_header {
	margin:0 auto;
	width:900px;
	height:110px;
	background:url(images/page_header.png) center top no-repeat;
}
#page_header p {
	display:none;
}
#page {
	width:900px;
	margin:0 auto;
	background:url(images/page_bg.png) 50% 50px no-repeat;
}
#slider1 {
	width:800px;
	margin:0 auto;
	position:relative;
}
#page .navigation {
	padding:0 0 0 20px;
	height:50px;
	background:url(images/page_navigation_bg.png) center top no-repeat;
}
#page .navigation li {
	height:50px;
	float:left;
	padding:0 2px 0 0;
}
#page .navigation a {
	display:block;
	height:50px;
	line-height:50px;
	float:left;
	padding:0 1px 0 0;
	font-size:13px;
	color:#5a79b9;
	font-weight:bold;
}
#page .navigation a:hover,  #page .navigation a.selected {
	color:#8faae1;
	background:url(images/page_navigation_a.png) right top no-repeat;
}
#page .navigation a.selected {
	color: #a8bce7;
}
#page .navigation a span {
	display:block;
	height:50px;
	float:left;
	padding:0 25px;
}
#page .navigation a:hover span,  #page .navigation a.selected span {
	background:url(images/page_navigation_span.png) left top no-repeat;
}
#page .navigation a:focus {
	outline:none;
}
#page .scroll {
	height:1050px;
	width:760px;
	margin:0 auto;
	overflow:auto;
	position:relative;
	clear:left;
}
#page .scrollContainer .panel {
	padding:20px 10px;
	height:1000px;
	width:740px;
	overflow:hidden;
}
#page .panel p {
	padding:0 0 1em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#3e414c;
}

#page .panel ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3e414c;
	font-weight: bold;
}
#page .panel .col {
	float: left;
	width: 210px;
	height:320px;
	margin: 10px 25px 16px 10px;
}
#page .panel .col p {
	padding: 0;
}
#page .panel .col2 {
	float: left;
	width: 210px;
	height:320px;
	margin: 10px 25px 0 0;
}
#page .panel .col2 p {
	padding: 0;
}
#page .panel .col3 {
	float: left;
	width: 210px;
	height:320px;
	margin: 10px 0 0 0;
}
#page .panel .col3 p {
	padding: 0;
}
#page .panel .col4 {
	float: left;
	width: 210px;
	height:320px;
	margin: 30px 25px 16px 10px;
}
#page .panel .col4 p {
	padding: 0;
}
#page .panel h3 {
	font-size:28px;
	padding:0 0 .5em 0;
	letter-spacing:-2px;
	color:#000;
	font-weight:bold;
}
#page .panel h4 {
	padding:0 0 .5em 0;
	font-size:15px;
	letter-spacing:-0.5px;
	font-weight:bold;
	color:#3e414c;
}
#page .panel strong {
	color:#33333e;
}
#page .panel em {
	font-style:italic;
}
#page .panel a {
	white-space:nowrap;
	color:#19234c;
	font-weight:bold;
}
#page .panel a:hover {
	text-decoration:underline;
}

#page .panel .thumbnail {
	float: left;
	margin: 0 18px 15px 0;
	
}
#page .panel .thumbnail_right {
	float: right;
	margin: 0 0 15px 5px;
	
}
#page .panel .gallery {
	text-align:center;
}
#page .scrollButtons {
	width:30px;
	height:30px;
	position:absolute;
	top:400px;
	cursor:pointer;
}
#page .scrollButtons a {
	display:block;
	height:30px;
	width:30px;
}
#page .scrollButtons span {
	display:none;
}
#page .scrollMeLeft {
	left:-40px;
}
#page .scrollMeLeft a {
	background:url(images/left_right.png) 0 0 no-repeat;
}
#page .scrollMeLeft a:hover {
	background:url(images/left_right.png) 0 -30px no-repeat;
}
#page .scrollMeRight {
	right:-40px;
}
#page .scrollMeRight a {
	background:url(images/left_right.png) -30px 0 no-repeat;
}
#page .scrollMeRight a:hover {
	background:url(images/left_right.png) -30px -30px no-repeat;
}
/* Sub Pages */
.item .bigImage {
	float:left;
	width:330px;
	padding:0 10px 0 0;
	margin:20px 0;
}
.item .otherImage {
	width:330px;
	float:right;
	padding:0;
	margin:20px 0;
}
.item .bigImage2 {
	float:left;
	width:220px;
	padding:0 10px 0 0;
	margin:20px 0;
}
.item .otherImage2 {
	width:440px;
	float:right;
	padding:0;
	margin:20px 0;
}
.item .otherImage2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#8faae1;
}
.item .otherImage2 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#071032;
}
.item .otherImage div img {
	border:0;
	padding:0;
	margin:0;
}
.item .otherImage div {
	padding:0 0 7px 0;
	margin:0;
}
.item .leftBox {
	float:left;
	width:330px;
	overflow:hidden;
}
.item .leftBox h3 {
	padding:0 0 10px 0;
	margin:0;
}
.item .rightBox {
	float:right;
	width:330px;
	overflow:hidden;
}
.item .rightBox h3 {
	font-weight:normal;
	font-size:12px;
}

.check, .checkList .check {
	padding:0 0 25px 0;
	margin:0;
}
.check li, .checkList .check li {
	background:url(images/check.gif) no-repeat left 50%;
	line-height:20px;
	padding-left:20px;
	list-style:none;
}
/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
	width:330px;
}
.gallery li {
	margin: 5px;
	padding: 0;
	float: left;
	position: relative;
	width: 100px;
	height: 69px;
	display:inline;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 7px;
	right: 10px;
}
.gallery .photo {
	background: url(images/photo.gif) no-repeat;
}
.gallery .video {
	background: url(images/video.gif) no-repeat;
}
.gallery a {
	text-decoration: none;
}
.gallery a:hover img {
	border-color: #071032;
}
.gallery a:hover span {
	background-position: left -22px;
}
/* Footer */
#page_footer {
	width:900px;
	margin:0 auto;
}
#page_footer h5 {
	padding:20px 60px;
	font-size:28px;
	letter-spacing:-2px;
	font-weight:bold;
	color:#3c508e;
}
#page_footer p {
	padding:0 70px 30px 70px;
	font-size:13px;
	color:#ccc;
	line-height:1.5em;
}
#page_footer p a {
	color:#fff;
}
#page_footer p a:hover {
	text-decoration:underline;
}
/*  Footer */
#footer {
	height:90px;
	border-top:solid 1px #0b194d;
	background:#000 url(images/footer_bg.png) center top no-repeat;
	font-size:13px;
	font-family: "Lucida Grande", Calibri, Arial;
}
#footer p {
	width:900px;
	overflow:hidden;
	margin:0 auto;
	color:#374051;
}
#footer span {
	display:block;
	height:90px;
	line-height:90px;
}
#footer .left {
	float:left;
}
#footer .right {
	float:right;
}
#footer a {
	color:#727fa1;
}
#footer a:hover {
	text-decoration:underline;
}
div#fancy_overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	background-color:#333;
}
div#fancy_loading {
	position:absolute;
	height:40px;
	width:40px;
	cursor:pointer;
	display:none;
	overflow:hidden;
	background:transparent;
	z-index:100;
}
div#fancy_loading div {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background:transparent url(images/fancy_progress.png) no-repeat;
}
div#fancy_close {
	position:absolute;
	top:-12px;
	left:-12px;
	height:30px;
	width:30px;
	background:transparent url(images/fancy_closebox.png);
	cursor:pointer;
	z-index:100;
	display:none;
}
div#fancy_content {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	z-index:96;
}
#fancy_frame {
	position:relative;
	width:100%;
	height:100%;
	display:none;
}
img#fancy_img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:92;
	cursor:pointer;
}
div#fancy_title {
	position:absolute;
	bottom:-35px;
	left:0;
	width:100%;
	z-index:100;
	display:none;
}
div#fancy_title table {
	margin:0 auto;
}
div#fancy_title div {
	color:#FFF;
	font:bold 12px Arial;
	padding-bottom:2px;
}
td#fancy_title_left {
	height:32px;
	width:15px;
	background:transparent url(images/fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
	height:32px;
	background:transparent url(images/fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
	height:32px;
	width:15px;
	background:transparent url(images/fancy_title_right.png) repeat-x;
}
div#fancy_outer {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	padding:18px 18px 58px 18px;
	margin:0;
	overflow:hidden;
	background:transparent;
	display:none;
}
div#fancy_inner {
	position:relative;
	width:100%;
	height:100%;
	border:1px solid #fff;
	background:#fff;
}
a#fancy_left, a#fancy_right {
	position:absolute;
	bottom:10px;
	height:100%;
	width:35%;
	cursor:pointer;
	background-image:url(images/data:image/gif;base64,AAAA);
	z-index:100;
}
a#fancy_left {
	left:0px;
}
a#fancy_right {
	right:0px;
}
a#fancy_left:hover {
	background:transparent url(images/fancy_left.gif) no-repeat 0% 100%;
}
a#fancy_right:hover {
	background:transparent url(images/fancy_right.gif) no-repeat 100% 100%;
}
#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}
div#fancy_bg {
	display:none;
}
div.fancy_bg {
	position:absolute;
	display:block;
	z-index:70;
}
div.fancy_bg_n {
	top:-18px;
	width:100%;
	height:18px;
	background:transparent url(images/fancy_shadow_n.png) repeat-x;
}
div.fancy_bg_ne {
	top:-18px;
	right:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_ne.png) no-repeat;
}
div.fancy_bg_e {
	right:-13px;
	height:100%;
	width:13px;
	background:transparent url(images/fancy_shadow_e.png) repeat-y;
}
div.fancy_bg_se {
	bottom:-18px;
	right:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_se.png) no-repeat;
}
div.fancy_bg_s {
	bottom:-18px;
	width:100%;
	height:18px;
	background:transparent url(images/fancy_shadow_s.png) repeat-x;
}
div.fancy_bg_sw {
	bottom:-18px;
	left:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_sw.png) no-repeat;
}
div.fancy_bg_w {
	left:-13px;
	height:100%;
	width:13px;
	background:transparent url(images/fancy_shadow_w.png) repeat-y;
}
div.fancy_bg_nw {
	top:-18px;
	left:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_nw.png) no-repeat;
}

