.overlay {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #050505;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
!important 
	}
	
		.overlay1 {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #050505;
	opacity: 0.3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
!important 
	}
	
			.overlay2 {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #050505;
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
!important 
	}
	
			.overlay3 {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #76ccf3;
	opacity: 0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
!important 
	}

			.overlaynavi {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #FFFFFF;
	opacity: 0.3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
!important 
	}


	
	.container {
		position: relative;
		float: left;
	}
		.container1 {
		position: relative;
		float: left;
	}
	
			.container2 {
		position: relative;
		float: left;
	}

		.container3 {
		position: relative;
		float: left;
	}
	
			.containernavi {
		position: relative;
		float: left;
	}




	.content {
		position: relative; /* Fixes the z-index */
		float: left;
               
	}
	#container .content {
		width: 100%;
	}
		#container1.content {
		width: 100%;
	}

		#container2.content {
		width: 100%;
	}

		#container3.content {
		width: 100%;
	}

		#containernavi.content {
		width: 100%;
	}

	
	/* Let's compensate for IE6's inability to interpret top: 0; and bottom: 0; */
	* html #container .overlay { height: expression(document.getElementById("container").offsetHeight); }
	* html #container1 .overlay1 { height: expression(document.getElementById("container1").offsetHeight); }
	* html #container2 .overlay2 { height: expression(document.getElementById("container2").offsetHeight); }
	* html #container3 .overlay3 { height: expression(document.getElementById("container3").offsetHeight); }
    * html #containernavi .overlaynavi { height: expression(document.getElementById("containernavi").offsetHeight); }



h1 { font-family: "Century Gothic", Century, Tahoma;  font-size: 26px; color: #FFFFFF; text-decoration: none; font-weight: normal; margin: 0; padding: 0;}
h2 { font-family: "Century Gothic", Century, Tahoma;  font-size: 28px; color: #9b9796; text-decoration: none; font-weight: normal; margin: 0; padding: 0;}

	
.forms { font-family: "Century Gothic", Century, Tahoma;   font-size: 11px; color: #050505; text-decoration: none ; border: 0 none; background-color: #FFFFFF; }
.forms1 { font-family: "Century Gothic", Century, Tahoma;   font-size: 11px; color: #737373; text-decoration: none ; border: 1px solid #737373; background-color: #000000;}
.button { font-family: "Century Gothic", Century, Tahoma;  font-size: 12px; color: #FFFFFF; text-decoration: none ; background-color: #050505; padding: 2px; border 0 none; }
.link { font-family: "Century Gothic", Century, Tahoma;   font-size: 11px; color: #000000; text-decoration: none ; padding: 4px; background-color: #76ccf3}
.linkf { font-family: "Century Gothic", Century, Tahoma;   font-size: 10px; color: #FFFFFF; text-decoration: none ; }
.text { font-family: "Century Gothic", Century, Tahoma;  font-size: 11px; color: #FFFFFF; text-decoration: none }
.text1 { font-family: "Century Gothic", Century, Tahoma;  font-size: 11px; color: #FFFFFF; text-decoration: none }
.small { font-family: "Century Gothic", Century, Tahoma;   font-size: 10px; color: #FFFFFF; text-decoration: none}
.links{ font-family: "Century Gothic", Century, Tahoma;  font-size: 11px; color: #9b9796; text-decoration: none }
.titles { font-family: "Century Gothic", Century, Tahoma;  font-size: 17px; color: #9b9796;  text-decoration: none }

.links2 { font-family: "Century Gothic", Century, Tahoma;  font-size: 11px; color: #050505; text-decoration: none }
.text2 { font-family: "Century Gothic", Century, Tahoma;  font-size: 11px; color: #050505; text-decoration: none }
.mtext1 { font-family: "Century Gothic", Century, Tahoma; font-size: 11px; color: #6D7D9E; text-decoration: none }


img.plinks { border: 1px #050505 solid; }
.plinks img{ border: 1px #050505 solid; }
a.plinks:hover img{ border: 1px #9b9796 solid; }

 img { border: none; margin: 0; vertical-align: middle; }


.navigation { font-family: "Century Gothic", Century, Tahoma;  font-size: 17px; color: #FFFFFF; text-decoration: none;}
a.navigation:hover {  color: #76ccf3; }
.navactive { font-family: "Century Gothic", Century, Tahoma;  font-size: 17px; color: #76ccf3; text-decoration: none;}


#flashphoto { height: 100%; }

.toggle_container
{ display: none; margin: 0px; position: relative;  }

.trigger {
	margin-right: 10px;
	padding: 0;
	cursor:pointer;
}


body, html {
padding:0px;
margin:0px;
height:100%;
background-repeat:no-repeat;
background-attachment:fixed;
}


a.links:hover {
	color: #FFF;
}
a.titles:hover {
	color: #FFF;
}

a.link:hover {
	color: #76ccf3;
	background-color: #050505;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:800px;
  height:600px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:auto; 
  height:auto;
}