body {
	margin:0;
	background-image:url('images/bg.gif');
	background-position:top center;
	font-family:'Roboto', sans-serif;
}
a {
	outline:0; text-decoration:none; color:inherit;
}
/* Footer Navigation */
footer {
	position:fixed; bottom:0;
	width:100%; height:50px;
	z-index:20;
}
footer #logo {
	position:relative; z-index:5; bottom:105px;
	width:150px; height:150px; margin:0 auto;
	background-image:url('images/octahedron_sm_nb.svg');
	animation:logoanim 30s linear infinite;
	-webkit-animation:logoanim 30s linear infinite;
	transition:bottom .2s;
	border:0; outline:0;
}
footer #logo:hover {
	bottom:115px;
}
footer #logo:active {
	bottom:115px;
}
footer #logo:focus {
	bottom:115px;
}
@keyframes logoanim
{
from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes logoanim
{
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
#footwrap {
	position:relative; z-index:1;
	width:750px; height:50px; margin:0 auto;
	background-color:#000;
}
#navfood {
	background-color:#6FBE44;
}
#navfood:hover {
	background-color:#B8D284;
}
#navcinema {
	background-color:#E1E454; padding-right:75px;
}
#navcinema:hover {
	background-color:#EEBE72;
}
#navmusic {
	background-color:#2988C9; padding-left:75px;
	box-shadow:inset 0px 1px 4px 1px rgba(0,0,0,.4);
}
#navmusic:hover {
	background-color:#69C1E0;
}
#navviscul {
	background-color:#ED4F66;
}
#navviscul:hover {
	background-color:#F19481;
}
#footwrap div {
	min-width:150px; width:5%; height:50px; float:left;
}
#footwrap div a {
	display:block;
	height:50px;
	font-family:"Roboto", sans-serif;
	text-decoration:none;
}
#footwrap div span{
	display:block; 
	text-align:center;
	margin-top:13px;
	font-weight:300; text-shadow:0px 1px rgba(255,255,255,.35);
}
#navfood span {
	color:#2D4F17;
}
#navcinema span {
	color:#515118;
}
#navmusic span {
	color:#163E54;
}
#navviscul span {
	color:#722532;
}

/* Top Navigation
#topnav {
	width:100px; height:95px;
	position: fixed; top:45%; right:10px;
	z-index:19;
}
.circlenav {
	height:20px; width:100px; margin-top:5px;
	color:rgba(0,0,0,0);
}
.circlenav:hover {
	color:rgba(0,0,0,1);
}

.circlenav div{
	width:20px; height:20px;
	background-image:url('images/circle_button.png');
	float:right;
}
#navhead {
	margin-top:0px;
}
#navhead div:hover {
	background-position:20px 0px;
}
#navphoto div {
	background-position:0px 20px;
}
#navphoto div:hover {
	background-position:20px 20px;
}
#navcal div {
	background-position:0px 41px;
}
#navcal div:hover {
	background-position:20px 41px;
}
#navabout div {
	background-position:0px 62px;
}
#navabout div:hover {
	background-position:20px 62px;
}
.circlenav span {
	float:right; margin-right:5px;
	font-size:.8em;
} */
/* Color Bar
#colorbarl {
	position:fixed; width:10px; height:100%;
	left:0;
	background-color:#ED4F66; z-index:-1;
}
#colorbarr {
	position:fixed; width:10px; height:100%;
	right:0;
	background-color:#ED4F66; z-index:-1;
} */
/* Content Area */
#content {
	min-width:770px; width:870px;
	margin:0 auto;
	background-image:url('images/bg_blur.gif');
	background-position:top center;
	box-shadow:0 0 15px 2px rgba(0,0,0,.5);
	padding-bottom:50px;
}
#head {
	width:100%; height:113px;
	background-color:rgba(96,102,115,.1);
	border-bottom:2px solid #474C56;
}
#title {
	padding-top:33px; width:650px; height:72px;
	margin:0 auto;
}
#name {
	width:208px; float:left;
}
#name div {
	width:207px; height:45px;
	background-image:url('images/logo_name_m.png');
}
blockquote {
	width:350px; float:right;
	margin:-27px 0 0; padding:0;
	position:relative;
	
}
blockquote p {
	font-size:.8em;
	font-weight:300;
	color:#000;
	text-shadow:0 1px #fff;
	text-align:justify;
}
#eventwrap p {
	margin:0; padding:30px 40px;
	font-weight:300;
}
#eventwrap p a {
	font-weight:400;
}
#eventwrap p a:hover {
	color:#ED4F66;
}
#registration {
	width:450px; height:100px;
	margin:0 auto 30px;
	background-color:#2988C9;
	box-shadow:0px 0px 5px 1px rgba(0,0,0,.5);
	text-shadow:0px 1px rgba(255,255,255,.3);
}
#registration:hover {
	color:#fff; text-shadow:0px -1px rgba(0,0,0,.3);
}
#registration:active {
	box-shadow:inset 0px 0px 7px 2px rgba(0,0,0,.5);
}
#registration:focus {
	box-shadow:inset 0px 0px 7px 2px rgba(0,0,0,.5);
}

#registration h2 {
	font-weight:300;
	text-align:center;
	margin:0; padding:33px 0 34px;
}
#calendarwrap {
	background-color:rgba(96,102,115,.4);
	width:100%; height:500px;
	border-top:1px solid #D8DDE8;
	border-bottom:2px solid #474C56;
	overflow:hidden;
}
#calendar {
	width:870px; height:500px;
	background-color:rgba(96,102,115,.95);
	position:absolute; z-index:1;
	overflow: hidden;
	transition:width .2s;
}
#calendar a{
	text-decoration:none;
	color:#000;
}
#calendar a:hover{
	color:#FFF;
}
#calendar p {
	text-align:center;
	font-weight:100;
	text-transform:lowercase;
	font-size:1.5em;
	margin:0;
	padding:233px 0 234px;
	text-shadow:0 1px #9AA1B3;
}
#calendar:target {
	width:0px;

}
#calendarwrap span {
	position:relative; top:6px; left:12px;
}
#calendarcontent {
	width:70%; height:500px; margin:0 auto;
	clear:both;
}
#calendarcontent iframe {
	width:100%; height:500px; margin:auto;
}