/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}
/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}
/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}
/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
	font-family: inherit;
}
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right:0px;
	background-color: #FBFFDF;
	color: #664A39;
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
	min-width: 940px;
	text-align: center;
}
a:link {
	text-decoration: underline;
	color: #FBFFDF;
	background-color: transparent;
}
a:visited {
	text-decoration: underline;
	color: #FBFFDF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
}
/*-- GENERAL BITS --------------*/
/*-#container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}-*/
#container {
	margin: 0 auto;
	width: 940px;
	padding: 0;
	border: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -295px 0 0 -470px;
	text-align: left;
}
/*-- HEADER---------------------*/

#masthead {
	position: relative;
	float: left;
	display: inline;
	width: 940px;
	height: 80px;
	margin: 0;
	padding: 0;
}
#masthead ul {
	display: inline;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#masthead li {
	display: inline;
	float: left;
	margin: 0 0 0 25px;
}
#masthead li a {
	display: inline;
	float: left;
	height: 18px;
}
#masthead li span {
	display: none;
}	
/*  Navigation  */

#nav {	
	height: 40px;	
	left: 0px;	top: 35px;	
}

#nav ul {
	float: right;
	list-style: none;
	
	padding: 0;
	display: inline;
	margin-left: 5px;
	margin-top: 35px;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	float: left;
	margin: 0;
	padding: 0 8px;
	text-decoration: none;
	color: #664A39;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #000000;
	background: none;
	border: none;
}
#nav ul li#current a {	
	color: #000000;	
}	
	
/*}
#nav01 a {
	background: url(images/nav_home_off.gif) top left no-repeat;
	width: 40px;
	height: 18px;
}
#nav01 a:hover {
	background: url(images/nav_home_on.gif) top left no-repeat;
}
#nav01on {
	background: url(images/nav_home_on.gif) top left no-repeat;
	width: 40px;
	height: 18px;
}
#nav02 a {
	background: url(images/nav_weddings_off.gif) top left no-repeat;
	width: 67px;
	height: 18px;
}
#nav02 a:hover {
	background: url(images/nav_weddings_on.gif) top left no-repeat;
}
#nav02on {
	background: url(images/nav_weddings_on.gif) top left no-repeat;
	width: 67px;
	height: 18px;
}
#nav03 a {
	background: url(images/nav_styling_off.gif) top left no-repeat;
	width: 50px;
	height: 18px;
}
#nav03 a:hover {
	background: url(images/nav_styling_on.gif) top left no-repeat;
}
#nav03on {
	background: url(images/nav_styling_on.gif) top left no-repeat;
	width: 50px;
	height: 18px;
}
#nav04 a {
	background: url(images/nav_colour_off.gif) top left no-repeat;
	width: 50px;
	height: 18px;
}
#nav04 a:hover {
	background: url(images/nav_colour_on.gif) top left no-repeat;
}
#nav04on {
	background: url(images/nav_colour_on.gif) top left no-repeat;
	width: 50px;
	height: 18px;
}
#nav05 a {
	background: url(images/nav_prices_off.gif) top left no-repeat;
	width: 42px;
	height: 18px;
}
#nav05 a:hover {
	background: url(images/nav_prices_on.gif) top left no-repeat;
}
#nav05on {
	background: url(images/nav_prices_on.gif) top left no-repeat;
	width: 42px;
	height: 18px;
}
#nav06 a {
	background: url(images/nav_about_off.gif) top left no-repeat;
	width: 40px;
	height: 18px;
}
#nav06 a:hover {
	background: url(images/nav_about_on.gif) top left no-repeat;
}
#nav06on {
	background: url(images/nav_about_on.gif) top left no-repeat;
	width: 40px;
	height: 18px;
}
#nav08 a {
	background: url(images/nav_contact_off.gif) top left no-repeat;
	width: 52px;
	height: 18px;
}
#nav08 a:hover {
	background: url(images/nav_contact_on.gif) top left no-repeat;
}
#nav08on {
	background: url(images/nav_contact_on.gif) top left no-repeat;
	width: 52px;
	height: 18px;
}*/
#headerLogo {
	position: absolute;
	top: 20px;
	left: 0;
	width: 196px;
	height: 29px;
}
#headerNavBar {
	position: absolute;
	top: 34px;
	right: 0;
	height: 18px;
}
/*-- FOOTER --------------------*/
.footerArea {
	position: relative;
	float: left;
	display: inline;
	width: 940px;
	margin: 20px 0 30px 0;
}
.footerArea p {
	font-size: 11px;
	color: #333333;
	display: inline;
	margin: 0;
	padding: 0;
}
.footerArea a {
	color:#333333;
}
/*-- HOME PAGE ---------------------*/
.homeIntro {
	position: relative;
	float: left;
	display: inline;
	overflow: hidden;
	width: 300px;
	height: 300px;
	background-color: #664A39;
	margin: 0 20px 20px 0;
}
.homeIntro h1 {
	font-size: 12px;
	color: #FBFFDF;
	line-height: 1em;
	margin: 20px;
	padding: 0;
}
.homeIntro p {
	font-size: 12px;
	color: #CCCCCC;
	line-height: 1.5em;
	margin: 0 20px 20px 20px;
	padding: 0;
}
.homeFlashHolder {
	position: relative;
	float: left;
	display: inline;
	width: 620px;
	height: 300px;
	background-color: #664A39;
	margin: 0 0 20px 0;
}
.homeThumb {
	position: relative;
	float: left;
	display: inline;
	width: 220px;
	background-color: #664A39;
	margin: 0 20px 0 0;
}
.homeThumb img {
	border: 0;
}
.homeThumb a {
	border: 5px solid #664A39;
	padding: 0;
	margin: 0;
	display: block;
}
.homeThumb a:visited {
	border: 5px solid #664A39;
	padding: 0;
	margin: 0;
	display: block;
}
.homeThumb a:hover {
	border: 5px solid #B66844;
	padding: 0;
	margin: 0;
	display: block;
}
.homeThumbRight {
	position: relative;
	float: left;
	display: inline;
	width: 220px;
	background-color: #664A39;
	margin: 0;
}
.homeThumbRight img {
	border: 0;
}
.homeThumbRight a {
	border: 5px solid #664A39;
	padding: 0;
	margin: 0;
	display: block;
}
.homeThumbRight a:visited {
	border: 5px solid #664A39;
	padding: 0;
	margin: 0;
	display: block;
}
.homeThumbRight a:hover {
	border: 5px solid #B66844;
	padding: 0;
	margin: 0;
	display: block;
}
/*-- ABOUT US PAGE -------------*/
.aboutMainArea {
	position: relative;
	float: left;
	display: inline;
	width: 640px;
	height: 460px;
	background-color: #664A39;
}
.aboutMainArea h1 {
	font-size: 14px;
	color: #FBFFDF;
	line-height: 1em;
	margin: 20px 0 10px 0;
	padding: 0;
}
.aboutMainArea p {
	font-size: 12px;
	color: #CCCCCC;
	line-height: 1.5em;
	margin: 1em 0 1em 0;
	padding: 0;
}
.aboutColumn1 {
	position: relative;
	float: left;
	display: inline;
	margin: 20px 20px 20px 40px;
	width: 250px;
	height: 420px;
}
.aboutColumn2 {
	position: relative;
	float: left;
	display: inline;
	margin: 20px 10px 20px 20px;
	width: 280px;
	height: 420px;
}
.aboutImageArea {
	position: relative;
	float: left;
	display: inline;
	width: 300px;
	height: 460px;
	background-color: #664A39;
}
.aboutImageArea img {
	border: 0;
}
/*-- PRICES PAGE -------------*/
.pricesMainArea {
	position: relative;
	float: left;
	display: inline;
	width: 640px;
	height: 460px;
	background-color: #664A39;
}
.pricesMainArea h1 {
	font-size: 14px;
	color: #FBFFDF;
	line-height: 1em;
	margin: 20px 0 10px 0;
	padding: 0;
}
.pricesMainArea p {
	font-size: 12px;
	color: #CCCCCC;
	line-height: 1.5em;
	margin: 1em 0 1em 0;
	padding: 0;
}
.pricesColumn1 {
	position: relative;
	float: left;
	display: inline;
	margin: 20px 20px 20px 40px;
	width: 250px;
	height: 420px;
}
.pricesColumn2 {
	position: relative;
	float: left;
	display: inline;
	margin: 20px 10px 20px 20px;
	width: 280px;
	height: 420px;
}
.pricesImageArea {
	position: relative;
	float: left;
	display: inline;
	width: 300px;
	height: 460px;
	background-color: #664A39;
}
.pricesImageArea img {
	border: 0;
}
/*-- CONTACT PAGE -------------*/
.contactMainArea {
	position: relative;
	float: left;
	display: inline;
	width: 320px;
	height: 460px;
	font-size: 11px;
	background-color: #664A39;
}
.contactMainArea h1 {
	font-size: 14px;
	color: #FBFFDF;
	line-height: 1em;
	margin: 20px 0 10px 0;
	padding: 0;
}
.contactMainArea p {
	font-size: 12px;
	color: #CCCCCC;
	line-height: 1.5em;
	margin: 1em 0 1em 0;
	padding: 0;
}
.contactColumn1 {
	position: relative;
	float: left;
	display: inline;
	margin: 20px 20px 20px 40px;
	width: 250px;
	height: 420px;
}
.aboutColumn2 {
	position: relative;
	float: left;
	display: inline;
	margin: 20px 10px 20px 20px;
	width: 280px;
	height: 420px;
}
.contactImageArea {
	position: relative;
	float: left;
	display: inline;
	width: 620px;
	height: 460px;
	background-color: #664A39;
}
.contactImageArea img {
	border: 0;
}