/*------------------------------
=RESET
------------------------------*/

body, div, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt,
blockquote, fieldset, legend, label, input, textarea {
	margin: 0; padding: 0; border: 0;
}

sh1, h2, h3, h4, h5, h6, p {
	margin: 0 0 1em 0;
}

/*------------------------------
=MAIN CONTENT
------------------------------*/

html, body {
	background: url(../images/ladies.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
}

#main {
	width:100%;
	max-width:960px;
	margin: auto;
	margin-top:50px;
	padding-left:20px;
	padding-right:20px;
}

/*------------------------------
=HEADER
------------------------------*/

#header {
	width:100%;
}

#header img {
	width:100%;
}

/*------------------------------
=MENU
------------------------------*/

#menu {
	position: fixed;
	padding:10px;
	width:100%;
	text-align: center;
	background-color: #f1fbfa;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	z-index: 2;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #666;
  text-transform: uppercase;
  text-shadow:0px 1px #ffffff;
}

#resume-btn {
	float:right;
}

a {
  color: #666;
}

a:hover {
  color: #f4300f;
}

/*------------------------------
=BUTTONS
------------------------------*/

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 7px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px !important;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none !important;
   text-transform: none !important;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ffffff;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

/*------------------------------
=VIDEOS
------------------------------*/

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom:30px;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embed-container {
    position: relative;
    margin-bottom:20px;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px#000;
  box-shadow: 0 0 5px #000;
  z-index: 1;
  background-color: black;
}

.embed-container iframe,
.embed-container video,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container-ispot {
    position: relative;
    margin-bottom:20px;
    padding-bottom: 26.15%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px#000;
    box-shadow: 0 0 5px #000;
    z-index: 1;
    background-color: black;
}

.embed-container-ispot iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------------------------------
=iPHONE
------------------------------*/

@media screen and (max-width: 636px) {

#menu {
  font-size: 13px;
}

#main {
  margin-top:50px;
}

.button {
  display: none;
}


}

@media screen and (max-width: 480px) {

#menu {
  font-size: 8px;
}

#main {
  margin-top:70px;
}

.button {
  display: none;
}

.embed-container-ispot {
    padding-bottom: 54.25%; /* 16/9 ratio */
}

.embed-container-ispot iframe {
    position: absolute;
    top: 0;
    left: -40px;
    width: 100%;
    height: 100%;
}


}

@media screen and (max-width: 320px) {

#menu {
  font-size: 13px;
}

#main {
  margin-top:70px;
}

.button {
  display: none;
}

.embed-container-ispot iframe {
    position: absolute;
    top: -40px;
    left: -130px;
    width: 100%;
    height: 100%;
}

}