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

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

}

ul, li  { margin: 0; padding: 0; list-style: none; }
h1      { margin: 0; padding: 18px 0 0 18px; position: relative; z-index: 100; }
h1 a    { display: block; text-decoration: none; width: 400px; z-index:101; }
h1 a img { display:block; z-index:102; }
a img   { border: 0; }
.clear { clear:both; }

#header { position:absolute; }

#nav              { padding: 20px 0 0 18px; z-index: 100; width:300px; }
#nav li           { padding-top: 5px; font-family:LaneNarrowRegular; }
#nav li a         { background: #000; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 20px; line-height:15px; display: inline-block; padding: 6px 10px 5px 10px; }
#nav li a:hover,
#nav li a.selected,
#nav li a.active  { background: #b4e-e58; color: #000; }
#nav li ul        { margin-left: 10px; margin-bottom: 5px; display:none; }
#nav li li a      { background-image: url('../images/arrow.png'); background-position:5px -25px; background-repeat:no-repeat; padding-left: 15px; font-size: 18px; }
#nav li li a:hover,
#nav li li a.selected,
#nav li li a.active { background-image: url('../images/arrow.png'); background-position:5px 2px; background-repeat:no-repeat; padding-left: 15px; }


#textBlock    { font-size:12px; line-height:auto; color:white; width: 444px; margin: 80px 0; padding: 10px 25px; background:#000; position: absolute; overflow-y:auto; overflow-x:hidden; top: 0px; right: 80px; height: 100%; z-index: 1000; }
.text-BlockIn  { background: url('../images/bg.png'); }
.textBlockIn strong  { font-size: 13px; line-height: 16px; }
h2            { margin: 0 0 30px 0; padding: 10px 0 0 0; font-size: 32px; font-weight: bold; text-transform: uppercase; }

#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 { color:#aaa; }
#textBlock strong, #textBlock b { font-weight:bold; }
#textBlock em, #textBlock i { font-variant:italic; }
#textBlock u { text-decoration:underline; }
#textBlock .button { color:#000; }

#textBlock label         { font-weight: bold; color: #c7c7c7; display: block; font-size: 13px; }
#textBlock input.text    { color:#000; border-radius:0; -webkit-appearance: none; margin-bottom: 7px; border: 1px solid #5f5f5f; background: #c7c7c7;  width:98%; padding:1%; }
#textBlock textarea   { color:#000; border-radius:0; -webkit-appearance: none; margin:2px 0 7px 0; border: 1px solid #5f5f5f; background: #c7c7c7; width:98%; padding:1%; height:80px; }
#textBlock input.button  { background: #c7c7c7; border: none; border-top: 1px solid #5f5f5f; border-bottom: 1px solid #5f5f5f; font-weight: bold; width: 75px; padding: 3px 5px; margin-right: 10px; }
#textBlock input.button:hover  { background: #aaa; cursor: pointer; }
#textBlock input.error, #textBlock textarea.error   { background: #feabab; }
#textBlock .inputBlock   { position: relative; }
#textBlock label.error   { position: absolute; right: 0; top: 0; color: #feabab; }
.html .textBlockIn { color:#000; }

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

#photoSlider  { background: #161516; height: 127px; overflow-x: scroll; overflow-y: hidden; position: absolute; left: 0; bottom: 21px; width: 100%; }
.sliderIn     { white-space: nowrap; padding: 2px 0; position: absolute; left: 31px; top: 0; }
.sliderIn img { opacity: .7; cursor: pointer; }
.sliderIn img:hover { opacity: 1; }
#move         { width: 31px; height: 123px; position: absolute; left: 0; top: 2px; z-index: 1000; background: #161516; }
#move a       { display: block; width: 31px; height: 41px; }
#left         { background: url('../images/left.png') 0 -72px no-repeat; }
#right        { background: url('../images/right.png') 0 -72px no-repeat; }
#move a.off   { background-position: 0 -10px; }
#move a.slideOff { background-position:-1px -71px;}
#slide        { background: url('../images/slideshow.png') -1px -10px no-repeat; }


#footer     { background: #000; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 9px; text-transform: uppercase; height: 25px; overflow: hidden; z-index:5000; }
.footerIn   { padding: 5px 0 2px 5px; }
.social-icons { position:absolute; right:5px; top:3px;}
.social-icons iframe { float:right; }

.cufon-loading .cuf { visibility: hidden !important; }

#fotoblock        { position:fixed; left: 0; top: 0; overflow:hidden; z-index: -9999; width:100%; height:100%; }
#fotoblock img    { position:fixed; display: none; }
#toggleThumbs { background:#000; color:#FFF; padding:5px; border-radius:5px 5px 0 0; position:absolute; bottom:23px; left:10px;}

#caption {
	background:#000;
	color:#FFF;
	padding:6px 15px;
	position:absolute;
	right:15px;
	top:15px;
	z-index:100;
}

#videos {
	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;
	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;
}

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

#twitter-icon { width:17px; height:17px; margin-top:2px; display:block; float:right; z-index:1000; background:url(../images/twitter_icon.png) no-repeat top right;}
#twitter-icon:hover { background-position: -1px -17px;}
#facebook-icon { width:17px; height:17px; margin-top:2px; display:block; float:right; z-index:1000; background:url(../images/facebook_icon.png) no-repeat top right;}
#facebook-icon:hover { background-position: 0px -17px;}

/* 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: #000;
}
.vscrollerbar {
width: 10px;
padding:10px 0 10px 0;
background-color: #aaa;
}
.hscrollerbase {
height: 10px;
background-color: #000;
}
.hscrollerbar {
height: 10px;
background-color: #555;
}

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

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

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

.nav-icons { position:fixed; bottom:200px; width:100%; z-index:40; }

.prev_image { 
	background:url('../images/back-button.png') no-repeat top left;
	display:block;
	height:40px;
	left:14px;
	outline:0;
	position:absolute;
	width:40px;
}
.next_image {
	background:url('../images/next-button.png') no-repeat top left;
	display:block;
	height:40px;
	outline:0;
	position:absolute;
	right:16px;
	width:40px;
}
.prev_image:hover, .next_image:hover { background-position:0 -40px; }