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

	jgm web design [MASTER]
	
	* Created by: James Mills [www.jgmwebdesign.co.uk]
	* Document created: 21st Feb 2008
	* Copyright (c) 2008 James Mills.
	
	Parts of this site utilises the Blueprint CSS Framework 0.7.1
	http://blueprintcss.googlecode.com
	
	* Copyright (c) 2007-2008. See LICENSE for more info.
	* See README for instructions on how to use Blueprint.
	* For credits and origins, see AUTHORS.
	
	// All CSS files are compressed. See the sources in the 'styles/src/' directory.

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


/* Golbal CSS settings
-------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

body {
	font-size:62.5%;
	background:url(../assets/sky_bg.png) repeat-x 0 -450px;
}

.clear_fix {
	clear: both;
}

/* Overall Wrapper
-------------------------------------------------------------- */
div#overall_wrapper {
	background:url(../assets/main_image.png) no-repeat center -80px;
	width:100%;
	height:1058px;
}

/*  Wrapper
-------------------------------------------------------------- */
div#wrapper {
	width:960px;
	position: absolute;
    left: 50%;
    margin-left:-480px;

}

/* Branding
-------------------------------------------------------------- */
h1#branding a {
	background:url(../assets/logo.png);
	display:block;
	width:245px;
	height:84px;
	text-indent:-9000px;
	
	position:absolute;
	left:50%;
	margin-left:-140px;
	top:60px;
}


/* Headings
-------------------------------------------------------------- */
h2.what_about_refresh {
	background:url(../assets/titles/what_about_refresh.png);
	text-indent:-9000px;
	width:176px;
	height:19px;
	margin-bottom:5px;
}
h2.manifesto {
	background:url(../assets/titles/manifesto.png);
	text-indent:-9000px;
	width:170px;
	height:18px;
	margin-bottom:5px;
}
h2.what_about_teesside {
	background:url(../assets/titles/what_about_teesside.png);
	text-indent:-9000px;
	width:239px;
	height:20px;
	margin-bottom:5px;
}
h2.what_next {
	background:url(../assets/titles/what_next.png);
	text-indent:-9000px;
	width:160px;
	height:46px;
	margin-bottom:5px;
}

	

/* Box's
-------------------------------------------------------------- */
div#box_one {
	background:url(../assets/box_one.png);
	width:214px;
	height:289px;
	
	position:absolute;
	left:0px;
	top:370px;
	
	padding-left:30px;
	padding-right:30px;
	padding-top:35px;
}

div#box_one p {
	font-size:1.1em;
	color:#666666;
	line-height:1.4em;
	margin-bottom:10px;
}

div#box_one ul li {
	list-style-position:inside;
	font-size:1.1em;
	color:#666666;
	margin-left:5px;
}

div#box_two {
	background:url(../assets/box_two.png);
	width:350px;
	height:289px;
	
	position:absolute;
	left:280px;
	top:370px;
	
	padding-left:30px;
	padding-right:30px;
	padding-top:35px;
}

div#box_two p {
	font-size:1.1em;
	color:#666666;
	line-height:1.4em;
	margin-top:12px;
}
div#box_two p a {
	color:#666666;
	text-decoration:underline;
}
div#box_two p a:hover, div#box_two p a:active, div#box_two p a:focus {
	color:#fff;
	background:#00ccff;
	text-decoration:none;
}

div#box_three {
	background:url(../assets/box_three.png);
	width:211px;
	height:289px;
	
	position:absolute;
	right:0px;
	top:370px;
	
	padding-left:30px;
	padding-right:30px;
	padding-top:35px;
}

div#box_three p {
	font-size:1.1em;
	color:#666666;
	line-height:1.4em;
	margin-top:12px;
}
div#box_three p a {
	color:#00ccff;
	text-decoration:underline;
	font-weight:bold;
}
div#box_three p a:hover, div#box_three p a:active, div#box_three p a:focus {
	color:#fff;
	font-weight:bold;
	background:#00ccff;
	text-decoration:none;
}




/* Footer
-------------------------------------------------------------- */
div#footer {
	position:absolute;
	left:120px;
	top:680px;
}
div#footer p {
	font-size:1.2em;
	font-weight:bold;
	color:#73b50b;
}
div#footer p a {
	color:#73b50b;
	text-decoration:underline;
}
div#footer ul li {
	list-style:none;
	display:inline;
	padding-right:5px;
	color:#73b50b;
	font-weight:bold;
	font-size:1.2em;
}
div#footer ul li a {
	color:#73b50b;
	font-weight:bold;
	text-decoration:underline;
}
div#footer p a:hover, div#footer p a:active, div#footer p a:focus,
div#footer ul li a:hover, div#footer ul li a:active, div#footer ul li a:focus {
	color:#fff;
	font-weight:bold;
	background:#00ccff;
	text-decoration:none;
}