/*  
Site Name: Newsquest Marketing
Version: 1.0
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 17.05.2006
*/

/*
---- Elements
*/
html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	background-color:#fff;
}
h1 {
	margin:0px auto 0px auto;
	padding:0;
	background:#fff url(../images/newsquest-marketing.gif) no-repeat center left;
	width:760px;
	height:100px;
	overflow:hidden;
	text-indent:-9000px;
}
h2 {
	margin:0;
	padding:0;
	font:1.2em "Times New Roman", Times, serif;
	height:3em;
	background:#CC66CC;
	text-indent:-9000px;
	overflow:hidden;
}
h3 {
	margin:2em 0 -0.8em 0;
	padding:0;
	font-size:1.2em;
}
p {
	font-size:1.2em;
	line-height:1.8em;
	margin:1em 0 1em 0;
}
	p a {
		padding:2px;
		color:#006600;
		background:#EFEFEF;
		text-decoration:none;
		border-top:1px solid #F8F8F8;
		border-bottom:1px solid #E6E6E6;
	}
	p a:hover {
		color:#fff;
		background:#338533;
		border-top:1px solid #66A366;
		border-bottom:1px solid #006600;
	}

#content ul {
	margin:2.5em 0 2.5em 0;
	padding:0;
	font-size:1.2em;
	line-height:1.8em;
}
	#content ul li {
		margin:0 0 1em 0;
		padding:0;
	}
blockquote {
	margin:0;
	padding:0;
	font:1em "Times New Roman", Times, serif;
	text-align:right;
}
	blockquote p {
		margin:0;
		padding:0;
		line-height:1.2em;
	}
/*
---- Navi
*/
#header {
	margin:0;
	padding-top:31px;
	background:#006600 url(../images/navi-backie.gif) repeat-x top left;
	border-top:1px solid #006600;
	border-bottom:2px solid #003300;
	overflow:visible;
}
#navi {
	margin:0 auto 0 auto;
	width:760px;
}
	#navi ul {
		margin:0;
		padding:0;
		list-style:none;
		float:right;
	}
		#navi ul li {
			margin:0;
			padding:0;
			display:inline;
		}
			#navi ul li a, #home {
				color:#fff;
				font-size:1.2em;
				background:#338533 url(../images/tabright.gif) no-repeat top right;
				text-decoration:none;
				padding:0 8px 8px 0;
				float:left;
				margin:0 0 0 4px;
			}
			#navi ul li a:hover, #home:hover {
				background:#66A366 url(../images/tabright.gif) no-repeat 100% -100px;
			}
				#navi ul li a span, #home span {
					background:transparent url(../images/tableft.gif) no-repeat;
					display:block;
					padding:8px 0 0 8px;
				}
				#navi ul li a:hover span, #home:hover span {
					background:transparent url(../images/tableft.gif) no-repeat 0 -100px;
				}
#home { margin:0; }
				
/* current page styling */
#home-page #home, #about-page #about, #resources-page #resources, #services-page #services, #projects-page #projects, #contact-page #contact {
	color:#006600;
	background:#fff url(../images/tabright.gif) no-repeat 100% -200px;
	border-bottom:2px solid #fff;
	margin-bottom:-2px;
	position:relative;
}
#home-page #home span, #about-page #about span, #resources-page #resources span, #services-page #services span, #projects-page #projects span, #contact-page #contact span {
	background:#fff url(../images/tableft.gif) no-repeat 0 -200px;
}

/*
---- Structure
*/

/* Dec Colours DELETE */
/*
#container { background:#FFCCFF; }
#content { background:#FFFF99; }
#guru { background:#66FFCC; }
#subnavi { background:#99CCFF; }
*/

#nonfooter {
	position:relative;
	min-height:100%;
}
#container {
	margin:30px auto 60px auto;
	width:760px;
}
#content {
	padding:0 20px 0 20px;
	width:370px;
	float:left;
}
#guru {
	width:175px;
	float:left;
	font-size:1.2em;
}
	#guru img {
		border-top:4em solid #fff;
	}

/*
---- Sub Navi
*/
#subnavi {
	width:175px;
	float:left;
	margin-top:4em;
	font-size:1.2em;
}
	#subnavi img {
		border:0;
	}
	#subnavi ul {
		margin:0;
		padding:0;
		list-style:none;	
	}
		#subnavi ul li {
			padding:0 0 4px 0;
		}
			#subnavi ul li a {
				color:#999;
				text-decoration:none;
				line-height:1.8em;
			}
			#subnavi ul li a:hover {
				color:#333;
			}
#subnavi #current a {
	color:#333;
}

/*
---- Page Headers
*/
#home-page h2 { background:#fff url(../images/headers/header-home.gif) no-repeat top left; }
#about-page h2 { background:#fff url(../images/headers/header-about.gif) no-repeat top left; }
#resources-page h2 { background:#fff url(../images/headers/header-resources.gif) no-repeat top left; }
#services-page h2 { background:#fff url(../images/headers/header-services.gif) no-repeat top left; }
#projects-page h2 { background:#fff url(../images/headers/header-projects.gif) no-repeat top left; }
#contact-page h2 { background:#fff url(../images/headers/header-contact.gif) no-repeat top left; }
#brochure-page h2 { background:#fff url(../images/headers/header-brochure.gif) no-repeat top left; }
#guru-page h2 { background:#fff url(../images/headers/header-guru.gif) no-repeat top left; }

/*
---- Per Page Styling
*/
#home-page #guru {
	border-top:4em solid #fff;
	background:#eee url(../images/new-guru-backie.gif) no-repeat bottom left;
}
	#home-page #guru h3 {
		margin:0;
		padding:0;
		background:#fff url(../images/new-guru-header.gif) top left;
		height:53px;
		text-indent:-9000px;
		overflow:hidden;	
	}
	#home-page #guru p.who {
		margin:0;
		padding:16px;
		font-size:0.8em;
		line-height:1em;
	}
	#home-page #guru blockquote {
		padding:0 16px 16px 16px;
		text-align:left;
	}

#projects-page #content {
	padding:0;
	width:585px;
}
	#projects-page #content h2 {
		margin-left:195px;
	}

		#projects-page #content div.project {
			margin:20px 20px 0 0;
			padding:4px 8px 0 0;
			display:block;
			float:left;
			text-decoration:none;
			color:#000000;
			text-align:center;
		}
			#projects-page #content div.project img {
				margin:0;
				padding:2px;
				background:#fff;
				border:1px solid #CCCCCC;
			}
			#projects-page #content div.project img:hover {
				border:1px solid #338533;
			}
			#projects-page #content div.project p {
				margin:0;
				padding:0 4px 0 0;
			}
p.newwindow {
	clear:both;
	padding:20px 0 0 0;
	color:#999999;
	font-size:1em;
}
/*
---- Quote Animation
*/
#quoteanimation {
	margin-top:4em;
}
#quoteanimation p.who {
	font-size:0.9em;
	text-align:right;
	line-height:1.2em;
	margin-top:4em;
}
.photomargin {
	margin-bottom: 220px;
}
/*
---- Forms
*/
form {
	margin:0;
	padding:0;
}
	form label {
		display:block;
		font-size:1.2em;
		color:#999;
		padding:0 0 4px 0;
	}
	form div {
		margin:0 0 12px 0;
	}
	form input, form textarea {
		margin:0;
		padding:2px 3px 2px 3px;
		font:1.2em Verdana, Arial, Helvetica, sans-serif;
		border-top:1px solid #006600;
		border-right:1px solid #338533;
		border-bottom:1px solid #338533;
		border-left:1px solid #006600;
		background:#F8F8F8 url(../images/input.gif) no-repeat top left;
	}
#contact-form #submit, #brochure-form #submit {
	width:auto;
	margin:0;
	padding:3px;
	color:#fff;
	background:#016701 url(../images/submit.gif) repeat-x top left;
	border-top:3px double #5EA75E;
	border-right:3px double #003300;
	border-bottom:3px double #003300;
	border-left:3px double #5EA75E;
}
#contact-form input {
	width:150px;
}
#contact-form textarea {
	width:150px;
	height:100px;
}
#brochure-form label {
	float:left;
	display:block;
	width:100px;
	text-align:right;
	padding:0 5px 4px 0;
}
#brochure-form input {
	width:200px;
}
#brochure-form #submit {
	margin-left:105px;
}

/*
---- Footer
*/
* html #nonfooter {
	height:100%;
}

#footer {
	background:#fff url(../images/footerbar.gif) repeat-x bottom left;
	height:3em;
	clear:both;
	position:relative;
	margin-top:-3em;
}
	#footer ul {
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
		font-size:1.1em;
		color:#999999;
	}
		#footer ul li {
			display:inline;
			padding:3px 8px 3px 8px;
			border-right:1px solid #CCCCCC;
		}
		#footer ul li.last {
			border:0;
		}
			#footer ul li a {
				color:#999;
				text-decoration:none;
			}
			#footer ul li a:hover {
				color:#333;
			}

/*
---- Fluff
*/
#resources-page #content span {
	float:right;
	color:#999;
	padding:0 18px 0 0;
}
span.doc { background:#fff url(../images/icon-doc.gif) no-repeat center right; }
span.pdf { background:#fff url(../images/icon-pdf.gif) no-repeat center right; }
.quoteone { padding-top:1em; }
.quotetwo { padding-top:6em; }

/*
---- Clear All and the Clearfix
*/
.clear-all {
	margin:0px;
	padding:0px;
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */