/*************************** EMBEDDING FONTS *****************************************/


/*************************** DEFAULT 1280 * 720PX LAYOUT *****************************/
html, body {height: 100%}
body {background-color: #3f8dcb; font-size: 100%;}
* {font-weight: normal;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;}

section {
    min-height: 100%;
    width: 100%;
    background-color: #3f8dcb;
    display: block;
}

nav {
    width:100%;
    display: block;
    position: fixed;
    background-color: #333;
    z-index: 100;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
    box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
}

nav ul {
    width: 60%;
    margin: 0 auto;
    padding: 0.5% 0;
    text-align: center;
}

nav ul li {
    list-style-type: none;
    padding:0.5%;
}

nav ul li:hover {
	background:#3f8dcb;
}

ul {list-style-type: none;}

.content {
  width: 55%;
  height: auto;
  margin: 0 auto;
  padding-top: 3%;
}

figure {
  display:table;
  margin:0 auto 45px auto;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
}

object {
	display:block;
	margin:0 auto;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
	box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
}

footer {
  text-align: center;
  color: #fff;
  font-family: Myriad Pro; 
  font-size: 1.000em; 
  font-weight: normal; 
  padding: 5px;
  width:100%;
  bottom: 0;
  display: block;
  position: fixed;
  background-color: #333;
  z-index: 100;
  -webkit-box-shadow: 0px -5px 5px 0px rgba(51, 51, 51, 0.75);
  -moz-box-shadow: 0px -5px 5px 0px rgba(51, 51, 51, 0.75);
  box-shadow: 0px -5px 5px 0px rgba(51, 51, 51, 0.75);}

/*************************** TYPOGRAPHY/LIST-STYLE SETTINGS *******************************************/
h1 {
  color: #fff;
  font-family: Myriad Pro; 
  font-size: 3.500em; 
  font-weight: bold; 
  margin: 0 auto; 
  padding-top: 8%; 
  border-bottom: 3px solid #fff; 
  display: table;
  text-shadow: 2px 2px 3px rgba(51, 51, 51, 0.75);
}

nav a {text-decoration: none; color: #fff; font-family: Myriad Pro; font-size: 1.250em; font-weight: normal;}

/*************************** CLEARFIX *******************************************/
.cf:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/*************************** @MEDIA *******************************************/
@media \0screen {
  img { 
    width: auto; /* Hack for responsive images in ie 8 */
  }
}