/* AUTHOR: Matt Evans - infernalstudios.com */
/* CREATED: 17/10/2008 */
/* LAST UPDATED: 05/02/2009 */

/* COLOURS
dark gray - #1b1b1b
funky green - #ccff00
funky pink - #ff00ff
funky blue - #3399ff
light gray - #515151
*/

/* RESETS & PAGE SETUP */
* { margin: 0; padding: 0; border: 0;}
div { margin: 0; padding: 0; border: 0}
body { 
	font: 62.5% georgia,"book antiqua", century, garamond, "times new roman", serif ; 
	background: #1b1b1b url(images/headover.png) repeat-x;
	color: silver;
	margin: 0; padding: 0;
}
ul {list-style: none inside; font-size: 1.5em;}
p { font-size: 1.5em; line-height: 1.4em; margin-bottom: 1.2em; text-align: justify;}
h1, h2, h3, h4, h5, h6 { font-size: 1.9em; line-height: 1.5em; margin-bottom: 0; font-weight: normal; letter-spacing: 0.07em; color: #3399ff;}
a { outline: none; color: #ccff00; text-decoration: none; background: none;}
a:hover, a:active, a:focus {color: #ff00ff; text-decoration: none; background: none;}
a img {	border: none;}
a img:hover, a img:focus { outline: #ff00ff solid thin;}
blockquote { font-size: 1.2em; font-style: italic; text-indent: 15px;}
html {height: 100%; overflow: scroll}
body {height: 100%;}
.date { color: #3399ff; font-size: 1.3em;}
.title { color:#3399ff; margin-bottom: 0.8em; }
h3 {margin-top: 0.6em;}


/* END RESET */

/* TOOLBOX */
.floatleft { float: left;}
.floatright { float: right;}
.clear { clear: both;}
.push {height: 72px;}
.textwrapleft {float: left; margin: 0 8px 4px 0;}
.marginbottom {margin-bottom: 30px;}
/* END TOOLBOX */

/* STRUCTURE */

#pagewrap {	min-height: 100%;
    		height: auto !important;
     		height: 100%;
     		margin: 0 auto -72px;
     		width: 960px; 
     		background: #1b1b1b;
}

#header h1 a {display:block; background: url(images/header1.png); height: 150px; text-indent: -9999px; margin: 0; padding: 0;}

	ul#nav {
		height: 59px;
		width: 960px;
		background: url(images/navbar2.png);
		position: relative;
		list-style: none inside;
		
}

	ul#nav li {display: inline}

		 ul#nav li a{
					display: block;
					float: left;							
					height: 59px;
					text-indent: -9999px;
					position: absolute;
					background: url(images/navbar2.png);
		}

		ul#nav li#home a {width: 172px; left: 0; background-position : 0px 0px; }
		ul#nav li#about a {width: 115px; left: 172px; background-position : -172px 0px;}
		ul#nav li#portfolio a {width: 114px; left: 286px; background-position : -286px 0px;}
		ul#nav li#services a {width: 113px; left: 401px; background-position : -401px 0px;}
		ul#nav li#contact a {width: 447px; left: 514px; background-position: -514px 0px;}
		
		ul#nav li#home a:hover, ul#nav li#home a:focus {background-position : 0px -59px; }
		ul#nav li#about a:hover, ul#nav li#about a:focus {background-position : -172px -59px;}
		ul#nav li#portfolio a:hover, ul#nav li#portfolio a:focus {background-position : -286px -59px;}
		ul#nav li#services a:hover, ul#nav li#services a:focus {background-position : -401px -59px;}
		ul#nav li#contact a:hover, ul#nav li#contact a:focus {background-position: -514px -59px;}
		
		ul#nav li#home a:active, ul#nav li#home a.current{background-position : 0px -118px; }
		ul#nav li#about a:active, ul#nav li#about a.current {background-position : -172px -118px;}
		ul#nav li#portfolio a:active, ul#nav li#portfolio a.current {background-position : -286px -118px;}
		ul#nav li#services a:active, ul#nav li#services a.current {background-position : -401px -118px;}
		ul#nav li#contact a:active, ul#nav li#contact a.current {background-position: -514px -118px;}


h1#logo {
	background: url(images/logo1.png); 
	height: 165px; 
	width: 448px; 
	text-indent: -9999px; 
	margin: 0 20px;
}

#main {overflow: hidden;}
	
	#backer {
	width: 940px;
	margin: 0 auto;
	padding-bottom: 1px;
	background: url(images/contentborder.gif) bottom center no-repeat;
}
	
	#main div {
		margin-bottom: -2000px;
		padding-bottom: 2000px;
	}
	


#leftcontent {
	width: 400px;
	float: left;
	padding: 10px 25px;
	margin-top: 20px;
	border: thin #515151 solid;
	background: #141414;
}

	

#rightcontent {
	width: 400px;
	float: right;	
	padding: 10px 25px;
	margin-top: 20px;
	border: thin #515151 solid;
	background: #141414 url(images/contentbottom.gif) bottom left repeat-x;
}

	
	
.singlecontent {
	width: 780px;	
	padding: 10px 25px;
	margin: 20px auto;
	border: thin #515151 solid;
	background: #141414;
	overflow: auto;
}

ul.services {list-style: none outside url(images/bulletgreen.png); margin: 0 10px 20px 15px; text-align: justify;}

#bottom {
	width: 900px;
	margin: 20px auto 10px auto;
	padding: 5px 10px;
	border: thin #515151 solid;
	background: #141414;	
}

	#bottom img {
		margin: 2px 0 5px 13px;
		border: thin #515151 solid;
	}

	h2#recent {background: url(images/recent.png) no-repeat;
				text-indent: -9999px; margin-left: 380px;
	}
	
	h2#welcome {
	background: url(images/welcome.png) no-repeat;
	text-indent: -9999px; position: relative; left: -10px;
	margin: 0.4em 0 0.8em 0;
	}
	
	h2#web {
	background: url(images/webdesign.png) no-repeat;
	text-indent: -9999px; position: relative; left: -8px;
	margin: 0.4em 0 0.8em 0;
	}


	h2#new {
		background: url(images/new.png) no-repeat;
		text-indent: -9999px; position: relative; left: -16px; margin: 0.4em 0 0.4em 0;
	}
	
	h2#graphic {
		background: url(images/graphicdesign.png) no-repeat;
		text-indent: -9999px; position: relative; left: -6px; margin: 0.4em 0 0.8em 0;
	}
	
	h2#contact {
		background: url(images/contact.png) no-repeat;
		text-indent: -9999px; position: relative; left: -4px; margin: 0.4em 0 0.8em 0;
	}
	
	h2#portfolio {
		background: url(images/portfolio.png) no-repeat;
		text-indent: -9999px; margin: 0.4em 0 0.8em 0;
	}
	
	h2#about {
		background: url(images/about.png) no-repeat;
		text-indent: -9999px; margin: 0.4em 0 0.8em 0;
	}
	
	.portfolioimage {float: left; margin: 0 15px 5px 0; }


#footer {background: #1b1b1b url(images/footover.png) repeat-x; height: 72px; font-family: "courier new", courier, serif;}

	#footwrap {margin: 0 auto; width: 960px; height: 72px; background: url(images/footer1.png);}

	#footer ul{list-style: none inside; float: right; margin: 35px 10px 0 0;	font-size: 1.2em; background: url(imaqes/footer1.png);}

		#footer ul li{display: inline;}
							
	#footer p {float: left;	font-size: 1.2em;margin: 35px 0 0 10px;}
	
#formwrap {margin: 40px 0 20px 20px;}