/*
	(1) html elements
	(2) structures
	(3) formatting for structures
	(4) general purpose */

/************************************************
	(1) html elements 
*************************************************/
html {
	height: 100%;
}

body {
	background-color: #f03127;
	color: #252324;
	font-family: arial, sans-serif;
	font-size: 75%;
	height: 100%;
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0 0 10px 0;
}

img {
	border: 0;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/************************************************
	(2) structures
*************************************************/
#main {
	width: 723px;
	height: 723px;
	background: #fff url(../images/bg_main.gif) 0 0 no-repeat;
	margin: 0 auto;
}

#logo {
	width: 210px;
	margin: 0 auto 28px auto;
	padding-top: 52px;
	text-align: center;
}

ul#navigation {
	list-style: none;
	margin: 25px auto 22px auto;
	padding: 0;
	width: 521px;
}

#content-region {
	text-align: center;
	/*padding: 0 118px;*/
	width: 472px;
	margin: 0 auto;
	line-height: 1.6em;
}

#content {
	vertical-align: top;
	height: 380px;
	width: 375px;
	margin: 0 auto;
	overflow: hidden;
}

#height-constraint {
	height: 475px;
	overflow: hidden;
}

#footer {
	width: 723px;
	font-size: .8em;
	color: #fff;
	margin: 20px auto 25px auto;
	text-align: center;
	background-color: #f03127;
}

#make-reservation {
	margin-bottom: 10px;
}

table.valign {
	width: 100%;
	height: 100%;
}
table.valign td {
	vertical-align: middle;
	height: 100%;
	width: 100%;
	padding: 0;
}
/************************************************
	(3) formatting for structures
*************************************************/

/* navigation */
ul#navigation li {
	float: left;
	margin: 0;
	padding: 0 37px 0 0;
	background: transparent url(../images/nav_dot.gif) top right no-repeat;
}

ul#navigation li.last {
	padding-right: 0;
	background: none;
}





/* content */
#content.home {
	font-size: 1.3em;
}

#content h1 {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	font-weight: normal;	
	font-size: 1.4em;
	color: #f37923;
}




/************************************************
	(4) general purpose
*************************************************/


/* utilities */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.pad-left {
	padding-left: 10px;
}
.pad-right {
	padding-right: 10px;
}