@import "reset.css";

body {
	background: url(../images/global/background.png) top center repeat-x;
	font: 10px Arial, Helvetica, sans-serif;
	color: #ffffff;
}
 
.header {
	width: 610px;
	height: 164px;
	margin: 0 auto 0 auto;
	background: url(../images/global/header-background.png) top left no-repeat;
}

ul#navigation {
	width: 552px;
	height: 144px;
	margin: 0 0 0 29px;
}

ul#navigation li {
	float: left;
	width: 138px;
	height: 144px;
	margin: 0 0px 0 0;
}

ul#navigation li a {
	background-image: url(../images/global/menu-sprite.png);
	background-repeat: no-repeat;
	width: 138px;
	height: 43px;
	padding: 101px 0 0 0;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font: 10px Georgia, "Times New Roman", Times, serif;
	text-indent: -9999px;
}

ul#navigation li a.about { background-position: 0px 0px; }
ul#navigation li a.services { background-position: -138px 0px; }
ul#navigation li a.gift_certificates { background-position: -276px 0px; }
ul#navigation li a.contact { background-position: -414px 0px; }

ul#navigation li a.about-active { background-position: 0px -144px; }
ul#navigation li a.services-active { background-position: -138px -144px; }
ul#navigation li a.gift_certificates-active { background-position: -276px -144px; }
ul#navigation li a.contact-active { background-position: -414px -144px; }

ul#navigation li a.about-active:hover, ul#navigation li a.about:hover { background-position: 0px -288px; }
ul#navigation li a.services-active:hover, ul#navigation li a.services:hover { background-position: -138px -288px; }
ul#navigation li a.gift_certificates-active:hover, ul#navigation li a.gift_certificates:hover { background-position: -276px -288px; }
ul#navigation li a.contact-active:hover, ul#navigation li a.contact:hover { background-position: -414px -288px; }



#banner {
	width: 770px;
	height: 78px;
	margin: 0 auto 0 auto;
	position: relative;
}

#banner a#logo {
	width: 183px;
	height: 64px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	text-indent: -9999px;
	background: url(../images/global/logo.png) top left no-repeat;
}

#banner h3 {
	font: 15px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #CFCDB4;
	text-align: right;
	position: absolute;
	right: 60px;
	margin: 11px 0 0 0;
}

.content-background {
	/*width: 610px;*/
	width: 836px;
	padding: 0 0 30px 0;
	background: url(../images/global/content-bottom-background.png) bottom center no-repeat;
	margin: 0 auto 0 auto;
	position: relative;
}

.content {
	width: 610px;
	background: url(../images/global/content-background.png) top left repeat-y;
	margin: 0 auto;
}

.page {
	width: 364px;
	height: 314px;
	background: url(../images/global/page-background.png) top left no-repeat;
	margin: 0 auto 0 auto;
	padding: 15px 99px 0 98px;
}

.index-page {
	width: 364px;
	height: 314px;
	background: url(../images/global/home.jpg) top left no-repeat;
	margin: 0 auto 0 auto;
	padding: 15px 99px 0 98px;
}

.index-page h1 {
	text-indent: -9999px;
}

.footer {
	width: 610px;
	margin: -10px auto 0 auto;
	text-align: center;
	color: #3C342F;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.footer a {
	color: #3C342F;
	text-decoration: none;
}

h1 {
	font: 15px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
}

p {
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
}

#frm_contact {
	display: block;
}

#frm_contact label {
	float: left;
	width: 70px;
	margin: 1px 0 0 0;
}

#frm_contact .frm_contact_row {
	margin: 0 0 3px 0;
	clear: both;
}

#frm_contact .frm_contact_row_right {
	margin: 0 0 3px 70px;
	clear: both;
}

#frm_contact .frm_contact_input {
	width: 290px;
	border: none;
	padding: 2px;
	font-size: 10px;
}

#frm_contact .frm_contact_textarea {
	width: 290px;
	height: 64px;
	border: none;
	padding: 2px;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0;
}

#frm_contact .frm_contact_checkbox {
	margin: 0 0 2px 0;
	vertical-align: middle;
}

#frm_contact hr, #frm_contact .hr {
	border: none;
	height: 1px;
	background: #ffffff;
	margin: 5px 0 5px 0 ;
	padding: 0 0 0 0;
	line-height: 1;
}

#frm_contact .frm_contact_submit {
	float: right;
}

a {
	color: #CFCDB4;
}

#exodus {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 113px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	white-space: nowrap;
	padding: 0 0 17px 0;
}

#exodus a {
	text-decoration: none;
	color: #3C342F;
}

#exodus img {
	display: block;
	padding: 0 0 10px 0;
	margin: 0 auto;
}