/*
*****************************************************

E-Celebrant - Screen stylesheet
Created by Karl Brightman - Wed Aug 29 19:23:33 WST 2007
http://www.webfirm.com.au
Currently listening to The Butterfly Effect - In a Memory

*****************************************************
*/

/* Basic Selectors
-------------------------------------------------------------- */
* { line-height: 1.6; margin: 0; padding: 0; }
body {
	background: #d9dbeb url(../images/core/body-bg.jpg) repeat-x 0 0;
	color: #615a5c;
	font: normal 62.5% Verdana, Helvetica, sans-serif;
}

.clear { clear: both; display: block; height: 1%; line-height: 0; margin: 0; padding: 0; visibility: hidden; }

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

/* Container
-------------------------------------------------------------- */
#container { background: url(../images/core/container-bg.jpg) repeat-y 0 0; margin: 0 auto 30px; width: 850px; }

/* Header
-------------------------------------------------------------- */
#header {
	background: url(../images/core/header-bg.jpg) no-repeat 0 0;
	height: 110px;
	position: relative;
	width: 850px;
}

#header h1 a, #header h2 { display: block; overflow: hidden; position: absolute; text-indent: -9999px; }

#header h1 a {
	background: url(../images/core/header-logo.jpg) no-repeat 0 0;
	height: 110px;
	left: 15px;
	top: 0;
	width: 273px;
}

#header h2 {
	background: url(../images/core/header-slogan.jpg) no-repeat 0 0;
	height: 31px;
	left: 305px;
	width: 289px;
}

/* Navigation
-------------------------------------------------------------- */
#navigation {
	height: 31px;
	list-style: none;
	margin: 0 5px;
	background: url(../images/navigation/bg.jpg) repeat-x;
}

#navigation li { float: left; }
#navigation li a { display: block; height: 31px; overflow: hidden; text-indent: -9999px; }
#navigation li.active a, #navigation li a:hover { background-position: 0 -31px !important; }

#navigation li#navigation-home a { background: url(../images/navigation/home.jpg) no-repeat 0 0; width: 160px; }
#navigation li#navigation-profile a { background: url(../images/navigation/profile.jpg) no-repeat 0 0; width: 66px; }
#navigation li#navigation-find_a_celebrant a { background: url(../images/navigation/find_a_celebrant.jpg) no-repeat 0 0; width: 122px; }
#navigation li#navigation-celebrant_directory a { background: url(../images/navigation/celebrant_directory.jpg) no-repeat 0 0; width: 140px; }
#navigation li#navigation-join a { background: url(../images/navigation/join.jpg) no-repeat 0 0; width: 83px; }
#navigation li#navigation-celebrant_training a { background: url(../images/navigation/celebrant_training.jpg) no-repeat 0 0; width: 146px; }
#navigation li#navigation-testimonials a { background: url(../images/navigation/whats-new.jpg) no-repeat 0 0; width: 89px; }
#navigation li#navigation-contact_us a { background: url(../images/navigation/contact_us.jpg) no-repeat 0 0; width: 88px; }

/* Banner
-------------------------------------------------------------- */
#banner {
	background: #f8f2f4;
	border-top: 1px solid #fff;
	height: 321px;
	margin: 0 5px;
	position: relative;
	width: 840px;
}

#banner ul { list-style: none; }
#banner ul li a { display: block; overflow: hidden; position: absolute; text-indent: -9999px; }

#banner li#banner-wedding a {
	background: url(../images/core/banner-wedding.jpg) no-repeat 0 0;
	height: 300px;
	left: 10px;
	top: 9px;
	width: 600px;
}

#banner li#banner-online_celebrant a {
	background: url(../images/core/banner-online_celebrant.jpg) no-repeat 0 0;
	height: 142px;
	right: 10px;
	top: 9px;
	width: 212px;
}

#banner li#banner-celebrant_stationery div {
	background: url(../images/core/banner-celebrant_stationery.jpg) no-repeat 0 0;
	height: 153px;
	position: absolute;
	right: 10px;
	top: 156px;
	width: 212px;
}

/* Banner - Page Title
-------------------------------------------------------------- */
#banner-page_title {
	background: #f8f2f4;
	border-top: 1px solid #fff;
	font-size: 1.1em;
	height: 40px;
	margin: 0 5px;
	padding: 20px 40px 10px 35px;
}

#banner-page_title h1 { color: #d3408e; font-size: 1.6em; font-weight: normal; }
#banner-page_title h1 em { color: #3560a0; }

/* Content
-------------------------------------------------------------- */
#content { font-size: 1.1em; margin: 20px 5px; }

#content .left { display: inline; float: left; margin-left: 10px; padding: 0 30px 0 25px; width: 535px; margin-right: 0; }
#content .right { display: inline; float: right; margin-right: 10px; width: 212px; }
#content .left .wide { border-bottom: 1px solid #cccccc; margin-bottom: 20px; }

#content #item ul { list-style-type: none; width: 535px;}
#content #item ul li { margin-bottom: 15px; border-bottom: 1px solid #cccccc; min-height:260px; _height:260px;}
#content #item ul li .image-right { width: 100px; padding-left: 20px; float: right; clear: right;}
#content #item ul li .image-right img { padding-bottom: 15px; border:none;}

#content h1, #content h2 { color: #d3408e; font-size: 1.6em; font-weight: normal; margin-bottom: .5em; }
#content h2 { font-size:1.4em; }
#content h1 em, #content h2 em { color: #3560a0; }

#content h3 { color: #dc408e; font-size: 1.2em; font-weight: normal; margin-bottom: .5em; }

#content h4 { color: #dc408e; font-size: 1em; font-weight: normal; margin-bottom: 0; }

#content a { color: #3560a0; text-decoration: underline; }
#content a:hover { color: #dc408e; }

#content p,
#content pre,
#content ul,
#content ol,
#content dl,
#content table { margin-bottom: 1em; }

#content hr { display: none; }

#content img.image-left { float: left; margin: 0 2em 2em 0; }
#content img.image-right { float: right; margin: 0 0 2em 2em; }
#content img.image-center { display: block; margin: 0 auto 1em; }
#content img.image-border { background: #fff; border: 1px solid #ccc; padding: 4px; }

#content .profile { border-bottom: 1px solid #dbddec; margin-bottom: 2em; }

#content .blue_box {
	background: #f1f4fb;
	border: 1px solid #b1c0da;
	color: #4a71aa;
	margin-bottom: 1em;
	padding: 1em;
}

#content .blue_box h3 { color: #4a71aa; }
#content .blue_box .left { float: left; width: 40%; margin:0;}
#content .blue_box .right { float: left; width: 58%; margin:0;}
#content .celebrant_profile .left { float: left; width: 250px; }
#content .celebrant_profile .right { float: left; width: 160px; }
#content .celebrant_profile .right img { border: 1px solid #b1c0da; }
#content .celebrant_profile .img-right { float: right; margin: 0 0 10px 10px; }


#content .blue_box ul.blue_box_links_list { list-style: none; margin-bottom: 1em; }
#content .blue_box ul.blue_box_links_list li { display: inline; }
#content .blue_box ul.blue_box_links_list li a {
	border: 1px solid #abc1e1;
	border-left: 0; border-right: 0;
	display: block;
	height: 1%;
	margin-top: -1px;
	padding: 4px;
	text-decoration: none;
}
#content .blue_box ul.blue_box_links_list a:hover { background: #f9fbff; color: #d3408e; }

#content .blue_box ul.blue_box_links_list .item {
	padding: 10px 0;
	border-bottom: 1px dotted #c0d1eb;
}

#content .blue_box ul.blue_box_links_list .item .image {
	float: left;
	width: 65px;
}

#content .blue_box ul.blue_box_links_list div .item .info {
	float: left;
	width: 445px;
}

#content .blue_box ul.blue_box_links_list .item .image a {
	border: 0;
	height: auto;
	margin-top: 0;
	padding: 0;
}

#content .blue_box ul.blue_box_links_list .item .image a:hover {
	background: none; 
}

#content .blue_box ul.blue_box_links_list div .item .info a {
	padding-left: 0;
	margin-left: 0;
}


#content p.link_back { text-align: right; }
#content p.link_back a {
	background: url(../images/core/icon-go_back.gif) no-repeat left center;
	padding: 4px 0 4px 20px;
	text-decoration: none;
}

#content .blue_box p.celebrant_links a {
	background: url(../images/core/icon-contact_email.gif) no-repeat left center;
	padding: 4px 0 4px 20px;
	text-decoration: none;
}

#content .blue_box .celebrant_details { /*border: 1px solid #abc1e1;*/ border-left: 0; border-right: 0; list-style: none; margin: 0; margin-bottom: 1em; }
#content .blue_box .celebrant_details li { padding: 0; }
#content .blue_box .celebrant_details li.alt { /*background: #f9fbff;*/ }
#content .blue_box .celebrant_details .title { color: #dc408e; font-weight: normal; }

#content .blue_box .celebrant_details .contact_info {
	float: left;
	width: 48%;
	margin-right: 10px;
}

#content .blue_box .celebrant_details td { vertical-align: top; }


#content .blue_box .celebrant_details hr {
	border: 0;
	border-bottom: 1px dotted #c0d1eb;
	height: 1px;
	margin: 15px 0;
	display: block;
}


#content #flashmap {
	margin: 0 0 30px 30px;
}

#content .note {
	font-size: 10px;
	color: #999;
}

.promo { 
	font-size: 1.5em;
	font-weight: bold;
}



/* Step by step join process */
ul#steps {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 31px;
	margin-bottom: 25px;
}

ul#steps li {
	float: left;
	display: inline;
	width: 50px;
	height: 31px;
	line-height: 31px;
	display: block;
	margin-left: -1px;
	border: 1px solid #aaa;
	padding: 0 10px;
	background: url(../images/navigation/bg.jpg) repeat-x;
	color: #aaa;
	text-align: center;
}

body.step1 ul#steps li#step1 { color:#d2006e; font-weight:bold; }

body.step2 ul#steps li#step1 { color:#4a71aa; font-weight:bold; }
body.step2 ul#steps li#step2 { color:#d2006e; font-weight:bold; }

body.step3 ul#steps li#step1 { color:#4a71aa; font-weight:bold; }
body.step3 ul#steps li#step2 { color:#4a71aa; font-weight:bold; }
body.step3 ul#steps li#step3 { color:#d2006e; font-weight:bold; }

body.step4 ul#steps li#step1 { color:#4a71aa; font-weight:bold; }
body.step4 ul#steps li#step2 { color:#4a71aa; font-weight:bold; }
body.step4 ul#steps li#step3 { color:#4a71aa; font-weight:bold; }
body.step4 ul#steps li#step4 { color:#d2006e; font-weight:bold; }






/* Featured celebrants on homepage */
.featured {
	margin: 35px 0;
	padding: 25px 0;
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
	font-size: 10px;
	line-height: 12px;
}

.featured h2 {
	padding-bottom: 10px;
}

.featured ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.featured ul li {
	float: left;
	width: 165px;
	padding: 0 6px;
	height: 130px;
}

.featured ul li .image {
	float: left;
	width: 60px;
}

.featured ul li img { border: 0; }

.featured ul .info {
	float: left;
	width: 105px;
}
	



/* Right hand details */
#enquiries-box { margin-bottom: 20px; }
#tell-a-friend-box { }

form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
	border: 0;
}

form.form ol { list-style: none; margin-bottom: 0; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 190px;
	vertical-align: top;
}

form.form label.none {
	width: 0;
	height: 0;
}

form.form input {
	width: 190px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form li.button { 
	padding-top: 10px;
	_padding-top: 0; /* IE6 fix */
	.padding-top: 0; /* IE7 fix */
}

form.form li.button input {
	width: auto;
	border: 0;
	background: #626262;
	color: #fff;
	cursor: pointer;
	float: left;
}

form.cmxform input.send { 
	border: 0; 
	display: block; 
	text-decoration: none; 
}

form.cmxform input.send:hover, 
form.cmxform input.send.sendhover { 
	background: #d23788; 
	color: #fff; 
	text-decoration: none;
}


/* Footer
-------------------------------------------------------------- */
#footer {
	background: url(../images/core/footer-bg.jpg) no-repeat 0 0;
	color: #8c979d;
	height: 56px;
	padding: 16px 38px 0;
	position: relative;
	_padding: 8px 38px 0; /* IE6 fix */
}

#footer a { color: #4a71aa; text-decoration: none; }
#footer a:hover { color: #d3408e; }

#footer a#site_created_by {
	background: url(../images/core/webfirm.gif) no-repeat 0 0;
	display: block;
	height: 25px;
	left: 600px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 25px;
	width: 67px; height: 25px;
}

#footer ul#footer-logos { list-style: none; }
#footer ul#footer-logos li a {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}

#footer ul#footer-logos li#fl-bookaholics a { background: url(../images/core/footer-logo_bookaholics.jpg) no-repeat 0 0; height: 44px; right: 94px; top: 9px; width: 74px; }
#footer ul#footer-logos li#fl-studio225 a { background: url(../images/core/footer-logo_studio.jpg) no-repeat 0 0; height: 44px; right: 18px; top: 9px; width: 71px; }

/* Forms
----------------*/
#enquiryform {
	border: 0;
	padding: 0;
	width: 100%;
}

#enquiryform em {
	color: #dc408e;
}

#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: #f9fbff;
}

#enquiryform label {
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
	width: 150px;
}

#enquiryform textarea, #enquiryform input, #enquiryform select {
	color: #555;
	font-size: 1em;
	padding: .25em;
	width: 300px;
}

#enquiryform div.checkboxes { margin-left: 145px; width: 320px;}
#enquiryform input.checkbox { width: 30px; }

#enquiryform textarea {
	font: 1em/1.2em "Arial", "Helvetica", sans-serif;
}

/* Popup
----------------*/
body#popup {
	background: #fff;
	padding: 10px 20px;
}