/*- Meyer's CSS Reset ------------------------------------------------------------------------------ */

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: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
  	margin: 0px;
	font-size: 75%; 	/* Resets 1em to 10px */	
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*- Page Structure ------------------------------------------------------------------------------ */

body { 
	background:  #000 url("../img/rotate.php")	center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	font-family: "HelveticaRo", Helvetica, Arial, Sans-Serif; 
	line-height: 1.6;
	}

#content {
	position:absolute;
	width: 65%;
	top: 120px;
	left: 30px;
	}

#content div {
	padding:0.5em 0.4em 0.1em 0.4em;
	color: white;
	/*background-color: #000;
	opacity: 0.2;*/
 	margin-top:2em;
	margin-bottom:1em;
	}
	
html>body #content div {
	background:#000;
/*	opacity: 0.9;*/
/*	*filter:Alpha(Opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);}*/
/*	opacity: .90; /* standard: ff gt 1.5, opera, safari */*/
	-ms-filter: “Alpha(Opacity=90)”; /* ie 8 */
	filter: Alpha(Opacity=90); /* ie lt 7 */
}

html>body #content div {
	background-color: rgba( 0, 0, 0, 0.85);
}



/*- Fonts ------------------------------------------------------------------------------ */

@font-face {
  font-family: "Miso";
  src: url(../font/MISO.OTF) format("opentype")
}

@font-face {
  font-family: "MisoBold";
  src: url(../font/MISO-BOL.OTF) format("opentype")
}

@font-face {
  font-family: "HelveticaCn";
  src: url(../font/HelveticaNeueLTPro-Cn.otf) format("opentype");
}

@font-face {
  font-family: "HelveticaRo";
  src: url(../font/HelveticaNeueLTStd-Roman.otf) format("opentype");
}

@font-face {
  font-family: "HelveticaBdCn";
  src: url(../font/HelveticaNeueLTStd-BdCn.otf) format("opentype");
}


/*- Text Elements ------------------------------------------------------------------------------ */

h1{
  	font-family: "MisoBold", sans-serif;
	font-size: 2em;}

h2{
  	font-family: "Miso", sans-serif;
  	font-size: 1.4em;}

h3{
  	font-family: "HelveticaBdCn", sans-serif;
  	font-size: 1.2em;}

p {
  	font-size: 1.2em;
	margin-bottom:1em;
	
	}

strong{
  	font-family: "MisoBold", sans-serif;
  	font-size: 1.1em;
   	}

a {text-decoration: none; color: #8cc643;}
a:hover, a:visited:hover{text-decoration: none; color: #000; background-color: #8cc643;}


/*- Dumpster ------------------------------------------------------------------------------ */

/*#bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
*/