#wrapper {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 220px;
	width: 990px;
	background-color: #CCC;
	background-image: url(../images/Header.jpg);
	background-repeat: no-repeat;
}

#header #logo {
	height: 220px;
	width: 220px;
}


#navigation {
	background-color:#000;
}
#thin {
	background-color: #000;
	height: 61px;
	clear: both;
	background-image: url(../images/Navv.jpg);
	background-repeat: no-repeat;
}


#navigation ul {
	list-style:none;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 792px;
}

#navigation li {
	float:left;
	margin: 0;
	padding: 0;
	
}

#navigation li a:link, #navigation li a:visited {
	font-family:"Trebuchet MS", sans-serif;
	display: block;
	text-align:center;
	color: #fff;
	background-color:#CCF;
	text-decoration:none;
	line-height: 60px;
	padding: 0;
	background:url(../images/Button.jpg) no-repeat left bottom;
	width: 196px;
	height: 59px;
	border: 1px inset #666;
	font-size: 16px;
}
#footer p {
	color: #FFF;
	text-decoration: underline;
	line-height: 40px;
	text-align: center;
}


#navigation li a:hover, #navigation li a:active {
	color:#FFF;
	background-position: left top;
	
		
}

#navigation li a.current {
	background-position: left top;
	color:#FFF;
}

#navigation li a.current:hover {
	cursor:default;
}



#content {
	position:relative;
	height: 700px;
	clear: both;
	padding-top: 20px;
	background-color: #EBEBEB;
}


#footer {
	background-color: #CCC;
	height: 60px;
	width: 990px;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
}
#shadow {
	width: 1030px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/shadow.jpg);
	background-repeat: repeat-y;
}
#content ul li {
	margin-left: 60px;
	color: #333;
}

h1, h2, h3, h4, h5, h6, p  {
	margin-top: 0px;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 99px;
	padding-left: 99px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
#content #contact {
	position: absolute;
	left: 350px;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	color: #055F77;

}
#content p {
	margin: 0px;
	padding: 0px;
}
#cont {
	width: 700px;
	left: 100px;
	position: absolute;
	top: 24px;
}
#cont p {
	margin-left: 50px;
}