html, body  { margin: 0; padding: 0; }
body        { background: #fff; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; color: #000; }

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/league_gothic-webfont.eot');
    src: url('../fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league_gothic-webfont.woff') format('woff'),
         url('../fonts/league_gothic-webfont.ttf') format('truetype'),
         url('../fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

ul, li  { margin: 0; padding: 0; list-style: none; }
h1      { margin: 0 auto; padding: 20px 0; width: 195px; }
h1 a    { display: block; width: 195px; text-decoration:none; }
a img   { border: 0; }
.clr    { height: 1px; clear: both; }

#whiteBlockIn     { background: white; -webkit-border-radius: 15px; width: 1000px; height: 569px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: #aaa 0px 0px 6px; -webkit-box-shadow: #aaa 0px 0px 6px; -moz-box-shadow: #aaa 0px 0px 6px; position: relative; }
#whiteBlock       { position:relative; clear: both; overflow:hidden; margin:0 auto; }
#whiteBlockIn     { width: 90%; height: 85%; margin: 38px auto 0 auto; position: relative; z-index: 1000; }

/*
@media screen and (min-width: 1px){
	#whiteBlock			{ position:relative; top:50%; height:406px; margin-top:-203px; width:610px;}
	#whiteBlockIn       { width: 600px; height: 341px; }
	#rightBlock			{ width: 330px; }
	ul#slider { max-height:70px; }
	#textBlock { width:50%; height:310px; }
}*/
@media screen and (min-width: 1px) {
	html #videos .center { top:25px; }
	#whiteBlock			{ position:relative; height:564px; width:910px;}
	#whiteBlockIn       { width: 900px; height: 493px; }
	ul#slider { max-height:204px; }
	#rightBlock			{ width: 630px; }
	#textBlock { width:50%; height:453px; }
}
@media screen and (min-width: 1100px) and (min-height: 634px) {
	html #videos .center { top:82px; }
	#whiteBlock			{ position:relative; height:634px; width:1010px;}
	#whiteBlockIn       { width: 1000px; height: 569px; }
	ul#slider { max-height:278px; }
	#rightBlock			{ width: 730px; }
	#textBlock { width:50%; height:549px; }
}

@media screen and (min-width: 1163px) and (min-height: 748px) {
	html #videos .center { top:139px; }
	#whiteBlock			{ position:relative; height:748px; width:1163px;}
	#whiteBlockIn       { width: 1153px; height: 683px; }
	#rightBlock			{ width: 883px; }
	ul#slider { max-height:378px; }
	#textBlock { width:50%; height:663px; }
}

@media screen and (min-width: 1320px) and (min-height: 861px) {
	html #videos .center { top:196px; }
	#whiteBlock			{ position:relative; height:861px; width:1320px;}
	#whiteBlockIn       { width: 1304px; height: 796px; }
	#rightBlock			{ width: 1034px; }
	html #fotoblockIn { height: 776px; }
	ul#slider { max-height:478px; }
	#textBlock { width:50%; height:776px; }
}


#nav              { position: absolute; z-index: 1000; left: 20px; top: -38px; }
#nav li           { padding-top: 5px; font-family: arial; font-weight:bold; float: left; position: relative; }
#nav li a         { line-height:18px; height:18px; position:relative; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; color: #000; text-transform: uppercase; z-index:1002; text-decoration: none; font-size: 16px; display: inline-block; padding: 8px 12px 7px; margin-right: 2px; }
#nav li a:hover,
#nav li a.selected  { color: #fff;  }
#nav li a div.bg { background:url(images/gradient.png) repeat-x bottom; position:absolute; top:0; left:0; width:100%; height:100%; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; z-index:1;}
#nav li a span { z-index: 2;}
#nav li span      { display: inline-block; height: 16px; overflow: hidden; }

#nav li ul        { background-color: #fff; background:rgba(255,255,255,0.8); padding: 5px 10px; margin: 8px 0 0 0; display: none; position: absolute; left: 0; top: 30px; z-index: 998; }
#nav li li        { float: none; white-space: nowrap; }
#nav li li a      { display: block; background: none; padding: 5px 12px 0 2px !important; }
#nav li li a:hover      { background: none !important; }

#leftBlock    { width: 260px; float: left; position: relative; height: 100%; }
.claim        { width: 181px; height: 32px; text-indent: -9999px; background: url('images/claim.png') 0 0 no-repeat; margin: 0 auto; }
.clear		  {clear:both;}

#rightBlock   { float: left; position: relative; height: 100%; }

#textBlock    { outline: none; font-size:12px; color:#000; width: 50%; background:#FFF; background-position:fixed; position: absolute; top:10px; overflow:auto; z-index: 1000; padding: 0; }
#textBlock form { margin-top: 20px; }
#textBlock li { margin-left:14px; padding:10px 0 0 10px; list-style-type: circle;}
#textBlock p { margin:10px 0 15px 0; }
#textBlock a { text-decoration:none; color:#999; }
#textBlock a:hover { text-decoration:underline; }
#textBlock strong, #textBlock b { font-weight:bold; }
#textBlock em, #textBlock i { font-variant:italic; }
#textBlock u { text-decoration:underline; }

#caption { width:98%; padding:1%; bottom:-150px; background:#fff; background:rgba(255,255,255, 0.7); color:black; text-align: center; position:absolute; z-index:3000;}

.text-center { left:25%; }
.text-right { right: 0;}
.textBlockIn  { background: #fff; padding: 1px 10px 0 20px; font-size: 12px; line-height: 18px; }
/*.textBlockIn strong  { font-size: 15px; line-height: 16px; color: #000; }*/
h2            { margin: 0 0 30px 0; padding: 10px 0 0 0; font-size: 22px; font-weight: bold; color: #669933; line-height: 22px; }
h2.red     { color: #cc0033; }


#textBlock form { margin-top: 20px; }
#textBlock label         { width: 70px; display: block; float: left; line-height:16px; padding: 3px 0 0 0px; }
#textBlock input.text    { border:1px solid #ccc; font-size: 12px; font-family: Arial, sans-serif; margin:0; border-radius:0; -webkit-appearance: none; padding: 3px 5px; background: #fff; width: 90%; }
#textBlock textarea      { border:1px solid #ccc; font-size: 12px; font-family: Arial, sans-serif; margin:0; border-radius:0; -webkit-appearance: none; padding: 3px 5px; background: #fff; width: 90%; }
#textBlock input.button  { text-transform: uppercase; font-family:LeagueGothicRegular; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-appearance: none; background: #aaa; border:0; width: 75px; padding: 10px 5px 3px; margin-right: 10px; font-size: 14px; color: white; position: relative; top: -6px;}
#textBlock input.button:hover  { cursor: pointer; background:#999; }
#textBlock input.error, #textBlock textarea.error   { background: #feabab; }
#textBlock .inputBlock   { line-height:0; padding:2px; position: relative; margin-bottom: 12px; font-size:11px; background: #fff; }
#textBlock label.error   { visibility: hidden; position: absolute; }
#textBlock .buttons      { position: relative; top: -14px; left: 20px; height: 27px; overflow: hidden; width:150px; }

#textBlock div.error input, #textBlock div.error textarea { background: #feabab; }

#sliderPack   { padding: 15px 0 0 0px; overflow: hidden; position: absolute; left:-240px; top:220px; width:224px; }
#photoSlider  { height: 90%; }
.sliderIn     { height: auto; position: relative; }
.sliderIn a   { margin: 2px; width: 57px; height: 57px; overflow: hidden; display: block; float: left; }
.sliderIn a img   { display: block; float: left; opacity:0.5; filter:alpha(opacity=50)}
.sliderIn a:hover img   { display: block; float: left; opacity:0.8; filter:alpha(opacity=80)}
.sliderIn a.current img { opacity: 1;}
.slideIn a.hover { position:absolute;}

ul#slider { margin-left:6px; float:left; }
ul#slider li {
	margin: 5px 6px 5px 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 57px;
	height: 57px;
}

ul#slider li img,ul#slider li a {
	width: 57px; height: 57px;
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
}

#move         { width: 140px; height: 20px; margin:10px 0 0 30px; z-index: 1000; background: white; }
#move a       { display: block; width: 17px; height: 13px; float: left; position: relative; top: 5px; margin: 0 0 0 25px; }
#left         { background: url('images/left.png') left top no-repeat; }
#move #startStop { color:#999; font-family:LeagueGothicRegular; font-size:16px; line-height:10px; width:auto; height:16px; text-decoration: none; }
#right        { background: url('images/right.png') left top no-repeat; }
#move a:hover { background-position:0 -13px;}
#move a.off:hover { background-position:0 0;}


.copyright { position: absolute; right: 10px; bottom: -30px; width:90%; font-size: 10px; }
.copyright iframe { float:right; }
.copyright .copytext { float:right; padding:3px 0; margin-right:15px; }

#fotoblock        { position: absolute; left: 0; top: 0; clear: both; overflow:hidden; z-index: -9999; width: 100%; height: 100%; }
#fotoblockIn      { width: 100%; height: 97%; overflow:hidden; margin: 10px auto; position: relative; }
#fotoblock img    { position: absolute; top: 0px; left: 0; display: none; }

#sidefotoblock      { position: absolute; left: 0px; top: 0; clear: both; overflow:hidden; z-index: -9999; width: 50%; height: 100%; }
#sidefotoblockIn    { width: 100%; height: 85%; margin: 20px auto; }
#sidefotoblock img  { margin: 0 auto; display: block; }

#videos {
	position:relative;
	height:100%;
}

.video {
	display:inline-block;
	margin:10px 20px 10px 0;
	vertical-align: top;
	float:left;
}

.video a {
	-webkit-box-shadow:0 0 3px #333;
	-moz-box-shadow:0 0 3px #333;
	box-shadow:0 0 3px #333;
	background:#fff;
	display:inline-block;
	height:150px;
	width:150px;

	display: table-cell;
    text-align: center;
    vertical-align: middle;

	zoom: 1;
	*display: inline;
}

.video img { display:block; text-align: center; margin:0 auto; }

.video a:hover {
	-webkit-box-shadow:0 0 6px #555;
	-moz-box-shadow:0 0 6px #555;
	box-shadow:0 0 6px #555;
}

#videos .center {
	position:relative;
	top:60px;
	margin:0 auto;
	width:520px;
}

#videos span {
	background:#9d9d9d;
	border-color:#9d9d9d;
	color:white;
	display:block;
	font-family:Arial, sans;
	font-size:13px;
	margin-top:5px;
	padding:3px 0;
	text-align:center;
	width:150px;
}

#video-controls {
	clear:both;
}

#video-controls a {
	background:url(images/video.png) left bottom;
	color:#fff;
	display:inline-block;
	width:7px;
	height:18px;
	margin-right:5px;
	padding:3px 8px;
	font-family:arial, sans;
	font-size:14px;
	text-decoration: none;

	zoom: 1;
	*display: inline;
}

#video-controls a:hover, #video-controls a#controlOn {
	background-position:left top;
}

#twitter-icon {
	height:26px;
	width:28px;
	background:url('images/twitter_icon.png') no-repeat;
	position:absolute;
	right:20px;
	top:-35px;
	z-index:1;
}

#twitter-icon:hover, #facebook-icon:hover {
	background-position:0 -28px;
}

#facebook-icon {
	height:26px;
	width:28px;
	background:url('images/fb_icon.png') no-repeat;
	position:absolute;
	right:52px;
	top:-35px;
	z-index:1;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
padding:10px 0 15px 0;
background-color: #aaa;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: #555;
}

.vscrollerbasebeg {
	background: url(images/bar.jpg) no-repeat;
	width: 15px;
	height:15px;
}

.vscrollerbaseend {
	background: url(images/bar.jpg) no-repeat;
	width: 15px;
	height:15px;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}