html {
       overflow-y: scroll;
}

body {
	background: #6d4561;
	color: #999;
	font-family: 'Open Sans', sans-serif;
}

#container {
	margin: -15px auto;
	width: 100%;
}

a:link {
  color:#996;
  text-decoration: none;
}


a:visited {
	color: #996;
}
a:hover {
	color: #f8f0db;
	text-decoration: none;
}
a:active {
	color: #996;
}



#content {
	width:60%;
	margin: 0 auto;
	color:#ffffce;
	padding-top:9%;
	padding-left:300px;
	z-index:-10;
}

#contentGALLERY {
	display: none;
	width:100%;
	margin: 0 auto;
	color:#ffffce;
	padding-top:11%;
	z-index:-10;
}

#social {
	position:fixed;
	left:-5px;
	float:right;
	background:#6d4561;
	width:100%;
	height:37px;
	padding-top:9px;
	padding-right:6px;
	margin: 0 auto;
	display: block;
	z-index:2;
}	

img{
	max-width:100%;
	height:auto;
	border:none;
}

#timeline .item img{
	max-width:100%;
	width:100%;
	height:auto;
}

.video-js-box {
	width:520px;
	height:320px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	z-index:1000;
}

.title {
	width:580px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	z-index:10;
}

.lifegallery {
	float: left;
	display:inline-table;
	padding: 2px 7px;
	z-index:10;
}


ul#horizontal-list {
	list-style: none;
	text-align:center;
	padding-right:45px;
}

ul#horizontal-list li {
	display: inline;
}

ul#horizontal-list-style {
	list-style: none;
	text-align:center;
	padding-right:45px;
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:center;
	color:#d1c2af;
	text-shadow:2px 2px #3e2235;
	
}

#footer {
	font-family: 'Open Sans', sans-serif;
	font-size:10px;
	color:#55404f;
   position:absolute;
   bottom:0;
   width:95%;
   height:40px;   /* Height of the footer */
}

ul#horizontal-list-style li {
	display: inline;
}

.videobox2 {
    display: none;
}

.scroll::-webkit-scrollbar {
    width: 14px;
}

.scroll::-webkit-scrollbar-track {
    background-color: #54334a;
    border-left: 1px solid #54334a;
}

.scroll::-webkit-scrollbar-thumb {
    background-color: #8c7786;
}

.scroll::-webkit-scrollbar-thumb:hover {
	background-color: #8c7786;
}

@media screen and (max-width: 1590px) {	
  #content {
  	padding-top:11%;
  }
}

@media screen and (max-width: 1380px) {	
  #content {
	 padding-top:12%;
  }
}	

@media screen and (max-width: 1200px) {
  #content {
	 padding-top:13%;
  }
}

@media screen and (max-width: 1100px) {
  #content {
	 padding-top:14%;
  }
}

@media screen and (max-width: 1024px) {		
  #content {
	 padding-top:15%;
  }
}

@media screen and (max-width: 960px) {
  #content {
  	padding-top:16%;
  	width:80%;
  	margin: 0 auto;
  	color:#ffffce;
  	padding-top:18%;
  	float:right;
  	z-index:-10;
  }
}

@media screen and (max-width: 780px) {	
  #content {
  	width:80%;
  	margin: 0 auto;
  	color:#ffffce;
  	padding-top:22%;
  	float:right;
  	z-index:-10;
  }
}

@media screen and (max-width: 680px) {	
  #content {
  	width:90%;
  	margin: 0 auto;
  	color:#ffffce;
  	padding-top:28%;
  	float:right;
  	z-index:-10;
  }
}

@media screen and (max-width: 600px) {	
  #content {
  	width:100%;
  	margin: 0 auto;
  	color:#ffffce;
  	padding-top:30%;
  	float:right;
  	z-index:-10;
  }
}