/* ---- IMPORT STYLES ----- */

@import url(content.css);

/* ---- BODY STYLES ----- */

body, html {
	background: #fff;
	margin: 0;
	padding: 20px 0 10px 0;
}

/* - NAVIGATION STYLES - */

#navigation {
	margin: 87px 0 0 254px;
	width: 428px;
	height: 28px;
	padding: 0;
	position: absolute;
}

#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#navigation li, #navigation a {
	height: 28px;
	display: block;
}

#nav_home {left: 0; width: 38px; background: url(../images/nav_home.gif) left top no-repeat; }
#nav_home a:hover {background: url(../images/nav_home_off.gif) left top no-repeat; }
#nav_home a:visited:hover {background: url(../images/nav_home_off.gif) left top no-repeat; }
#nav_home_selected {left: 0; width: 38px; background: url(../images/nav_home_off.gif) left top no-repeat; }

#nav_about {left: 55px; width: 58px; background: url(../images/nav_about.gif) left top no-repeat; }
#nav_about a:hover {background: url(../images/nav_about_off.gif) left top no-repeat; }
#nav_about a:visited:hover {background: url(../images/nav_about_off.gif) left top no-repeat; }
#nav_about_selected {left: 55px; width: 58px; background: url(../images/nav_about_off.gif) left top no-repeat; }

#nav_products {left: 131px; width: 60px; background: url(../images/nav_products.gif) left top no-repeat; }
#nav_products a:hover {background: url(../images/nav_products_off.gif) left top no-repeat; }
#nav_products a:visited:hover {background: url(../images/nav_products_off.gif) left top no-repeat; }
#nav_products_selected {left: 131px; width: 60px; background: url(../images/nav_products_off.gif) left top no-repeat; }

#nav_weddings {left: 209px; width: 62px; background: url(../images/nav_weddings.gif) left top no-repeat; }
#nav_weddings a:hover {background: url(../images/nav_weddings_off.gif) left top no-repeat; }
#nav_weddings a:visited:hover {background: url(../images/nav_weddings_off.gif) left top no-repeat; }
#nav_weddings_selected {left: 209px; width: 62px; background: url(../images/nav_weddings_off.gif) left top no-repeat; }

#nav_enquiry {left: 289px; width: 52px; background: url(../images/nav_enquiry.gif) left top no-repeat; }
#nav_enquiry a:hover {background: url(../images/nav_enquiry_off.gif) left top no-repeat; }
#nav_enquiry a:visited:hover {background: url(../images/nav_enquiry_off.gif) left top no-repeat; }
#nav_enquiry_selected {left: 289px; width: 52px; background: url(../images/nav_enquiry_off.gif) left top no-repeat; }

#nav_contact {left: 359px; width: 69px; background: url(../images/nav_contact.gif) left top no-repeat; }
#nav_contact a:hover {background: url(../images/nav_contact_off.gif) left top no-repeat; }
#nav_contact a:visited:hover {background: url(../images/nav_contact_off.gif) left top no-repeat; }
#nav_contact_selected {left: 359px; width: 69px; background: url(../images/nav_contact_off.gif) left top no-repeat; }


/* --- LAYOUT STYLES --- */

#container { 
	width: 700px;
	margin: 0 auto; 
	background: #fff;
	padding: 0;
	text-align: left;
	height: auto;
}

#header {
	margin: 0 0 15px 0;
	width: 700px;
	height: 292px;
	background: #fff url(../images/header.gif) bottom left no-repeat;
}

#header_internal {
	margin: 0 0 15px 0;
	width: 700px;
	height: 199px;
	background: #fff url(../images/header_internal.gif) bottom left no-repeat;
}

#logo {
	position: absolute;
	margin: 0 0 0 15px;
	width: 221px;
	height: 190px;
	background: transparent url(../images/jacaranda.gif) top left no-repeat;
}

#logo a {
	width: 221px;
	height: 185px;
	display: block;
}

#slogan {
	position: absolute;
	margin: 230px 0 0 18px;
	width: 472px;
	height: 21px;
	background: transparent url(../images/slogan.gif) top left no-repeat;
}

#lavender {
	position: absolute;
	margin: 137px 0 0 489px;
	width: 211px;
	height: 152px;
	background: transparent url(../images/lavender.gif) top left no-repeat;
}

#content {
	width: 680px;
	padding: 0 10px;
	line-height: 15px;
}

#content_left {
	float: left;
	width: 380px;
	padding: 0 10px;
}

#content_middle {
	float: left;
	width: 5px;
	height: 283px;
	padding: 0;
	background: #fff url(../images/bg_middle.gif) top left no-repeat;
}

#content_right {
	float: right;
	width: 260px;
	padding: 0 10px 0 25px;
}

#footer {
	margin: 15px 0 0 0;
	width: 700px;
	height: 55px;
	background: #fff url(../images/footer.gif) top left no-repeat;
	color: #956b91;
	font-size: 10px;
	line-height: 55px;
	text-align: center;
}

#footer a {
	color: #956b91;
}

#beeinteractive a {
	position: absolute;
	margin: -10px 0 0 293px;
	width: 115px;
	height: 24px;
	display: block;
	background: #fff url(../images/beeinteractive_off.gif) top left no-repeat;
}

#beeinteractive a:hover {
	background: #fff url(../images/beeinteractive.gif) top left no-repeat;
}


/* --- HOME PAGE STYLES --- */

#bullets_home {
	float: right;
	padding: 0 45px 0 0;
	text-indent: 15px;
	line-height: 20px;
	background: url(../images/home/home_bullet.gif) top left repeat-y;
}

#bullets_home a {
	color: #444;
}

#home_photo {
	float: right;
	margin-left: 10px;
}

#home_weddings {
	font-size: 10px;
}

#home_weddings p {
	margin: 0 0 11px 0;
}

#home_contact {
	margin: -4px 0 0 0;
	font-size: 10px;
	line-height: 14px;
}

/* --- ORDER & CONTACT PAGE STYLES --- */

.enquiry_row_left {
	float: left;
	width: 330px;
	height: 30px;
	padding: 13px 0 0 0;
	border-bottom: dashed 1px #ccc;
}

.enquiry_row_right {
	float: left;
	width: 330px;
	height: 30px;
	margin: 0 0 0 20px;
	padding: 13px 0 0 0;
	border-bottom: dashed 1px #ccc;
}

.enquiry_field {
	float: left;
	height: 30px;
	line-height: 20px;
}