/* 
	inlight.com.au
	
	01/05/2009
	Patrick Carne (Inlight Media)
*/

/* //////////////////////////////////////////////////////////////////
/* CONTAINERS -----------------------------------------------------*/

html {
	overflow: auto;
}

body 
{	
	background: #FFF url(../img/background_header.jpg) repeat-x;
	text-align: center;		
	
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #808080;
}

#page
{
}

.bounding
{	
	width: 960px;
	margin: 0 auto;		
	text-align: left;	
}

/* //////////////////////////////////////////////////////////////////
/* HEADER ---------------------------------------------------------*/

#header
{
	text-align: center;
}

#logo
{
	height: 200px;
	margin-top: 30px;
}

#logo a
{
	display: block;
	height: 200px;
}

#logo img
{
	height: 200px;
	width: 330px;
}

#menu
{
	margin-top: 40px;
	height: 30px;
}

#menu ul
{
	margin: 0px auto;
	width: 805px;
	height: 30px;
}

#menu ul li
{
	float: left;
	margin: 0 5px;
	height: 30px;
}

#menu ul li a
{
	float: left;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	color: #666;
	text-decoration: none;
	font-size: 90%;
	background: url(../img/background_tab_left.png) left -30px;
	cursor: pointer;
}

#menu ul li.contact a
{
	background: url(../img/background_tab_left_contact.png) left -30px;
	color: #fff;
}

#menu ul li a:hover
{
	background-position: left 0;
}

#menu ul li a.active
{
	background-position: left 0;
	color: #333;
}

#menu ul li.contact a.active
{
	background-position: left -60px;
}

#menu ul li a span
{
	float: left;
	height: 30px;
	padding: 0 15px;
	background: url(../img/background_tab_right.png) right -30px no-repeat;
}

#menu ul li.contact a span
{
	background: url(../img/background_tab_right_contact.png) right -30px no-repeat;
}

#menu ul li a:hover span
{
	background-position: right 0px;
}

#menu ul li a.active span
{
	background-position: right 0;
}

#menu ul li.contact a.active span
{
	background-position: right -60px;
}

/* //////////////////////////////////////////////////////////////////
/* THREE COLUMNS --------------------------------------------------*/

div.three_column
{
	margin-top: 40px;
}

div.column_third
{
	float: left;
	width: 320px;
}

div.column_third p
{
	margin: 0 15px 1em 15px;
	font-size: 90%;
}

/* //////////////////////////////////////////////////////////////////
/* TWO COLUMNS ----------------------------------------------------*/

div.two_column
{
	margin-top: 40px;
}

div.column_two_thirds
{
	float: left;
	width: 640px;
}

div.column_two_thirds p
{
	margin: 0 15px 1em 15px;
	font-size: 90%;
}

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

h1.image
{
	width: 290px;
	height: 60px;
	margin: 0 15px 25px 15px;
	color: transparent;
	text-transform: capitalize;
	text-indent: -9999px;
}

h1.about
{
	background: url(../img/txt_about_me.jpg);
}

h1.services
{
	background: url(../img/txt_services.jpg);
}

h1.quick_contact
{
	background: url(../img/txt_contact.jpg);
}

#contact_form_outer
{
	float: left;
	position: relative;
	padding-left: 15px;
	width: 305px;
}

#contactForm
{
	position: relative;
	margin: 0;
}

#contactForm input.text
{
	float: left;
	width: 280px;
	height: 20px;
	background: #F2F2F2;
	border: solid 1px #B2B2B2;
	margin-bottom: 10px;
	padding: 7px 5px 3px 5px;
	color: #888;
}

#contactForm input.error
{
	border: solid 1px #ED697D;
}

#contactForm textarea
{
	float: left;
	width: 280px;
	height: 5em;
	background: #F2F2F2;
	border: solid 1px #B2B2B2;
	margin-bottom: 10px;
	padding: 7px 5px 3px 5px;
	padding: 5px;
	color: #888;
}

#contactForm textarea.error
{
	border: solid 1px #ED697D;
}

#contactForm #validation_outer
{
	float: left;
	width: 200px;
	height: 30px;
	color: #ED697D;
	font-size: 90%;
	line-height: 30px;
	vertical-align: middle;
}

#contactForm #validation p
{
	margin: 0;
}

#contactForm input.submit
{
	float: left;
	width: 90px;
	height: 30px;
	color: #FFF;
	border: none;
	background: url(../img/btn_send.png) 0 0;
	cursor: pointer;
}

#contactForm input.submit:hover
{
	background-position: 0 -30px;
}

#thankyou
{
	display: none;
}

/* //////////////////////////////////////////////////////////////////
/* CONTENT PAGES --------------------------------------------------*/

.photo
{
	margin-top: 30px;
}

h1.weddings
{
	background: url(../img/txt_weddings.jpg);
}

h1.namings
{
	background: url(../img/txt_naming.jpg);
}

h1.commitment
{
	background: url(../img/txt_commitment.jpg);
	width: 350px;
}

h1.renewal
{
	background: url(../img/txt_renewal_vows.jpg);
}

h1.funerals
{
	background: url(../img/txt_funerals.jpg);
}

h1.contact
{
	background: url(../img/txt_contact_me.jpg);
}

#personal_details
{
	margin-bottom: 2em;
}

#personal_details p.name
{
	font-weight: bold;
}

#personal_details p
{
	margin-bottom: 0;
	line-height: 2em;
}

#contact_details p
{
	margin-bottom: 0;
	line-height: 2em;
}

#contact_details span
{
	color: #333;
	padding-right: 10px;
}


/* //////////////////////////////////////////////////////////////////
/* UTILITY CLASSES ------------------------------------------------*/

.hidden
{
	position: absolute;
	left: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.clearer
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
}