@charset "UTF-8";
/* CSS Document */


@font-face {
	font-family: 'ClearfaceGothicLTStd-Light';
	src: url('fonts/ClearfaceGothicLTStd-Light.eot') format('eot'), 
url('fonts/ClearfaceGothicLTStd-Light.otf') format('opentype'),
url('fonts/ClearfaceGothicLTStd-Light.woff') format('woff'), 
url('fonts/fonts/ClearfaceGothicLTStd-Light.ttf') format('truetype'),
url('fonts/ClearfaceGothicLTStd-Light.svg#ClearfaceGothicLTStd-Light') format('svg');
}

@font-face {
	font-family: 'ClearfaceGothicLTStd-Medium';
	src: url('fonts/ClearfaceGothicLTStd-Medium.eot?') format('eot'), 
url('fonts/ClearfaceGothicLTStd-Medium.otf') format('opentype'),
url('fonts/ClearfaceGothicLTStd-Medium.woff') format('woff'), 
url('fonts/ClearfaceGothicLTStd-Medium.ttf') format('truetype'),
url('fonts/ClearfaceGothicLTStd-Medium.svg#ClearfaceGothicLTStd-Medium') format('svg');
}

html	{
	background:url(images/html-bkgd.png) no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-0-background-size:cover;
	background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html-bkgd.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html-bkgd.png', sizingMethod='scale')";
	z-index:1;
}

body {
	margin:auto;
	max-width:1024px;
	width:80%;
	z-index:2;
}

header	{
	background:url(images/header-background.jpg);
	z-index:5;
	overflow:hidden;
	width:100%;
	height:170px;
}

#logo	{
	float:left;
	width:100%;
	height:auto;
	z-index:10;
	margin:-8px 0 0 -1%;
	
}

.desktop	{ /*styles larger logo for desktop*/

}


.phone	{ /*styles small logo for phone view - hidden on all larger*/
	display:none;
}

#middle	{ /*contains all main elements on page, including nav*/
	width:100%;
	height:auto;
	overflow:hidden;
	background:#be955b;
	background-image:url(images/glenkuslogo-bkgd.png), url(images/fleur.png);
	background-repeat:no-repeat;
	background-position:bottom left, center bottom;
	z-index:15;
}

#side	{ /*left side - contains nav*/
	width:21%;
	height:auto;
	float:left;
}

#rightside	{ /*contains all content to the right of nav*/
	width:78%;
	float:right;
}

#gallery	{   /*flexslider div*/
	float:right;
	width:93.5%;
	margin:10px 3.6% 0 3%;
	height:auto;
	z-index:30;
}

#gateway	{ /*used on main page*/
	float:left;
	width:72%;
	z-index:800;
	margin:19px 0 40px -10px;
}

#subpages	{ /*used on secondary pages*/
	float:left;
	width:65%;
	z-index:800;
	margin:19px 0 40px 3%;
}

#subpagestext	{ /*used on secondary pages where there are no pictures*/
	float:left;
	width:85%;
	z-index:800;
	margin:19px 0 40px 3%;
}

#photos	{ /*used for photos on food page*/
	margin:59px 1.5% 2% 0;
	width:20%;
	float:right;
	display:block;
	margin-bottom:80px;
}

.smedia	{ /*controls social media icons*/
	float:right;
	margin-top:-155px;
	margin-right:25px;
	z-index:11;	
}

.search	{ 
	float:right;
	z-index:12;
	margin-top:-35px;
	margin-right:30px;
}

.textfield	{
	margin:-34px 3% 0 0;
	float:right;
}

input	{ /*search box*/
	float:right;
	background-color:#fff;
	margin:-43px 5% 0 0;
	height:18px;
	padding-right:1%;
}

input.submit	{ /*magnifying glass submit button*/
	background:url(images/search.png) no-repeat scroll center center;
	float:right;
    border: 0 none;
    height: 32px;
    text-indent: -9999px;
    width: 32px;
	margin:-37px 19% 0 0;
	
}


/* hanging nav */	

#navigation {
	margin:0 auto;
	list-style:none;
	text-align:left;
	width:100%;
	height:600px;
	margin:-21px 0 0 17%;
	background:url(images/nav-background.png) no-repeat;
}

#navigation ul	{
	font-family:'ClearfaceGothicLTStd-Light';
	font-size:1.3em;
	width:84%;
}

#navigation li	{
	display:block;
	line-height:1.7;
	border-bottom:1px solid rgba(255,255,255,.5);
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	margin:1% 5% 0 -5%;
	width:72.5%;
	padding-left:4.6%;
}

#navigation li a	{
	text-decoration:none;
	color:white;
	margin-left:10%;
}
		
		#navigation a:hover {
			color:#be955b;
		}
		
		#navigation .current a {
			color:#be955b;
		}
		
#navigation ul.sub-navigation-items	{
	display:none;
	width:100%;
	position:relative;
	font-size:.88em;
	margin-left:-17%;
	margin-top:-5%;
	padding-right:5%;
	padding-bottom:3px;
	margin-bottom:-4px;
}

#navigation ul li a.sub-navigation-items	{
	display:block;
	position:relative;
	font-size:.9em;
	border-bottom:none;
	margin-top:5px;
}
#navigation ul li.sub-navigation-items, ul.sub-navigation-items	{
	display:block;
	position:relative;
}

#navigation:hover > ul.sub-navigation-items 		{
	display:block;
	width:100%;
}

#navigation li.main-on ul.sub-navigation-items {
	display:block;
}

/*end of main nav*/

			
h1,h2,h3,h4,h5,h6 {     /*reset*/
	padding:0;
	margin:0;
}

/*branding*/	
h1, h2, h3, h4, h5, h6 	{
	font-family:'ClearfaceGothicLTStd-Medium';
	font-weight:normal;
	z-index:91;
}
	
h1	{
	font-size:1.7em;
	padding:10px 0 0 0;
	line-height:.5;
}

h1.pagehead	{
	font-size:1.7em;
	padding:10px 0 20px 0;
	line-height:.5;
}

h2	{
	font-size:1.5em;
}

h3	{
	font-size:1.3em;
}

h4	{
	font-size:1em;
}

a	{
	color:#6b4226;
}

a.readmore	{ /*link used to navigate to secondary pages*/
	text-decoration:none;
	color:#663300;
	font-size:.9em;
}

.banner	{ /*brown header background strip with address & search*/
	height:36px;
	width:100%;
	background:#493728;
	clear:both;
	overflow:hidden;
}

.address	{ /*styles the address in banner*/
	color:white;
	padding-left:24.3%;
	font-size:1.1em;
	line-height:2.3;
	font-weight:normal;
	margin-top:-10px;
	font-family:'ClearfaceGothicLTStd-Medium';
}

p	{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6;
	padding-bottom:20px;
	font-size:1em;
	z-index:90;
}

p.pagetext	{
	margin-top:0;
}



.welcome	{ /*within the rightside div*/
	float:right;
	width:89%;
	height:auto;
	background-color: rgba(255, 255, 255, 0.5);
	color:black;
	margin:0 4% 40px 0;
	padding:2%;
}

.rightphoto	{ /*styles photos on subpages*/
	float:right;
	padding-right:14%;
}

.rightpic	{ /*styles right bottom photo*/
	float:right;
	padding:0 0 10px 5%;
	margin-bottom:30px;
	margin-right:-8%;
	width:380px;
}

footer {
	margin:0 auto;
	clear:both;
	background-color:#493728;
	margin-bottom:1em;
	height:40px;
	text-align:center;	
	width:100%;
	overflow:hidden;
	margin-top:-3px;
}
	
footer ul {	
	font-family:'ClearfaceGothicLTStd-Light';
	font-weight:normal;
	font-size:1em;
	line-height:1.5;
	color:#fff;
	margin-top:10px;
	text-decoration:none;
	}
	
footer ul li {
	display:inline;
	padding:5% 2%;
	color:#fff;
	text-decoration:none;
		
}
	
	footer ul li a {
		color:#fff;
		text-decoration:none;
		text-align:left;
	}
	
	footer a:hover {
		color:#3a4554;
	}
		

/* TABLET layout and sizing */ 
	@media all and (min-width:481px) and (max-width:940px) {

html	{
	background:url(images/html-bkgd2.png) repeat-y center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-0-background-size:cover;
	background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html-bkgd.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='html-bkgd.png', sizingMethod='scale')";
	z-index:1;
}
	
body {
	margin:auto;
	width:90%;
	z-index:2;
}	

header	{
	background:url(images/header-background.jpg);
	z-index:5;
	overflow:hidden;
	height:190px;
}

#logo	{
	float:left;
	width:auto;
	height:auto;
	margin:-10px 0 0 -10px;
	z-index:10;
}

#middle	{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#be955b;
	background-image:url(images/glenkuslogo-bkgd.png), url(images/fleur.png);
	background-repeat:no-repeat;
	background-position:bottom left, center bottom;
	z-index:15;
}

#side	{
	width:24%;
	float:left;
}

#rightside	{ /*contains flexslider and welcome divs*/
	width:76%;
	float:right;
}

#gallery	{   /*flexslider div*/
	float:right;
	width:93.5%;
	margin:0 3.6% 0 3%;
	height:auto;
	z-index:30;
}

#gateway	{ /*used on main page*/
	float:left;
	width:72%;
	z-index:800;
	margin:19px 0 40px -10px;
}

#subpages	{ /*used on secondary pages*/
	float:left;
	width:65%;
	z-index:800;
	margin:19px 0 40px 3%;
}

#subpagestext	{ /*used on secondary pages*/
	float:left;
	width:85%;
	z-index:800;
	margin:19px 0 40px 3%;
}

#photos	{ /*used for photos on food page*/
	margin:59px 1.5% 2% 0;
	width:20%;
	float:right;
	display:block;
	margin-bottom:80px;
}

.smedia	{
	float:right;
	margin-top:-38px;
	margin-right:2%;
	z-index:11;	
}

.search	{
	display:none;
}

.textfield	{
	margin:-34px 0 0 0;
	float:right;
}

input	{ /*for search bar*/
	background-color:#fff;
	margin:-43px 0 0 0;
	height:18px;
}

input.submit	{
	background:url(images/search.png) no-repeat scroll center center;
	float:right;
    border: 0 none;
    height: 30px;
    text-indent: -9999px;
    width: 32px;
	margin:-30px 10px 0 0;
	
}

/* nav */	
#navigation {
	margin:0 auto;
	list-style:none;
	text-align:left;
	width:100%;
	height:600px;
	margin:-22px 0 0 5%;
	background:url(images/nav-background-small.png) no-repeat;
}

#navigation ul	{
	font-family:'ClearfaceGothicLTStd-Light';
	font-size:1.3em;
	width:85%;
}

#navigation li	{
	display:block;
	line-height:1.6;
	border-bottom:1px solid rgba(255,255,255,.5);
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width:79%;
	padding-top:2px;
}

#navigation li a	{
	text-decoration:none;
	color:white;
	margin-left:3.5%;
}

		nav.main a:hover {
			color:#be955b;
		}
		
		nav.main .current a {
			color:#be955b;
		}
		
#navigation ul.sub-navigation-items	{
	display:none;
	width:100%;
	position:relative;
	font-size:.85em;
	margin-left:-23%;
	margin-top:-5%;
	padding-right:5%;
	padding-bottom:3px;
	margin-bottom:-4px;
}

		
.banner	{ /*background header strip with address & search*/
	height:42px;
	width:100%;
	background:#493728;
	clear:both;
	overflow:hidden;
}

.address	{ /*styles the address in banner*/
	color:white;
	padding-left:4.1%;
	font-size:1.05em;
	line-height:1.5;
	font-weight:normal;
	margin-top:-6px;
	font-family:'ClearfaceGothicLTStd-Medium';
	width:60%;
	padding-top:17px;
}

.search	{
	float:right;
	z-index:12;
	margin-right:2.5%;
	margin-top:60px;
}
.textfield	{
	display:none;
}

.welcome	{ /*within the rightside div*/
	float:right;
	width:89%;
	height:auto;
	background-color: rgba(255, 255, 255, 0.5);
	color:black;
	margin:0 4% 40px 0;
	padding:2%;
}

#subpages	{ /*used on secondary pages*/
	float:left;
	width:60%;
	z-index:800;
	margin:19px 0 40px 3%;
}

#subpagestext	{ /*used on secondary pages*/
	float:left;
	width:85%;
	z-index:800;
	margin:19px 0 40px 3%;
}

#photos	{ /*used for photos on food page*/
	margin:59px 0 2% 0;
	width:20%;
	float:right;
	display:block;
	margin-bottom:80px;
}

/*end of main nav*/
		
	}
	
	
/*Mobile screen*/
	@media all and (max-width:480px) {	

html	{
	background:none;
}
	
body {
	margin:auto;
	width:100%;
	z-index:2;
}	

header	{
	background:url(images/header-background.jpg);
	z-index:5;
	overflow:hidden;
	width:100%;
	height:185px;
	margin-top:-10px;
}

.desktop	{
	display:none;
}


.phone	{
	display:block;
	float:left;
	margin:55px 0 0 1%;
}

#logo	{
	height:100px;
	margin-left:25px;
}

#middle	{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#be955b;
	background-image:url(images/glenkuslogo-bkgd.png), url(images/fleur.png);
	background-repeat:no-repeat;
	background-position:bottom left, center bottom;
	z-index:15;
}

#side	{
	width:35%;
	float:left;
}

#rightside	{ /*contains flexslider and welcome divs*/
	width:65%;
	float:right;
}

#gallery	{   /*flexslider div*/
	float:right;
	width:100%;
	margin:-10px 10px 0 0;
	height:auto;
	z-index:30;
}

#gateway	{ /*used on main page*/
	float:left;
	width:100%;
	z-index:800;
	margin:19px 20px 40px 0;
}

#subpages	{ /*used on secondary pages*/
	float:left;
	width:67%;
	z-index:800;
	margin:19px 0 40px 3%;
}

#subpagestext	{ /*used on secondary pages*/
	float:left;
	width:85%;
	z-index:800;
	margin:19px 0 40px 3%;
}

#photos	{ /*used for photos on food page*/
	margin:59px 1.5% 2% 0;
	width:20%;
	float:right;
	display:block;
	margin-bottom:80px;
}

.smedia	{
	display:none;
}

.search	{
	float:right;
	z-index:12;
	margin-top:-35px;
	margin-right:2.5%;
}

/* nav */	
#navigation {
	margin:0 auto;
	list-style:none;
	text-align:left;
	width:100%;
	height:460px;
	margin:-22px 0 0 -4px;
	background:url(images/nav-background-phone.png) no-repeat;
}

#navigation ul	{
	font-family:'ClearfaceGothicLTStd-Light';
	font-size:1.2em;
	width:79%;
	padding-top:4px;
}

#navigation ul li	{
	display:block;
	line-height:1.75;
	border-bottom:1px solid rgba(255,255,255,.5);
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width:82px;
	margin-left:-25px;
	padding-left:5px;
}

#navigation ul li a	{
	text-decoration:none;
	color:white;
	margin-left:3.5%;
}

		#navigation a:hover {
			color:#be955b;
		}
		
		#navigation .current a {
			color:#be955b;
		}
	
#navigation ul.sub-nav-items	{
	display:none;
}

#navigation li.sub-nav-items, ul.sub-nav-items	{
	display:block;	
}

#navigation ul.sub-navigation-items	{
	display:none;
	width:100%;
	position:relative;
	font-size:.75em;
	margin-left:-23%;
	margin-top:-5%;
	padding-right:5%;
	padding-bottom:3px;
	margin-bottom:-4px;
}
/*end of navigation*/


	
.banner	{ /*background header strip with address & search*/
	height:40px;
	width:100%;
	background:#493728;
	clear:both;
	overflow:hidden;
	margin-top:-50px;
}

.address	{ /*styles the address in banner*/
	color:white;
	padding-left:4%;
	font-size:1.05em;
	line-height:1.5;
	font-weight:normal;
	margin-top:-3px;
	font-family:'ClearfaceGothicLTStd-Medium';
}

.search	{
	float:right;
	z-index:12;
	margin-right:2.5%;
	margin-top:10px;
}

.textfield	{
	display:none;
}

input	{ /*for search bar*/
	background-color:#fff;
	margin:23px 2.5% 0 0;
	height:18px;
}

input.submit	{ /*magnifying glass*/
	display:none;
	
}

.welcome	{ /*within the rightside div*/
	float:right;
	width:95%;
	height:auto;
	background-color: rgba(255, 255, 255, 0.5);
	color:black;
	margin:-10px 4% 40px 0;
	padding:2%;
}

#subpages	{ /*used on secondary pages*/
	float:left;
	width:90%;
	z-index:800;
	margin:19px 0 40px 0;
}

#subpagestext	{ /*used on secondary pages*/
	float:left;
	width:90%;
	z-index:800;
	margin:19px 0 40px -5px;
	padding:0;
}

#photos	{ /*used for photos on food page*/
	display:none;
}

h1	{
	font-size:1.7em;
	padding:10px 0 -10px 0;
	line-height:1;
}

h1.pagehead	{
	font-size:1.7em;
	padding:0 0 10px 0;
	line-height:1.5;
}

h2	{
	font-size:1.4em;
}

h3	{
	font-size:1.2em;
}

h4	{
	font-size:1.1em;
}

p	{
	margin:-1px 0 0 0;
}

footer {
	margin:0 auto;
	clear:both;
	background-color:#493728;
	margin-bottom:1em;
	height:65px;
	text-align:left;	
	width:100%;
	overflow:hidden;
	margin-top:-3px;
}
	
footer ul {	
	font-family:'ClearfaceGothicLTStd-Light';
	font-weight:normal;
	font-size:1em;
	line-height:1.5;
	color:#fff;
	margin-top:10px;
	text-decoration:none;
	display:block;
	margin-left:-2%;
	width:90%;
	}
	
	
footer ul li {
	padding-right:10px;
	font-size:1em;		
}
	
	footer ul li a {
		color:#fff;
		text-decoration:none;
		text-align:left;
	}
	
	footer a:hover {
		color:#3a4554;
	}

	}