@import url('https://fonts.googleapis.com/css?family=Teko');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed');
@charset "UTF-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:"Oswald","Helvetica Neue", Helvetica, Arial;
	font-size:14px;
	font-weight:bold;
	letter-spacing:3px;
}

#sidebar{
	background:#6d6e71;
	width:250px;
	height:100%;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	font-family:"Teko", Helvetica, Arial;
	font-size:15px;
	font-weight:200;
	letter-spacing:2px;
}

ul{
	margin:20px;
	padding:0px;
	padding-top:20px;
	padding-bottom:60px;
	line-height:20px;
}

ul li{
	list-style:none;
}

ul li a{
	color:#959595;
	display:inline-block;
	padding:10px;
	text-decoration: none;
}

a:hover{
	color:#FFF200;
}

#logo{
	width:180px;
	margin:20px;
	padding:10px;
	padding-top:20px;
	padding-bottom:30px;
	line-height:20px;
}

#forever{
	width:180px;
	margin:20px;
	padding:10px;
	padding-bottom:20px;
	padding-top:30px;
	left:0px;
	bottom:0px;
}

#hr.style1{
	border-color:#FFF;
	width:185px;
	margin:30px;
	border-width:thin;
	border-top-style:none;
}

#full{
	background-image:url(images/ceci3.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:250px;
	top:0px;
	font-family:"Teko", Helvetica, Arial;
	font-size:22px;
	font-weight:600;
	letter-spacing:2px;
	color:#FFF;
	text-shadow:3px 2px 4px #222;
	line-height:30px;
}

#yellowbar{
	background:#fff200;
	width:15px;
	height:100%;
	display:block;
	position:fixed;
	right:0px;
	top:0px;
}

#yellowmid{
	background:#fff200;
	width:400px;
	height:38%;
	display:block;
	position:absolute;
	left:250px;
	top:0px;
	font-family:"Teko", Helvetica, Arial;
	font-size:25px;
	font-weight:bolder;
	letter-spacing:0px;
}

#yellowmid2{
	background:#fff200;
	width:400px;
	height:55%;
	display:block;
	position:absolute;
	left:250px;
	top:38%;
	font-family:Helvetica Neue, Helvetica, Arial;
	font-size:11px;
	font-weight:400;
	line-height:15px;
	letter-spacing:0px;
	overflow-y: auto;
}

#yellowmid3{
	background:#fff200;
	width:400px;
	height:7%;
	display:block;
	position:absolute;
	left:250px;
	top:93%;
}

#full2{
	background-image:url(images/ceci4.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	left:650px;
	top:0px;
}

#gallery{
	width:700px;
	height:100%;
	display:block;
	position:absolute;
	left:250px;
	top:0px;
	font-family:"Teko", Helvetica, Arial;
	font-size:25px;
	font-weight:bolder;
	letter-spacing:0px;
}

#yellowend{
	background:#fff200;
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	left:650px;
	top:0%;
	font-family:"Teko",Helvetica Neue, Helvetica, Arial;
	font-size:25px;
	font-weight:bolder;
	line-height:15px;
	letter-spacing:0px;
	overflow-y:auto;
}

#yellowend2{
	background:#fff200;
	width:100%;
	height:7%;
	display:block;
	position:absolute;
	left:650px;
	top:93%;
}

#mid{
	background-image:url(images/ceci2.JPG);
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	width:400px;
	height:100%;
	display:block;
	position:fixed;
	left:250px;
	top:0px;
}

#yellowmid4{
	background:#fff200;
	width:400px;
	height:100%;
	display:block;
	position:absolute;
	left:250px;
	top:0px;
	font-family:"Teko", Helvetica, Arial;
	font-size:25px;
	font-weight:bolder;
	letter-spacing:0px;
}

#whiteend{
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	left:650px;
	top:0px;
	font-family: Helvetica Neue, Arial, sans-serif;
    font-size:11px;
    font-weight: bolder;
    line-height:15px;
	letter-spacing:0px;
	padding-left:30px;
}

#whiteend2{
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	left:250px;
	top:0px;
	font-family: Helvetica Neue, Arial, sans-serif;
    font-size:11px;
    font-weight: bolder;
    line-height:0px;
	letter-spacing:0px;
	padding-left:30px;
}