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

	[MASTER]
	
	* Created by: James Mills [www.jgmwebdesign.co.uk]
	* Document created: 11th June 2008
	* Copyright (c) 2008 James Mills.

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


/* Golbal CSS settings
-------------------------------------------------------------- */
* { margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; }
body { font-size:62.5%; background:#dcddde url(../assets/page_bg.gif) repeat-x top; }
.clear_fix { clear: both; }
img { border:0; }

/* page_wrapper
-------------------------------------------------------------- */
div#page_wrapper {
	background:#fff url(../assets/page_bg.gif) repeat-x top;
	position: absolute;
	width:650px;
	left:50%;
	margin-left:-325px;
	margin-bottom:30px;
}


/* Page Title
-------------------------------------------------------------- */
h1#page_title a {
	background:url(../assets/logoBanner.gif) no-repeat;
	display:block;
	width:190px;
	height:96px;
	text-indent:-9000px;
	
	margin-left:5px;
	margin-top:8px;
}

/* enquiry button
-------------------------------------------------------------- */
a#enquiry {
	position:absolute;
	top:0px;
	right:20px;
	background:url(../assets/enquiry_button.gif);
	
	text-indent:-9000px;
	display:block;
	width:83px;
	height:35px;
}

/* Main namvigation
-------------------------------------------------------------- */
ul#main_nav {
	float:right;
	margin-bottom:40px;
}
ul#main_nav li {
	list-style:none;
	display:inline;
}
ul#main_nav li a {
 	display:block;
	float:left;
	
	font-size:1.2em;
	color:#fff;
	text-decoration:none;
	margin-right:3px;
	
	padding-top:12px;
	padding-bottom:12px;
	padding-left:10px;
	padding-right:10px;
	background:#333333;
}

ul#main_nav li a:hover, ul#main_nav li a.active {
	background:#961b1e;
	padding-bottom:20px;
}


/* Chris fisher picture
-------------------------------------------------------------- */
div#chris_fisher {
	background:url(../assets/chris_fisher.png) no-repeat;
	position:absolute;
	top:175px;
	left:28px;
	width:70px;
	height:220px;
}

/* Master links
-------------------------------------------------------------- */
div#master_links {
	background:#f3f4f4;
	width:540px;
	float:right;
	margin-right:30px;
	clear:both;
	margin-bottom:30px;
}
div#master_links ul li {
	list-style:none;
}
div#master_links ul li a {
	display:block;
	height:44px;
	background:#333333;
	margin-bottom:3px;
	
	color:#fff;
	text-decoration:none;
	font-size:1.1em;
	
	padding-left:180px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:8px;
}


div#master_links .weddings { background: #333333 url(../assets/headerWed.gif) no-repeat 35px 1px; }
div#master_links .weddings:hover, div#master_links .weddings.active { background: #960719 url(../assets/headerWed.gif) no-repeat 35px -58px; }

div#master_links .corporate { background: #333333 url(../assets/headerCorp.gif) no-repeat 33px 1px; }
div#master_links .corporate:hover, div#master_links .corporate.active { background: #960719 url(../assets/headerCorp.gif) no-repeat 33px -58px; }

div#master_links .civil { background: #333333 url(../assets/headerCivil.gif) no-repeat 28px 1px; }
div#master_links .civil:hover, div#master_links .civil.active { background: #960719 url(../assets/headerCivil.gif) no-repeat 28px -58px; }



/* Body wrapper
-------------------------------------------------------------- */
div#body_wrapper {
	clear:both;
	margin-bottom:20px;
}


/* Page titles
-------------------------------------------------------------- */
h1.page_title {
	clear:both;
	margin-left:20px;
	margin-bottom:10px;
	text-indent:-9000px;
	height:40px;
}
h1#need_a_toastmaster { background:url(../assets/page_titles/need_a_toastmaster.gif) no-repeat left center; }
h1#weddings { background:url(../assets/page_titles/weddingH1.gif) no-repeat left center; }
h1#corporate { background:url(../assets/page_titles/corporateH1.gif) no-repeat left center; }
h1#civil { background:url(../assets/page_titles/civilH1.gif) no-repeat left center; }
h1#contact { background:url(../assets/page_titles/contactH1.gif) no-repeat left center; }
h1#about { background:url(../assets/page_titles/need_a_toastmaster.gif) no-repeat left center; }



/* Body wrapper > left container (float}
-------------------------------------------------------------- */
div#left {
	float:left;
	width:380px;
	border-top:1px solid #d3d3d3;
	margin-left:20px;
	padding-top:10px;
}
div#left p {
	color:#333333;
	font-size:1.2em;
	line-height:1.6em;
	margin-bottom:15px;
}
div#left a {
	color:#961b1e;
	text-decoration:underline;
}
div#left p.intro {
	color:#961b1e;
	font-size:1.4em;
	line-height:1.3em;
	font-weight:bold;
}
div#left h2 {
	color:#961b1e;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:6px;
}
div#left ul {
	margin-left:30px;
	margin-bottom:15px;
}
div#left ul li {
	color:#333333;
	font-size:1.2em;
	line-height:1.6em;
}

/* Contact form
-------------------------------------------------------------- */
form#contactForm fieldset {
	padding:15px;
	border:1px solid #ccc;
	background:#efefef;
}
form#contactForm legend {
	padding:5px;
	border:1px solid #ccc;
	color:#961b1e;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:6px;
	background:#efefef;
}
form#contactForm lable {
	color:#333333;
	font-size:1.3em;
}
form#contactForm input[type="text"], form#contactForm textarea {
	padding:5px;
	border:1px solid #961b1e;
	font-size:1.2em;
	width:250px;
}
.error {
	background:#FFFF99;
	border:1px solid #FF0000;
}

/* Propper form submit button style
-------------------------------------------------------------- */
.form_button {
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	padding: 1px 2px;
	background:url(../assets/submit_button_bg.gif) repeat-x left top;
	font-size:13px;
	padding:5px;
	margin-left:2px;
	margin-right:2px;
	
}


/* Body wrapper > right container (float)
-------------------------------------------------------------- */
div#right {
	float:right;
	width:205px;
	margin-right:20px;
	border-top:1px solid #d3d3d3;
	padding-top:10px;
}

/* footer
-------------------------------------------------------------- */
ul#footer {
	border-top:1px solid #d3d3d3;
	margin-left:30px;
	margin-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	margin-bottom:30px;
}
ul#footer li {
	display:inline;
	list-style:none;
	color:#999999;
	font-size:1.1em;
}
ul#footer li a {
	color:#999999;
	text-decoration:none;
	padding-left:10px;
}
ul#footer li a:hover {
	color:#961b1e;
}