@font-face {
  font-family: "Futura LT Medium";
  src: url(FuturaStd-Medium.otf);
}
@font-face {
  font-family: "Futura LT Medium IE";
  src: url(FuturaStd-Medium.eot);
}
*										{ margin: 0; padding: 0; color: #fff; }
body									{ background: #1f1f1f }
div#header								{ height: 50px; background: url(../images/header-bg.gif) 0 0 repeat-x; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; z-index: 1009}
div#logo								{ float: right; }
div#logo img							{ border: 0; }
div#header ul							{ list-style-type: none; height: 50px; float: left; }
div#header ul li						{ float: left; margin-left: 10px; }
div#header ul li a						{ font-family: "Futura LT Medium", "Futura LT Medium IE", "Lucida Grande", "Tahoma", sans-serif; font-size: 1em; text-decoration: none; color: #fff; display: block; line-height: 50px; }
div#header ul li a span					{ padding: 0 20px; line-height: 50px; display: block; text-transform: uppercase; }
div#header ul li a:hover span			{ color: #ddd; }
div#header ul li a.active				{ background: url(../images/nav-left.gif) 0 12px no-repeat; }
div#header ul li a.active span			{ background: url(../images/nav-right.gif) 100% 12px no-repeat; color: #000; }
div#header ul li p						{ line-height: 50px; font-size: 18px; }

div#header-dropshadow					{ position: absolute; z-index: 1009; top: 50px; background: url(../images/header-drop.png) 0 0 repeat-x; height: 13px; width: 100%; }
/*div#header ul li a						{ font-family: Futura, sans-serif; }
/*
div#header ul							{ list-style-type: none; height: 50px; }
div#header ul li						{ float: left; line-height: 50px; font-family: "Futura", "Lucida Grande", "Tahoma", sans-serif; font-size: 18px; margin: 0 10px; }
div#header ul li a						{ text-decoration: none; display: block; }
div#header ul li a:hover				{ color: #ff0000 }
*/

div#shroud								{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; z-index: 1010}
.hidden									{ display: none; }
.rel									{ position: relative; }
.abs									{ position: absolute; }


div#content-contact						{ text-align: center; position: absolute; z-index: 1011; width: 100%}
div#content-contact ul					{ list-style-type: none; }
div#content-contact ul li				{ line-height: 50px; font-family: "Futura LT Medium", "Futura LT Medium IE", "Lucida Grande", "Tahoma", sans-serif; font-size: 1.3em; }
div#content-contact ul li h1			{ text-transform: uppercase; font-size: 1.6em; }


div#body								{ font-family: "Futura LT Medium", "Futura LT Medium IE"; padding-top: 50px; height: 100%; }
div#body h1								{ font-size: 2em; }
div#body p								{ font-size: 1em; }

div#body-about							{ padding: 30px; }
div#photo-container						{ width: 100%; overflow: hidden; }

div#thumbnails							{ position: absolute; z-index: 1009; top: 100%; margin-top: -100px; width: 100%; height: 100px; overflow: hidden; }
div#thumbnails-container				{ background: url(../images/bg-thumbs.gif) 0 0 repeat-x; }
div#thumb-dropshadow					{ position: absolute; z-index: 1009; top: 100%; margin-top: -110px; width: 100%; height: 10px; background: url(../images/footer-drop.png) 0 0 repeat-x; }

div#thumbnails ul						{ list-style-type: none; height: 100px; overflow: hidden; position: relative;}
div#thumbnails ul li					{ float: left; padding-right: 1px; }
div#thumbnails ul li img				{ cursor: pointer; }

div.controls							{ position: absolute; z-index: 1009; cursor: pointer; }
div#arrow-right,
div#arrow-left							{ width: 46px; height: 67px; top: 45%; }
div#arrow-left							{ margin-left: 10px; }
div#arrow-right							{ left: 100%; margin-left: -56px; }
div#arrow-left:hover,
div#arrow-right:hover					{ background-position: 0 -67px;  }

div#arrow-left a span,
div#arrow-right a span					{ display: none; }
div#arrow-left a,
div#arrow-right a						{ display: block; width: 46px; height: 67px; }
div#arrow-left a						{ background: url(../images/arrow-left.png) 0 0 no-repeat; }
div#arrow-right a						{ background: url(../images/arrow-right.png) 0 0 no-repeat; }
div#arrow-left a:hover,
div#arrow-right a:hover					{ background-position: 0 -67px; }


div#zoom								{ width: 39px; height: 38px; top: 100%; margin-top: -150px; overflow: hidden;}

div#arrow-left-small					{ width: 21px; height: 30px; top: 100%; margin-top: -63px; margin-left: 10px; z-index: 1010; background: url(../images/arrow-small-left.png) 0 0 no-repeat; }
div#arrow-right-small					{ width: 21px; height: 30px; top: 100%; margin-top: -63px; left: 100%; margin-left: -40px; z-index: 1010; background: url(../images/arrow-small-right.png) 0 0 no-repeat;}
div#arrow-left-small:hover,
div#arrow-right-small:hover				{ background-position: 0 -30px; }

div#photo-container-effect				{ position: absolute; top: 50px; width: 100%; overflow: hidden; z-index: 1 }
.imgContainer							{ position: absolute; top: 50px; width: 100%; overflow: hidden; }


div#drag								{ position: absolute; width: 201px; height: 37px; z-index: 1009; background: url(../images/drag.png) 0 0 no-repeat; }
div#loading								{ position: absolute; width: 300px; height: 54px; z-index: 1009; background: url(../images/loading.png) 0 0 no-repeat; }