@import url("fonts.css");
/* 
	Eric Meyer's CSS Reset
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*/
	
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: inherit;
	vertical-align: baseline;
}

body{
	background:#272727;
	overflow:hidden;
	font-family: Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: 140%; 
	color:#ffffff;
}
#slideshow {
	position:relative;
	height:350px;
	z-index:-1;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow img.active {
	z-index:10;
	opacity:1.0;
}
#slideshow img.last-active {
	z-index:9;
}
#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
@media screen and (max-width: 1024px){ /* Specific to this particular image */
	#slideshow img {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}
#loader{position:absolute; top:50%; left:50%; margin-top:-32px; margin-left:-32px; z-index:-10000;}
#logo{
	background:url(images/bg.png);
	width:260px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
}
h1, h2, h3, h4, h5, h6 {
	color: #ffffff;
	font-weight: bold;
	line-height: 1.25;
	font-family:trajan-pro-1,trajan-pro-2,times,'Times New Roman',sans-serif;
	word-wrap: break-word;
}
/*h1 { font-size: 46px; margin-bottom: 12px;}
h2 { font-size: 35px; margin-bottom: 9px; }
h3 { font-size: 28px; margin-bottom: 9px; }
h4 { font-size: 21px; margin-bottom: 8px; }
h5 { font-size: 18px; font-weight: normal; margin-bottom: 3px;  }
h6 { font-size: 15px; font-weight: normal; }*/
h1 { font-size: 35px; margin-bottom: 9px;}
h2 { font-size: 28px; margin-bottom: 9px; }
h3 { font-size: 21px; margin-bottom: 8px; }
h4 { font-size: 18px; margin-bottom: 3px; }
h5 { font-size: 15px; font-weight: normal; }
h6 { font-size: 12px; font-weight: normal; }
a{
	color:#ffcb05;
	text-decoration:none;
}
a:hover{
	color:#c6262d;
}
#container{
	background:url(images/bg.png);
	position:absolute;
	height:250px;
	position:absolute;
	bottom:0px;
	right:0px;
	left:265px;
	padding:20px;
}
#nav{
	background:url(images/bg.png);
	position:absolute;
	bottom:0px;
	left:0px;
	width:260px;
	height:270px;
	padding-top:20px;
}
#nav a{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	font-size:12px;
	margin:0px 20px 0px 20px;
	padding:8px;
	border-top:1px solid #272727;
	line-height:1.2em;
}
#nav a:hover, #nav a.sel{
	background:url(images/bg.png);
	text-decoration:none;
	color:#ffcb05;
}
#nav .sub{
	display:none;
	margin-left:20px;
}
#nav .sub.on{
	display:block;
}
#footer{
	position:absolute;
	bottom:10px;
	left:20px;
}
#footer a{
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}
.inputText{
	border:1px solid #bbbbbb;
	width:250px;
	color:#272727;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:3px;
	background:url("images/input-bg.png") repeat scroll 0% 0% #ffffff;
	border-radius:2px;
/*	margin-bottom:5px;*/
}
.inputButton{
	border-radius:2px;
	border:none;
	color:#ffcb05;
	background:url("images/input-bg.png") repeat scroll 0% 0% #c6262d;
	padding:5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.gallery { position:relative; }
.gallery ul { list-style: none; padding:0; margin:0; }
.gallery ul li { display: inline-block; margin-right:4px; margin-bottom:4px; }
.gallery ul li.prelast { margin-right:3px; }
.gallery ul li.last { margin-right:0px; }
.gallery ul img { border:none; }
.gallery ul a:hover img {}
.gallery ul a:hover {}
.gallery.horizontal ul { white-space:nowrap; }
.gallery.horizontal .pictures { margin-left:27px; margin-right:27px; overflow:hidden; }
.galBtnLeft, .galBtnRight{
	width:27px;
	height:45px;
	background:red;
	position:absolute;
	top:65px;
	cursor:pointer;
}
.galBtnLeft{
	left:0;
	background:url(images/arrowL.png);
}
.galBtnRight{
	right:0;
	background:url(images/arrowR.png);
}