/* -- Basics -- */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; outline: none; list-style: none; }

body		        { font: normal 100%/1.3 sans-serif; color: #FFFFFF; text-align: center; background: #000000; }
a			        { color: #ffffff;  }
a:hover	        { text-decoration: underline !important; }
a img   	      { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 2px 0; border: 1px solid #595959; color: #000 !important; vertical-align: middle; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { width: 98px; height: 25px; overflow: visible; padding: 0 5px; color: #fff; font-weight: bold; border: none; cursor: pointer; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1	{ font-size: 2em; }
h2	{ font-size: 1.45em; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 1.1em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #ffff00; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }
address     { font-style: normal; }

/* -- User friendly features --*/
.hidden { display: none; }
.noscreen { width: 200px; position: absolute; left: 0; top: -999px; }

/* -- Basics layout -- */
#view    { text-align: left; }
#head    { position: relative; z-index: 10; }
#content { z-index: 1; }
#foot    { z-index: 1; }

/* -- Main classes -- */
.fr		     { float: right !important; }
.fl		     { float: left !important; }
.clear     { clear: both !important; }
.right	   { text-align: right !important; }
.left		   { text-align: left !important; }
.center	   { text-align: center !important; }
.last		   { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; }
.small	   { font-size: .9em; }
.big       { font-size: 1.5em; }
.light     { color: #999999 !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.test      { border: 1px black solid; }
.inlink    { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; }

/* -- Graphic overlays -- */
a.overlaid,
.overlaid a     { display: block; cursor: pointer; overflow: hidden; }
.overlaid       { position: relative; width: 100%; height: 100%; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* -- Forms layout -- */
.formBox .lab			      { float: left; width: 19%; text-align: right; padding-right: 1%; }
.formBox .con			      { float: right; width: 80%; }
.formBox .clearfix	    {  }
.formBox .w100          { width: 98%; }
.formBox .button:focus  { border-color: #000; }

/* -- Basic content constructs -- */
.offsetTop    { margin-top: 1em; }
.offsetBottom { margin-bottom: 1em; }
.info         { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; }

/* -- Layout -- */
.background {	
/*	display: block;
	height: 100%;
	position: fixed;
	width: 100%;
  background: url('../images/wall.jpg') repeat scroll 0 0 transparent; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  -khtml-opacity: 0.80;
  opacity: 0.80;
  
  z-index: 1;*/

}

.overlay { 
	display: block;
	height: 100%;
	position: fixed;
	width: 100%;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;

	background: url("../images/bg_f1.jpg") no-repeat center center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  z-index: 5;
	
}

#head { 
	position: fixed; top: 0px; height: 200px; width: 100%; z-index: 1000; 
	background: url("../images/header.png") repeat-x scroll right top transparent;
}

#header .logo { width: 188px; height: 122px; position: absolute; top: 10px; left: 20px; }
#header .logo span { background: url('../images/logo.gif') top left no-repeat; }



#view         { position: absolute; width: 100%; top: 80px; left: 0px; z-index: 500; }
/* #content {  width: 760px; margin: 0 auto; padding-top: 0px; background: transparent; } */

#header { 
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

#header .in {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 55px;
	background: url("../images/header.png") repeat-x scroll right top transparent;		
}

#header #navigation 
{ 
	position: relative;
	text-align: center;
	top: 15px;
}

#header #navigation a {
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 20px;
	font-size: 24px; 
	font-weight: bold;	
	
}

.shadow {
  -moz-box-shadow:    3px 3px 10px 2px #000000;
  -webkit-box-shadow: 3px 3px 10px 2px #000000;
  box-shadow:         3px 3px 10px 2px #000000;
}

.box { 
	position: relative;
	margin-bottom: 2em !important; 
	width: 760px; margin: 0 auto; padding-top: 0px; background: transparent;
}

.box .in { 
	position: relative;
	padding: 20px; 
	 z-index: 100; 
}

.box .bg-layer, .gallery .bg-layer { 
	position: absolute; 
	z-index: 1; 
	top: 0px; 
	left: 0px; 
	width: 100%;
	height: 100%;
	background-color: #222222; 
	z-index: 1; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;

	-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;	
}

.gallery .bg-layer {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */
}

.gallery 
{
	position: relative;
	width: 100%; height: 480px;
	margin-bottom: 2em; 
}

.map { 
	margin-top: 1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}


#fbButton { position: absolute; z-index: 1000; top: 15px; right: 0px; width: 150px; }

.facebookLink {
	margin-top: 10px;
	display: block;
	width: 110px;
	text-align: center;
	padding: 4px 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 3px; /* future proofing */
   -webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);
	-moz-box-shadow:    1px 1px 0px rgba(255, 255, 255, 0.75);
	box-shadow:         1px 1px 0px rgba(255, 255, 255, .75);
	background-color: #3e5e96;
	text-decoration: none;
	border-top: 1px solid #002656;
	border-left: 1px solid #002656;
	font-family: Arial, Helvetica, sans-serif;	
}

.facebookLink:hover {
	text-decoration: none !important;
	background-color: #002656;
	-webkit-box-shadow: 1px 1px 0px #3e5e96;
	-moz-box-shadow:    1px 1px 0px #3e5e96;
	box-shadow:         1px 1px 0px #3e5e96;
}