/*
	Nebruliea.com - Main Stylesheet
	Nick Reffitt <info@nickreffitt.co.uk>
*/

* {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background: url(../images/pattern_bg.gif) #0a0e10 repeat-x;
}

div#wrapper {
	margin: 0 auto;
	width: 950px;
}
div#header {
	width: 950px; height: 159px;
	background: url(../images/body_bg.gif) no-repeat;
}
	div#header h1 {
			float: left;
			overflow: hidden;
			display: block;
			text-indent: -10000px;
			width: 348px; height: 69px;
			background: url(../images/logo.gif) no-repeat bottom;
			margin: 56px 0 34px 116px;
	}

div#nav {
	float:left;
	width: 950px; height: 47px;
	background: url(../images/nav_bg.gif) no-repeat top;
}
	div#nav ul{
		float: left;
		list-style-type: none;
		list-style-image: none;
		margin-top: 1px;
		padding: 0;
	}
		div#nav ul li{
			float: left;
			display: inline;
			list-style-type: none;
		}
			div#nav ul li a { 
				float: left;
				overflow: hidden;
				display: block;
				text-indent: -10000px;
				height: 45px;
			}
			div#nav ul li a.home { 
				width: 82px; 
				background: url(../images/nav_home.gif) no-repeat bottom;
				margin-left: 144px;
			}
				div#nav ul li a.home:hover { background: url(../images/nav_home-hover.gif) no-repeat bottom; }
			
			div#nav ul li a.contact { 
				width: 96px;
				background: url(../images/nav_contact.gif) no-repeat bottom;
				margin-left: 9px;
			}
				div#nav ul li a.contact:hover { background: url(../images/nav_contact-hover.gif) no-repeat bottom; }
			
			div#nav ul li a.team { 
				width: 79px;
				background: url(../images/nav_team.gif) no-repeat bottom;
				margin-left: 10px;
			}
				div#nav ul li a.team:hover { background: url(../images/nav_team-hover.gif) no-repeat bottom; }
			
			div#nav ul li a.dev { 
				width: 169px;
				background: url(../images/nav_dev.gif) no-repeat bottom;
				margin-left: 9px;
			}
				div#nav ul li a.dev:hover { background: url(../images/nav_dev-hover.gif) no-repeat bottom; }
				
			div#nav ul li a.screen { 
				width: 222px;
				background: url(../images/nav_screenshot.gif) no-repeat bottom;
				margin-left: 9px;
			}
				div#nav ul li a.screen:hover { background: url(../images/nav_screenshot-hover.gif) no-repeat bottom; }

div#intro_header {
	float:left;
	width: 950px; height: 199px;
	background: url(../images/intro-header_bg.gif) no-repeat top;
}
	div#intro_header h1 {
		float: left;
		overflow: hidden;
		display: block;
		text-indent: -10000px;
		width: 278px; height: 27px;
		background: url(../images/intro-header_welcome.gif) no-repeat top;
		margin: 60px 0 0 125px;
	}
	div#intro_header h2 {
		float: left;
		overflow: hidden;
		display: block;
		text-indent: -10000px;
		width: 446px; height: 31px;
		background: url(../images/intro-header_info.gif) no-repeat top;
		margin: 24px 0 0 125px;
	}
	div#intro_header img {
		float:right;
		border: 0;
		margin: 75px 114px 0 0;
	}

div#content {
	float:left;
	width: 700px;
	margin: 25px 0 0 126px;
	padding-bottom: 70px;
	background: url(../images/content_bg.gif) no-repeat bottom;
}
	div#content h1 {
		float:left;
		width:510px;
		font-weight: normal;
		color: #a1b2bb;
		font-size: 20px;
		margin: 10px 0 14px 0;
	}
	div#content p {
		float:left;
		width:510px;
		color: #5e676b;
		font-size: 11px;
		margin-bottom: 20px;
		line-height:20px;
	}
		div#content p a { 
			color: #5e676b;
			text-decoration: none;
		}
			div#content p a:hover { color: #cccccc; }
		
	div#content form {
		float:left;
		font-size: 11px;
		color: #5e676b;
	}
	div#content form input, div#content form textarea, div#content form select {
		margin: 4px 0px 6px 0px;
		background: #0e1315;
		border: 1px solid #131a1d;
		color: #a1b2bb;
		font-size: 11px;
		padding: 3px 5px;
	}
		
	
div#sidebar {
	float:right;
	width: 150px;
	font-size: 11px;
	margin: 16px 2px 0 0;
}
	div#sidebar div#dev {
		background-color: #1c2224;
		padding: 17px 17px 20px 19px;
		color: #939393;
		line-height: 20px;
		margin-bottom: 15px;
	}
		div#sidebar div#dev h3 {
			color: #d8d7d7;
			font-size: 11px;
		}
		div#sidebar div#dev a {
			color: #FFFFFF;
			text-decoration: none;
		}
		div#sidebar div#dev a:hover { color:#939393; }
		
	div#sidebar img.advertise {
		float:right; clear: right;
		border:0px;
		margin: 0 0 5px 0;
	}

div#footer_wrapper {
	clear:left;
	margin: 0 auto;
	background: #1b2128 repeat-x;
	height: 45px;
	padding-top: 23px;
}
	div#footer {
		margin: 0 auto;
		width: 700px;
		font-size: 11px;
	}
		div#footer a {
			color: #4b606b;
			text-decoration: none;
			padding: 0;
			margin-right: 10px;
		}
			div#footer a:hover { text-decoration: underline; }
		
		div#footer p {
			float:right;
			color: #4b606b;
		}
			div#footer p a { margin-right: 0px; }

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}