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

	[MASTER]
	
	* Created by: James Mills [www.jgmwebdesign.co.uk]
	* Document created: 21st July 2008
	* Copyright (c) 2008 James Mills.
	
	// All CSS files should be compressed using : http://www.cleancss.com

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


/* Golbal CSS settings
-------------------------------------------------------------- */
* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
body { font-size:62.5%; }
.clear_fix { clear: both; }
img { border:0; }

/* Page Wrapper
-------------------------------------------------------------- */
div#page_wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

/* Footer
-------------------------------------------------------------- */
div#footer {
	float:left;
	background:url(../assets/footer.jpg) no-repeat left center;
	width:875px;
	height:130px;
	margin-bottom:10px;
	margin-top:20px;
}

/* Main navigation
-------------------------------------------------------------- */
ul#nav {
	background:url(../assets/nav_bg.jpg) no-repeat right top;
	width:275px;
	height:252px;
	float:right;
	margin-top:25px;
	padding-top:20px;
}
ul#nav li {
	list-style:none;
}
ul#nav li a {
	font-size:1.3em;
	color:#FFFFFF;
	display:block;
	width:225px;
	height:28px;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:50px;
	padding-top:8px;
}
ul#nav li a:hover, ul#nav li a:active, ul#nav li a:focus {
	background:url(../assets/nav_bg_hover.png);
	font-weight:bold;
}
ul#nav li a.active {
	background:url(../assets/nav_bg_active.png);
	font-weight:bold;
}

/* Body Left
-------------------------------------------------------------- */
div#body_left {
	float:left;
	width:590px;
	margin-left:50px;
	display:inline;
}
div#body_left h1 {
	font-size:2em;
	font-weight:normal;
	color:#039;
	margin-bottom:15px;
}

div#body_left h2 {
	font-size:1.5em;
	font-weight:normal;
	color:#09c;
	margin-bottom:10px;
}

div#body_left h3 {
	font-size:1.5em;
	font-weight:normal;
	color:#096;
	margin-bottom:5px;
}

div#body_left h4 {
	font-size:1.3em;
	font-weight:normal;
	color:#666;
	margin-bottom:10px;
}

SPAN.tel {
	font-size:1.3em;
	font-weight:normal;
	color:#666;
	margin-bottom:10px;
}

SPAN.number {
	font-size:1.3em;
	font-weight:normal;
	color:#096;
	margin-bottom:10px;
}

div#body_left address {
	font-size:1.4em;
	font-weight:normal;
	color:#666;
	margin-bottom:5px;
}

div#body_left a {
	font-size:1.4em;
	font-weight:normal;
	color:#09c;
	margin-bottom:5px;
}

div#body_left p {
	color:#666;
	line-height:1.6em;
	margin-bottom:10px;
	font:1.2em;
}
div#body_left ul {
	line-height:1.6em;
	margin-bottom:10px;
}
div#body_left ul li {
	font:1.2em;
	padding-bottom:8px;
	color:#666;
}
div#body_left div.left_col {
	float:left;
	width:260px;
}
div#body_left div.right_col {
	float:right;
	width:260px;
}



/* Links
-------------------------------------------------------------- */
div#body_left a.link1 {
	color:#039;
	font-size:1.1em;
	text-decoration:none;
}
		

/* Sub navigation
-------------------------------------------------------------- */
ul#sub_nav {
	float:right;
	width:240px;
	margin-right:10px;
}
ul#sub_nav li {
	list-style:none;	
}
ul#sub_nav li a {
	background:url(../assets/sub_menu_bg.gif) no-repeat 20px 10px;
	color:#666666;
	padding:10px;
	display:block;
	padding-left:45px;
	border-bottom:1px dotted #c3c3c3;
	font-size:1.2em;
	text-decoration:none;
}
ul#sub_nav li a:hover, ul#sub_nav li a:active, ul#sub_nav li a:focus, ul#sub_nav li a.active{
	background:url(../assets/sub_menu_bg_over.gif) no-repeat 20px 10px;
	color:#0099cc;
}


/* Gallery
-------------------------------------------------------------- */

ul#gallery_images li {
	list-style:none;
	display:inline;
}

ul#gallery_images li a {
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:15px;
}

ul#gallery_images li a img {
	background:#ccc;
	padding:4px;
}


div#galbody_left {
	float:left;
	width:895px;
	margin-left:50px;
	display:inline;
}

div#galbody_left h1 {
	font-size:2em;
	font-weight:normal;
	color:#039;
	margin-bottom:15px;
}

div#galbody_left h2 {
	font-size:1.5em;
	font-weight:normal;
	color:#09c;
	margin-bottom:10px;
}