/*----- FIREFOX CSS SHEET -----*/


/*----- MAIN FRONT END -----*/

body	{ width: 800px; margin-top: -0px; margin-left: auto; margin-right: auto; background: url(../images/bg.jpg) repeat-x left top; background-color: #e3e3e3; }

#wrap	{ width: 800px; }
#wrapi	{ width: 600px; margin-left: auto; margin-right: auto; }
#index	{ width: 600px; height: 100px; background: url(../images/indexbg.jpg) no-repeat left top; margin-top: 50px; padding: 300px 0 0 0; }
#header	{ width: 800px; height: 50px; }
#banner	{ width: 780px; height: 90px; padding: 150px 10px 10px 10px; }
#main	{ width: 780px; text-align: left; background-color: #ffffff; padding: 10px 10px; }
#video	{ width: 760px; height: 323px; float: left; background: url(../images/videoboxbg.jpg) no-repeat left top; padding: 10px 10px; margin: 0 0 10px 0; }
#video2	{ width: 575px; height: 323px; float: right; background-color: #000000; }
#videob	{ width: 140px; height: 89px; float: right; text-align: left; padding: 15px 0 0 40px } 
#footer	{ width: 760px; height: 110px; background: url(../images/footerbg.jpg) repeat-x left top; padding: 20px 20px; }
#column	{ width: 253px; float: left; }
#form	{ width: 380px; float: left; padding: 0 10px 0 0; }

#clear	{ clear: both; }

/*----- IMAGES -----*/
img			{ border: 0px; }
.banner			{ position: absolute; top: 50px; left: 50%; margin-left: -400px; z-index: -1; }
.banner2		{ margin: 0 0 5px 0; }
.slides_container { width:800px; height:250px; display: block; }
.slides_container div { width:800px; height:250px; display: block; position: absolute; top: 50px; left: 50%; margin-left: -400px; z-index: 4; }
.button			{ float: left; }
.logo			{ position: absolute; top: 10px; left: 50%; margin-left: -445px; z-index: 5; }
.logoi			{ position: absolute; top: -40px; left: 50%; margin-left: -340px; z-index: 5; }
.spot			{ position: absolute; top: 75px; left: 50%; margin-left: -480px; z-index: -2; }
.new			{ position: absolute; top: 783px; left: 50%; margin-left: -205px; z-index: 5; }
.new2			{ position: absolute; top: 645px; left: 50%; margin-left: -205px; z-index: 5; }
.gallerymain		{ float: left; }
.menu			{ float: right; }

.thumbox		{ position: relative; height: 450px; width: 435px; }
.thumbnail img		{ float: right; margin: 0 0 7px 7px; }
.thumbnail:hover	{ background-color: transparent; }
.thumbnail:hover img	{ cursor: default; }
.thumbnail span		{ position: absolute; visibility: hidden; background-color: transparent; left: -50px; }
.thumbnail span img	{ border: 0px; padding: 0px; }
.thumbnail:hover span	{ visibility: visible; top: 733px; left: 50%; margin-left: -397px; z-index: 50; }

/*----- FONTS -----*/
p	{ font-size: 12px; font-family: trebuchet MS, san serif; color: #ffffff; }
a	{ text-decoration: none; color: #ffffff; }
a:hover	{ text-decoration: none; color: #828282; }

h1	{ font-size: 24px; font-family: trebuchet MS, san serif; color: #ffffff; text-shadow: #2c2c2c 1px 1px 1px; float: left; text-transform: uppercase; margin-bottom: -10px; }
h2	{ font-size: 20px; font-family: trebuchet MS, san serif; color: #3c3c3c; float: left; text-transform: uppercase; margin: 0 0 0 0; }
h3	{ font-size: 14px; font-family: trebuchet MS, san serif; color: #828282; float: left; text-transform: uppercase; margin: 0 0 10px 5px; }
.videot	{ font-size: 12px; font-family: trebuchet MS, san serif; color: #939393; font-weight: bold; text-align: left; margin: 0 0 5px 15px; }
.text	{ font-size: 10px; font-family: trebuchet MS, san serif; color: #828282; line-height: 120%; }
.text2	{ font-size: 12px; font-family: trebuchet MS, san serif; color: #828282; line-height: 120%; }
.shortd	{ font-size: 12px; font-family: trebuchet MS, san serif; color: #ffffff; text-shadow: #2c2c2c 1px 1px 1px; line-height: 130%; }
.foot	{ font-size: 20px; font-family: trebuchet MS, san serif; color: #828282; text-align: left; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; }
.foot2	{ font-size: 14px; font-family: trebuchet MS, san serif; color: #ffffff; text-align: left; margin: 0 0 15px 10px; }
.foot3	{ font-size: 10px; font-family: trebuchet MS, san serif; color: #ffffff; text-align: left; margin: 0 0 2px 0; }
.small	{ font-size: 10px; font-style: italic; padding: 0 0 0 5px; } 

/*----- FORM FIELDS -----*/
label				{ float: left; width: 150px; padding: 5px 10px 0 0; margin-top: auto; margin-bottom: auto; font-size: 12px; font-family: trebuchet MS, san serif; color: #939393; text-align: right; }
.required			{ color: #000000; font-weight: bold; }
TEXTAREA, INPUT			{ font-family: trebuchet MS, san serif; font-size: 12px; line-height: 120%; margin: -0; padding: 5px 5px; margin-right: 5px; border: 1px solid #a1a1a1;  }
SELECT, OPTION			{ font-family: trebuchet MS, san serif; font-size: 12px; padding: 2px 2px; margin-right: 5px;  }

/*----- HOVER EFFECT -----*/
.imgteaser 			{ margin: 0; overflow: hidden; float: left; position: relative; }
.imgteaser a 			{ text-decoration: none; float: left; }
.imgteaser a:hover		{ cursor: pointer; }

.imgteaser a img 		{ float: left; margin: 5px 5px 10px 5px; background: #fff; }

.imgteaser a:hover .desc	{ display: block; font-size: 11px; font-family: trebuchet MS, san serif; padding: 10px 10px; background: #111; filter:alpha(opacity=55); opacity:.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; color: #fff; position: absolute; bottom: 15px; left: 5px; margin: 0; width: 230px; }
.imgteaser a:hover .desc strong { display: block; margin-bottom: 5px; font-size: 12px; font-weight: bold; font-family: trebuchet MS, san serif; }

.imgteaser a .desc 		{ display: none; }

