/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	
-------------------------------------------------------------------------------*/

/* Default.
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									


h1 {font-size: 20pt; font-weight: 700; margin: 5px 0px 16px 50px; text-align: left;}

ul {list-style: none;}

a.body:visited, a.body:link{text-decoration: none;color: #c3c3c3;font-weight: 400;}
a.body:hover, a.body:active{text-decoration: underline;color: #f2f2f2;font-weight: 400;}


a.link:visited, a.link:link{text-decoration: none;color: #c3c3c3;font-weight: 300;}
a.link:hover, a.link:active{text-decoration: none;color: #f2f2f2;font-weight: 400;}


body{
  font-size: 0.8em;
  color: #f2f2f2;
  font-weight: 300;
  background-color: #101010;
  font-family: 'Lato', sans-serif;
  text-align: center;
}


/* Background */

#bg img {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1120px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;

  z-index: -10;
}

/* Background */

#page-bg img {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1120px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;

  z-index: -10;
  
  opacity:0.15;
  filter:alpha(opacity=15); /* For IE8 and earlier */
}



/* Header */


#header #logo {
	position: relative;
	top: -60px;
}

#header #logo img{
	margin: 0px 50px 0px 50px;
}

/* Primary menu */
#header #menu-wrapper {

  padding: 250px 20px 0px 0px;
}


#header #page-wrapper {

  padding: 80px 20px 0px 0px;
}

.wrapper{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 780px;
}

.menu {
  float: left;
  display: inline;
  padding: 0px 15px 0px 15px;
}

#nav img{
  max-height: 30px;
}


/* Projects Content */

#content {
  color: #f2f2f2;
  width: 730px;


}


#content img{
  max-width: 250px;
  border: 2px solid #f2f2f2;
}

#content .poster{
  float: left;
  display: inline;
  margin-bottom: 60px;
}



#content p{
  padding: 10px 20px 16px 50px;
  max-width: 400px;
  text-align: justify;
  font-weight: 400;
  font-size: 12pt;
}






/* About Content */

#content #sublink {
  float: right;
  padding: 5px 10px 5px 10px;
  margin-right: 20px;
  background-color: #2f2f2f;

}


/* Contact form */

#contact{
	
	  margin-top: 200px;
}


#info{
	  position: fixed;
	  width: 300px;
	  margin-left: 450px;
}


#text{
	  position: fixed;
	  margin-left: -30px;
	  width: 200px;
}


#text li{
	font-weight: 400;
	text-decoration:underline;
	font-size: 1.3em;
	color: #72726c;
}

#text li span{
	font-weight:700;
	font-size: 1.1em;
	color: #f2f2f2;
}

#input{
	position: fixed;
	width:300px;
	margin-left: 120px;
	border: none ;
}

#input li{
	border: none ;
}

#input li :focus{
	border: none ;
}
 
.inputstyle{
	margin-bottom:12px;
	border: none;
	opacity: 0.5;
	background-color: #393939;
	height:40px;
	width:100%;
	font-weight:400;
	font-size: 1.5em;
	color: #f9f8e6;
}


#notestyle{
	margin-bottom:10px;
	border: none;
	opacity: 0.6;
	background-color: #393939;
	font-weight:400;
	font-size: 1.2em;
	color: #f9f8e6;
	width:99%;
	height: 10%;
}


#send{
	float:right;
	width:30%;

}
.send{
	color: #f9f8e6;
	background-color:#393939;
	width:100%;
	padding-top:2%;
	border:none;
	height:40px;
	font-weight: 600;
}



/* Footer */
#footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  font-weight: 300;
  font-size: 0.7em
}

#footer {
  opacity: 0.8;
}



#footer span{
	float: left;
	padding-top: 5px;
	width: 100%;
	color: #c3c3c3;
	background-color: #101010;
	padding-bottom: 5px;

}