/* Structure & layout */

html,
body {

}

body {
	background-color: #0c4467;
}

#container {
	background-image: url('../img/body-bg.png');
	background-attachment: fixed;
}

#main {
	width: 975px;
	margin-left: auto;
	margin-right: auto;
}

/* Image replacement */

#logo a,
#the-499-site-stamp a, 
#navigation a, 
#boxes div a, 
#nav-footer-about, 
#nav-footer-services, 
#footer-design-simplicity-image, 
#footer-follow-us-on-image, 
#twitter, 
#facebook {
	display: block;
	height: 0px;
	overflow: hidden;
}

#content {
	width: 858px;
	margin-top: 97px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border: 1px solid #5e541e;
	background-image: url('../img/secondary-body-bg.png');
}

#banner {
	height: 248px;
	width: 900px;
	margin-top: 97px;
	margin-left: auto;
	margin-right: auto;
	background: white;
	color: white;
}

#boxes {
	height: 229px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1px;
	position: relative;
}

	#boxes div a {
		padding-top: 229px;
	}

	#get-a-quote a {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 302px;
		background-image: url('../img/get-a-quote.png');
	}
	
	#the-499-site-box a {
		position: absolute;
		top: 0px;
		left: 302px;
		width: 299px;
		background-image: url('../img/the-499-site-box.png');
	}
	
	#who-am-i a {
		position: absolute;
		top: 0px;
		left: 601px;
		width: 299px;
		background-image: url('../img/who-am-i.png');
	}
	
#footer {
	clear: both;
	background: url('../img/footer-bg.png');
	height: 182px;
	margin-top: 12px;
}

	#footer-inner {
		width: 860px;
		padding: 20px 20px 0px 20px;
		margin-left: auto;
		margin-right: auto;
		color: #bbe1ff;
	}
	
		#footer-inner p {
			margin-bottom: 0px;
		}
	
		#footer-inner a {
			color: #bbe1ff;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
		}
		
		#footer-inner a:hover {
			border-bottom: 1px dashed #bbe1ff;
		}
		
		#footer-services, 
		#footer-about, 
		#footer-design-simplicity, 
		#footer-design-simplicity-image, 
		#footer-follow-us-on-image,
		#twitter, 
		#facebook {
			float: left;
		}
		
		#footer-follow-us-on {
			float: right;
		}
		
		#footer-services {
			width: 140px;
		}
		
		#footer-about {
			width: 192px;
		}
		
		#nav-footer-services, 
		#nav-footer-about, 
		#footer-design-simplicity-image {
			margin-bottom: 12px;
			border-bottom: 0px !important;
		}
		
		#footer-design-simplicity-image {
			margin-bottom: 8px;
		}
		
		#nav-footer-services {
			width: 82px;
			padding-top: 20px;
			background-image: url('../img/footer-services.png');
		}
		
		#nav-footer-about {
			width: 60px;
			padding-top: 20px;
			background-image: url('../img/footer-about.png');
		}
		
		#footer-design-simplicity {
			font-size: 12px;
			width: 168px;
			text-align: center;
		}
		
			#footer-design-simplicity-image {
				width: 168px;
				padding-top: 26px;
				background-image: url('../img/footer-design-simplicity.png');
			}
		
			#footer-design-simplicity a {
				font-size: 12px;
			}
		
		
		
		#footer-follow-us-on-image {
			width: 136px;
			padding-top: 20px;
			background-image: url('../img/footer-follow-us-on.png');
		}
		
			#twitter, 
			#facebook {
				float: left;
				width: 32px;
				padding-top: 32px;
				margin: -6px 0px 0px 6px;;
			}
			
			#twitter {
				background-image: url('../img/twitter.png');
				border-bottom: 0px !important;
			}
			
			#facebook {
				background-image: url('../img/facebook.png');
				border-bottom: 0px !important;
			}

#header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 113px;
	background: transparent url('../img/header-bg.png') repeat-x top left;
}

	#header-inner {
		width: 900px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	
		#logo {
			position: absolute;
			top: 0px;
			left: 0px;
		}
		
			#logo a {
				width: 320px;
				padding-top: 98px;
				background-image: url('../img/design-simplicity.png');
			}
	
		#the-499-site-stamp {
			position: absolute;
			top: 0px;
			left: 336px;
		}
		
			#the-499-site-stamp a {
				width: 140px;
				padding-top: 113px;
				background-image: url('../img/the-499-site.png');
				background-position: 0px 0px;
			} #the-499-site-stamp a:hover {
				background-position: 0px -113px;
			}
		
/* Navigation */
			
		#navigation {
			position: absolute;
			top: 0px;
			right: -2px;
			width: 377px;
			height: 98px;
		}
			
			#navigation a {
				float: left;
				padding-top: 98px;
				background-image: url('../img/services-portfolio-about-contact.png');
			}
			
			a#nav-services {
				width: 98px;
				background-position: 0px 0px;
			} a#nav-services:hover {
				background-position: 0px -98px;
			}
			
			a#nav-portfolio {
				width: 94px;
				background-position: -99px 0px;
			} a#nav-portfolio:hover {
				background-position: -99px -98px;
			}
			
			a#nav-about {
				width: 90px;
				background-position: -194px 0px;
			} a#nav-about:hover {
				background-position: -194px -98px;
			}
			
			a#nav-contact {
				width: 93px;
				background-position: -284px 0px;
			} a#nav-contact:hover {
				background-position: -284px -98px;
			}
			
/* Content styling */

body {
	font-family: Arial;
	font-size: 14px;
	line-height: 1.5em;
}

p {
	margin-bottom: 1em;
}

.clear {
	clear: both;
}