
/*
CSS - La Maiolica - Created by Karl - 20.12.06
This book is so awesome, I can do anything
This book is so awesome, I am the potions king
ON THIS DAY...1803 - As part of the Louisiana Purchase, New Orleans was transferred from France to the United States.
*/

@import "reset.css";

/* @group body and wrapper */
body {
	background: url(../images/body_bg.jpg);
	font-family: "Georgia","Times New Roman", serif;
	font-size: 62.5%;
	padding: 12px 0;
}
div#wrapper {
	background: url(../images/wrapper_bg.jpg) no-repeat 0 0;
	border: 5px solid #e5d00c;
	height: 493px;
	margin: 0 auto;
	width: 740px;
}
/* @end */

/* @group header */
div#header {
	background: url(../images/header_bg.jpg) no-repeat 0 0;
	height: 91px;
	position: relative;
	margin-bottom: 22px;
	width: 740px;
}
div#header a#header-logo {
	display: block;
	height: 67px;
	left: 17px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 25px;
	width: 336px;
}
div#header h2 {
	display: none;
}
/* @end */

/* @group navigation */
div.navigation {
	height: 83px;
	left: 260px;
	position: absolute;
	top: 75px;
	width: 460px;
}
div.navigation#index {
	left: 270px;
	top: 113px;	
}
div.navigation ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.navigation ul li {
	float: left;
}
div.navigation ul li a {
	background-position: 50% -71px !important;
	display: block;
	height: 15px;
	margin-right: .5em;
	overflow: hidden;
	text-indent: -9999px;
}
div.navigation#index ul li a {
	background-position: 0 0 !important;
	height: 86px;
	margin: 0;
}
div.navigation#index ul li a.home,
div.navigation#index ul li a.dinner,
div.navigation#index ul li a.decorative,
div.navigation#index ul li a.tiles {
	width: 89px;
}
div.navigation ul li a.home {
	background: url(../images/nav-home.jpg) no-repeat 0 0;
	width: 36px;
}
div.navigation ul li a.dinner {
	background: url(../images/nav-dinner.jpg) no-repeat 0 0;
	width: 70px;
}
div.navigation ul li a.decorative {
	background: url(../images/nav-decorative.jpg) no-repeat 0 0;
	width: 60px;
}
div.navigation ul li a.tiles {
	background: url(../images/nav-tiles.jpg) no-repeat 0 0;
	width: 30px;
}
div.navigation ul li a.contact {
	background: url(../images/nav-contact.jpg) no-repeat 0 0;
	width: 42px !important;
}
div.navigation#index ul li a.contact {
	background: url(../images/nav-contact.jpg) no-repeat 0 0;
	width: 82px !important;
}
div.navigation ul li a:hover {
	background-position: 50% -157px !important;
}
div.navigation#index ul li a:hover {
	background-position: 0 -86px !important;
}
/* @end */

/* @group content wrapper & flash & content */
div#content_wrapper {
	height: 380px;
	width: 740px;
}
div#flash_wrapper {
	float: left;
	text-align: center;
	width: 291px;
}
div.content {
	color: #636141;
	float: left;
	font-size: 1.4em;
	height: 365px;
	overflow: auto;
	width: 439px;
}
div.content#index {
	margin-top: 100px !important;
	height: 265px !important;
}
div.content_index {
	margin-top: 100px;
	height: 265px;
}
div.content_index p {
	margin: .5em 0;
}
div.content a {
	color: #c03317;
	text-decoration: none;
}
div.content a:hover {
	color: #000;
}
div.content h2 {
	color: #636141;
	font-size: 1.2em;
	font-weight: none;
	margin: .5em 0;
}
div.content h3 {
	color: #b59e0b;
	font-size: 1.1em;
	font-weight: none;
	margin: .5em 0;
}
div.gallery {
	margin: 1em auto;
	width: 423px;
	_width: 423px;
}
div.gallery a {
	display: block;
	float: left;
	height:94px;
	margin: 5px 4px 5px 4px;
	width: 94px;
}
div.gallery a img {
	border: 2px solid #e1d464;
}
div.gallery a:hover img {
	border: 2px solid #c03317;
}
div.image_wrapper {
	background: #e1d462;
	color: #4e451e;
	font-size: 1.1em;
	height: 365px;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
	width: 269px;
}
div.image_wrapper p{
	margin: 1em 0;
}
/* @end */

/* @group footer */
div#footer {
	background: url(../images/footer_decoration.jpg) no-repeat center bottom;
	color: #73690e;
	font-family: "Tahoma", "Helvetica", sans-serif;
	font-size: 1.1em;
	margin: 0 auto;
	padding-bottom: 45px;
	text-align: center;
	width: 740px;
}
div#footer p {
	margin: .5em 0;
}
div#footer a.email_link {
	color: #73690e;
	text-decoration: underline;
}
div#footer a.email_link:hover {
	color: #c03317;
}
div#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#footer ul li {
	display: inline;
	margin: 0 .5em;
}
div#footer ul li a {
	color: #c03317;
	text-decoration: none;
}
div#footer ul li a:hover {
	color: #000;
}
/* @end */

/* @group forms */
#enquiryform {
	border: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 98%;
}
#enquiryform fieldset {
	border: 0;
	display: block;
	height: auto;
}
#enquiryform fieldset ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#enquiryform fieldset ol li {
	padding: 10px;
}
#enquiryform fieldset ol li.alt {
	background: #f6f1b9;
}
#enquiryform label {
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
	width: 150px;
}
#enquiryform textarea, #enquiryform input {
	color: #48516f;
	font-size: 1em;
	width: 180px;
}
#enquiryform textarea {
	font: 1em/1.2em "Arial", "Helvetica", sans-serif;
}
p.submit {
	margin: .5em 0;
}
p.submit input {
	font-size: 10px;
	margin-top: -5px;
	padding: 0;
	width: 40px;
}
/* @end */

/*
END OF CSS - La Maiolica
Well you look smart, But it's just booksmarts
'Cause you don't act so smart, Around us lately
DID YOU KNOW...that the world's longest lasting lightbulb is 105 years old and has been burning continuously since 1976?
*/
