@charset "utf-8";

@font-face {

    font-family: 'superflyregular';

    src: url('superfly-webfont.eot');

    src: url('superfly-webfont.eot?#iefix') format('embedded-opentype'),

         url('superfly-webfont.woff') format('woff'),

         url('superfly-webfont.ttf') format('truetype'),

         url('superfly-webfont.svg#superflyregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {
    font-family: 'dustyregular';
    src: url('dusty-webfont.eot');
    src: url('dusty-webfont.eot?#iefix') format('embedded-opentype'),
         url('dusty-webfont.woff') format('woff'),
         url('dusty-webfont.ttf') format('truetype'),
         url('dusty-webfont.svg#dustyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {

	background:#CCC;

}



#main {

	width:100%;

}



#header {

	width: 720px;

	display: block;

	margin-left: auto;

	margin-right: auto;

	z-index:2;

}

#content {

	margin-left: auto;

	margin-right: auto;

	display: block;

	background-color:#FFF;

	z-index:1;

}



#panelcontainer {

	margin-left: auto;

	margin-right: auto;

	width:700px;

}



#panel {

	width:200px;

	display:inline;

}



#menu {

	margin-top:20px;

	margin-bottom:20px;

	margin-left:auto;

	margin-right:auto;

	width:700px;
	text-align:center;

}



#whowhat {

	width:560px;

	margin-left:auto;

	margin-right:auto;

	

}



#giftlist {

	width:500px;

	margin-left:auto;

	margin-right:auto;

	margin-top:20px;

	margin-bottom:20px;

	padding:20px;

	border:2px #333333 solid;

}

#foodmenu {

	width:500px;

	margin-left:auto;

	margin-right:auto;

	margin-top:20px;

	margin-bottom:20px;

	padding:20px;

	border:1px #333333 solid;
	text-align:center;

}



#giftline {

	width:450px;

	margin-left:auto;

	margin-right:auto;

	border-bottom:1px #333333 dotted;

	text-align:center;

}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



@media only screen and (max-width: 768px) {

#header {

	width: 450px;

	display: block;

	margin-left: auto;

	margin-right: auto;

	z-index:2;

}

#content {

	width:400px;

	margin-top:-20px;

	margin-left: auto;

	margin-right: auto;

	padding:10px;
	padding-bottom:30px;

	z-index:1;

}



.h {

	display:none;

}



#panel {

	width:200px;

	display:block;

}



.showmobile {

	display:block;

}



#panelcontainer {

	margin-left: auto;

	margin-right: auto;

	width:350px;

}



#menu {

	margin-top:20px;

	margin-left:auto;

	margin-right:auto;

	width:200px;

}

#whowhat {

	width:310px;

	margin-left:auto;

	margin-right:auto;

}



#giftlist {

	width:300px;

	margin-left:auto;

	margin-right:auto;

	margin-top:20px;

	margin-bottom:20px;

	padding:10px;

	border:2px #333333 solid;

}

#foodmenu {

	width:300px;

	margin-left:auto;

	margin-right:auto;

	margin-top:20px;

	margin-bottom:20px;

	padding:10px;

	border:1px #cccccc solid;
	text-align:center;

}




#giftline {

	width:250px;

	margin-left:auto;

	margin-right:auto;

	border-bottom:1px #333333 dotted;

	text-align:center;

}

}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */



@media only screen and (min-width: 769px) {

#bottom{

	position: fixed;

	right:0;

	bottom:0;

	z-index:-1;

}



#header {

	width: 750px;

	display: block;

	margin-left: auto;

	margin-right: auto;

	z-index:3;

}

#content {

	width: 700px;

	margin-top:-20px;

	margin-left: auto;

	margin-right: auto;

	padding:20px;
	padding-bottom:50px;

	z-index:2;

	border-radius:10px;

}



#panel {

	width:200px;

	display:inline;

}



.showmobile {

	display:none;

}



#panelcontainer {

	margin-left: auto;

	margin-right: auto;

	width:610px;

}



#menu {

	margin-top:20px;

	margin-bottom:20px;

	margin-left:auto;

	margin-right:auto;

	width:700px;

}

#whowhat {

	width:560px;

	margin-left:auto;

	margin-right:auto;

}



#giftlist {

	width:500px;

	margin-left:auto;

	margin-right:auto;

	margin-top:20px;

	margin-bottom:20px;

	padding:20px;

	border:2px #333333 solid;

}

#foodmenu {

	width:500px;

	margin-left:auto;

	margin-right:auto;

	margin-top:20px;

	margin-bottom:20px;

	padding:20px;

	border:1px #cccccc solid;
	text-align:center;

}



#giftline {

	width:450px;

	margin-left:auto;

	margin-right:auto;

	border-bottom:1px #333333 dotted;

	text-align:center;

}

}