html,body{

	width:100%;

	height:100%;

	margin:0px;

	padding:0px;

	background-color:#000;

	color:#dd7109;

	font-family: 'Rokkitt', serif;

}

input,textarea{

	font-family: 'Rokkitt', serif;

	font-size:18px;

}

#main_bg{

	position:fixed;

	top:0px;

	left:0px;

	background-image:url('images/background.jpg');

	background-repeat:no-repeat;

	background-size: cover;

	background-position:right top;

}

#container{

	float:left;

	display:inline;

	width:100%;

	min-height:100%;

	height:auto;

	position:relative;

}

.light{

	color:#ffdec1;

}

#right_side{

	position:absolute;

	top:0px;

	right:0px;

	width:95px;

	-webkit-transition: all .50s ease;

	-moz-transition: all .50s ease;

	-ms-transition: all .50s ease;

	-o-transition: all .50s ease;

	transition: all .50s ease;

	z-index:99999;

}

#menu img,#menu{

	z-index:9999;

}





#menu{

	float:left;

	display:inline;

	margin-top:77px;

	margin-right:36px;

	cursor:pointer;

	z-index:2;

	position:relative;

}



#left_side{

	float:left;

	display:inline;

	line-height:150%;

	

	width:300px;

	width:366px;

	

	height:auto;

	min-height:100%;

	position:absolute;

	background-position:top right;

	/* background-image:url('images/page_bg.png'); */

	background-image:url('images/subpages-mask.png');

	background-repeat:no-repeat;

	

	-webkit-transition: all .50s ease;

	-moz-transition: all .50s ease;

	-ms-transition: all .50s ease;

	-o-transition: all .50s ease;

	transition: all .50s ease;

	left:0px;

}

#menu_text{

	

	z-index:2;

	position:relative;

	

	opacity:0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';

	filter: alpha(opacity=0);

	visibility: hidden;

	

	-webkit-transition: all .90s ease;

	-moz-transition: all .90s ease;

	-ms-transition: all .90s ease;

	-o-transition: all .90s ease;

	transition: all .90s ease;	

		

	width:0px;

	overflow:hidden;

}

#menu_text ul{

	list-style-type:none;

	float:left;

	display:inline;

	margin:0px;

	padding:0px;

	margin-top:87px;

}

#menu_text ul li{

	float:left;

	display:inline;

	width:100%;

	margin:0px;

	padding:0px;

	margin-bottom:0px;

	font-size:28px;

	font-weight:bold;

}

#menu_text ul li a{

	color:#000;

	text-transform:uppercase;

	text-decoration:none;

}

#menu_ro_bg{

	width:100%;

	height:100%;

	float:left;

	display:inline;

	position:absolute;

	background-image:url('images/menu_ro_bg.png');

	background-repeat:no-repeat;

	background-position:right top;

	

	opacity:0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';

	filter: alpha(opacity=0);

	visibility: hidden;

	

	-webkit-transition: all .50s ease;

	-moz-transition: all .50s ease;

	-ms-transition: all .50s ease;

	-o-transition: all .50s ease;

	transition: all .50s ease;	

	z-index:0;

	

}



#container.clicked #menu_text{

	width:auto;

	height:auto;

	overflow:visible;

}

#container.clicked #menu_ro_bg,

#container.clicked #menu_text{

	visibility: visible;

	opacity: 1;

	-moz-opacity: 1;

	-khtml-opacity: 1;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';

	filter: alpha(opacity=100);

}

#container.clicked #right_side{

	/* right:205px; */

	width:260px;

}



#container.clicked #left_side.home_main{

	left:-205px;

}

#container.clicked #left_side{

	left:-255px;

}

#left_side a{

	text-decoration:underline;

	color:#dd7109;

}

#left_side a.nounderline{

	text-decoration:none;

}

.hours{

	font-size:14px;

	margin-top:30px;

	line-height:140%;

}

#left_side.home_main{

	/* background-image:url('images/home_left.png'); */

	background-image:url('images/home-mask.png');	

	width:295px;

	/* 295 does not fit on iphone 5, made it smaller */

	width:255px;

	width:245px; /* because the bg would touch the menu */

}

#left_side .bg{

	float:left;

	display:inline;

	width:100%;

	height:auto;

	background-image:url('images/logo_smaller.png');

	background-repeat:no-repeat;

	

	

	font-size:20px;

	padding-top:159px;

	padding-left:39px;

	width:190px;

	width:180px; /*because otherwise text would touch the edge of bg, needs some padding */

	width:226px;

}

#left_side .home{

	float:left;

	display:inline;

	

	line-height:28px;

	width:100%;

	height:auto;

	background-image:url('images/logo_home.png');

	background-repeat:no-repeat;

	

	

	font-size:24px;

	padding-top:246px;

	padding-left:29px;

	/* width 200 too big for iphone 5 */

	width:230px;

	width:180px;

}

h1{

	font-size:36px;

	margin-bottom:40px;

	margin-top:0px;

	color:#ffdec1;

	text-transform:uppercase;

}

.visual_tour img{

	max-width:100%;

}

input,input:focus{

	 outline-width: 0;

	 box-shadow: none;

	 -webkit-appearance: none;

	 border-radius: 0;

}

.input_text{

	background-color:#4b3512;

	border:2px solid #dd7008;

	color:#fff;

	height:30px;

	line-height:30px;

	width:90%;

	padding-left:5%;

	padding-right:5%;

}

.input_message{

	background-color:#4b3512;

	border:2px solid #dd7008;

	color:#fff;

	width:90%;

	padding-left:5%;

	padding-right:5%;

	height:120px;

}

.input_submit{

	padding:10px 35px 10px 35px;

	background-color:#dd7008;

	color:#000;

	font-size:24px;

	border:0px;

	cursor:pointer;

}

.check_this{

	font-size:16px;

	cursor:pointer;

}

.check_text{

	display:inline;

	float:left;

	width:148px;

	line-height:110%;

}

.input_check{

	width:24px;

	height:24px;

	background-color:#dd7008;

	cursor:pointer;

	float:left;

	display:inline;

	margin-right:14px;

}

input[type=checkbox]:after {

    content: " ";

	background-color:#dd7008;

    display: inline-block;

    visibility: visible;

	width:24px;

	height:24px;

}



input[type=checkbox]:checked:after {

    content: "\2714";

	width:24px;

	height:24px;

	text-align:center;

	line-height:24px;

}