@font-face {
font-family: Helvetica25 ;
src: url( ../Helvetica25.ttf ) format("truetype");
}
#photoloc {
position: absolute;
top: 0px;
}

#aboutloc {
position: absolute;
top: 650px;
}

#contactloc {
position: absolute;
top: 1300px;
}

#secretloc {
position: absolute;
top: 2500px;
}

#secret{
border-style: none;
position: absolute;
top: 300px;
width: 900px;
height: 300px;
left: 50%;
margin-left: -450px;
z-index: 500;
}

#alliance{
position: fixed;
bottom: 2px;
left: 2px;
width: 30px;
height: 30px;
}

#topbg {
left: 50%;
margin-left: -840px;
width: 1680px;
height: 631px;
position: fixed;
top: 0px;
}

#topbg2 {
background-image: url(src/newbg.jpg);
background-repeat: repeat-x;
left: 0;
width: 100%;
height: 327px;
position: fixed;
top: 0px;
}

#toplogo{
width: 100px;
height: 100px;
position: absolute;
left: 280px;
top: 20px;
}

#menu{
width: 400px;
height: 21px;
position: absolute;
right: 288px;
top: 40px;
}


.fadewebkit{
opacity: 0.6;
-webkit-opacity: 0.6;
-webkit-transition: opacity .5s;
}

.fadewebkit:hover{
opacity: 1;
-webkit-opacity: 1;
-webkit-transition: opacity .5s;
}


.rotate{
-webkit-transition: -webkit-transform 2s ease-in-out;
}
.rotate:hover{
-webkit-transform: rotate(17deg);
}

.cloud{
-webkit-transition: -webkit-transform 2s ease-in-out;
}

#quote1 {
content: open-quote;
	z-index: 0;
	color: #f2f2f2;
	left: 50%;
	margin-left: -70px;
	top: 800px;
	position: absolute;
	font-size: 144pt;
	-ms-filter: "alpha(opacity=20)"; /* IE 8 */
	filter: alpha(opacity = 20); /* IE 4-7*/
	zoom: 1; /* freaking IE again */
	opacity: 0.2;
	-moz-opacity: 0.2;
	-webkit-opacity: 0.2;

}

#quote2 {
	z-index: 0;
	color: #f2f2f2;
	left: 50%;
	margin-left: 380px;
	top: 1060px;
	position: absolute;
	font-size: 144pt;
	-ms-filter: "alpha(opacity=20)"; /* IE 8 */
	filter: alpha(opacity = 20); /* IE 4-7*/
	zoom: 1; /* freaking IE again */
	opacity: 0.2;
	-moz-opacity: 0.2;
	-webkit-opacity: 0.2;

}


#menubg {
position: fixed;
width: 280px;
height: 40px;
left: 50%;
top: 32px;
margin-left: -150px;
background-color: #333333;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity = 50); /* IE 4-7*/
zoom: 1; /* freaking IE again */
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-opera-border-radius: 5px;
}

#menubg2 {
position: fixed;
width: 410px;
height: 40px;
left: 50%;
top: 32px;
margin-left: -150px;
background-color: #333333;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity = 50); /* IE 4-7*/
zoom: 1; /* freaking IE again */
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#menubg3 {
position: fixed;
width: 550px;
height: 40px;
left: 50%;
top: 32px;
margin-left: -150px;
background-color: #333333;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity = 50); /* IE 4-7*/
zoom: 1; /* freaking IE again */
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#photo{
width: 156px;
height: 21px;
position: absolute;
left: 0px;
}

#about{
width: 156px;
height: 21px;
position: absolute;
left: 125px;
}


#contact{
width: 156px;
height: 21px;
position: absolute;
right: 0px;
}

#topcontainer {
left: 50%;
margin-left: -750px;
width: 1500px;
height: 631px;
position: fixed;
top: 0px;
}


#mainbg{
left: 50%;
margin-left: -360px;
width: 841px;
height: 3000px;
position: absolute;
top: 20px;
}

#main {
width: 100%;
height: 100%;
position: absolute;
overflow: ;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}

.rnd {
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

.rndl {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

#thumbsbg {
background-color: #333333;
position: absolute;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity = 50); /* IE 4-7*/
zoom: 1; /* freaking IE again */
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
width: 750px;
height: 380px;
top: 123px;
left: 50%;
margin-left: -310px;
}

#thumbsbgl {
background-color: #97ba78;
position: absolute;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity = 50); /* IE 4-7*/
zoom: 1; /* freaking IE again */
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
width: 20px;
height: 380px;
top: 123px;
left: 50%;
margin-left: -330px;
}

#aboutbg {
background-color: #333333;
position: absolute;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity = 50); /* IE 4-7*/
zoom: 1; /* freaking IE again */
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
width: 770px;
height: 350px;
top: 830px;
left: 50%;
margin-left: -315px;
}

#aboutbgl {
background-color: #ba8f5e;
position: absolute;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity = 50); /* IE 4-7*/
zoom: 1; /* freaking IE again */
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
width: 20px;
height: 350px;
top: 830px;
left: 50%;
margin-left: -335px;
}

#contactbg {
background-color: #333333;
position: absolute;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity = 50); /* IE 4-7*/
zoom: 1; /* freaking IE again */
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
width: 830px;
height: 460px;
top: 1470px;
left: 50%;
margin-left: -354px;
}

#contactbgl {
background-color: #729dba;
position: absolute;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter: alpha(opacity = 50); /* IE 4-7*/
zoom: 1; /* freaking IE again */
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
width: 20px;
height: 460px;
top: 1470px;
left: 50%;
margin-left: -374px;
}


#photodiv {
position: absolute;
top: 160px;
left: 50%;
margin-left: -295px;
width: 700px;
height: 300px;
z-index: 10;
}

#photodiv:link {
color: #a2a2a2;
}

#thumbsdiv1{
position: absolute;
top: 0px;
}

#thumbsdiv2{
position: absolute;
top: 0px;
left: 185px;
}

#thumbsdiv3{
position: absolute;
top: 0px;
left: 370px;
}

#thumbsdiv4{
position: absolute;
top: 0px;
left: 555px;
}


.photolink {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#aboutwords {
z-index: 1;
font-family: 'Josefin Slab', Georgia, "Times New Roman", Times, serif;
color: white;
line-height: 150%;
font-size: 12px;
left: 50%;
margin-left: -20px;
top: 850px;
position: absolute;
height: auto;
width: 450px;
}


.aboutwordsl {
width: 200px;
float: left;
}

.aboutwordsr {
width: 200px;
float: right;
}

#aboutphoto {
border-color: #b6b6b6;
border-width: 1px;
border-style: solid;
position: absolute;
width: 200px;
height: 301px;
top: 850px;
left: 50%;
margin-left: -300px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;  
}

#formwrap {
color: #b3b3b3;
font-size: 12px;
font-family: Helvetica, Verdana, Arial, sans-serif;
position: absolute;
width: 800px;
height: auto;
top: 1500px;
left: 50%;
margin-left: -400px;
}

#contactformframe {
padding: 5px;
border-width: 1px;
border-color: #b3b3b3;
border-style: solid;
background-color: #e6e6e6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
height: 420px;
width: 800px;
top: 1484px;
left: 50%;
margin-left: -345px;
position: absolute;
}

#contactform {
height: 420px;
width: 800px;
top: 1500px;
left: 50%;
margin-left: -320px;
position: absolute;
}
#contactphoto {
position: absolute;
height: 400px;
width: 400px;
top: 1500px;
left: 50%;
margin-left: 50px;
}

#links {padding: 5px; border-color: #e6e6e6; border-width: 1px; border-style: dotted; text-decoration: none; left: 50%; position: absolute; top: 1850px; margin-left: -80px; height: auto; width: auto; color: white; font-size: 15px; font-family: Helvetica, Verdana, Arial, sans-serif; text-align: center;}

#links:link {text-decoration: none; color: #84b365; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 25px;}

#iconbg { 
padding-right: 7px; 
padding-left: 5px; 
padding-bottom: 5px; 
padding-top: 8px; 
position: fixed;
bottom: 35px;
left: 0px;
background-color: black;
border: #4c4c4c;
-moz-border-radius-topright: 5px; 
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px; 
-webkit-border-bottom-right-radius: 5px;
-moz-opacity:.80;
opacity:.80;
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
filter: alpha(opacity = 80); /* IE 4-7*/
zoom: 1; /* freaking IE again */
}

/*#fade2grey{
height: 100px;
background-image: url(src/fade2grey.png);
background-repeat: repeat-x;
position: absolute;
width: 100%;
left: 0px;
right: 0px;
top: 2000px;
}*/

#secretbg{
height: 1500px;
position: absolute;
width: 100%;
left: 0px;
right: 0px;
top: 2100px;
background-color: #cdf5ff;
z-index: -10;
}

#secretblock{
position: absolute;
top: 2700px;
height: 382px;
width: 734px;
left: 50%;
margin-left: -367px;
}

#blockbg{
position: absolute;
top: 2700px;
height: 382px;
width: 734px;
left: 50%;
margin-left: -367px;
}


#topblock{
position: absolute;
top: 0px;
left: 0px;
}
#bwblock{
position: absolute;
top: 75px;
left: 0px;
}
#liftoffblock{
position: absolute;
top: 152px;
left: 0px;
}
#cubesblock{
position: absolute;
top: 228px;
left: 0px;
}
#bottomblock{
position: absolute;
top: 305px;
left: 0px;
}
#sky{
position: fixed;
width: 2000px;
height: 2000px;
top: 0px;
left: 0px;
z-index: 150;
}

.secrets{
	z-index: 500;
	text-decoration: none;
	color: #a9cad3;
	font-size: 100px;
	font-family: Helvetica25, Helvetica, Verdana, Arial, sans-serif;
}
.secrets:hover{
	z-index: 500;
	text-decoration: none;
	color: #a9cad3;
	font-size: 100px;
	font-family: Helvetica25, Helvetica, Verdana, Arial, sans-serif;
}

#hide{
position: absolute;
width: 100%;
height: 1450px;
top: 650px;
left: 0px;
right: 0px;
z-index: -1;
background-color: #E8E6DC;

}

#mariobg{
position: fixed;
height: 148px;
width: 2000px;
bottom: 0px;
right: 0px;
z-index: -5;
}








input, textarea {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100%;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea {
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: #C9C9C9;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label {
	margin-left: 10px;
	color: #999999;
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

input.my-url{display:none;}