/*CSS 2.1 - Stylesheet v1.3 - "style_1.3.css" */
/* Created by |heathercicle.net| exclusively for http://www.ProofPerfectNM.com - 2009 */

body {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	height: 600px;
	background: #b2cfcf;
}
#header {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	height: 100px;
	background: url(images/header.png) no-repeat #dce0e3;
	color: #8495a2;
}
a:link, a:active, a:visited {
	color: #5b9292;
	text-decoration: none;
}
a:hover {
	color: #878e93;
}
.em {
	font-style: italic;
}
#header p {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 115px;
	width: 200px;
	z-index: 2;
}
#header hr {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 115px;
	width: 450px;
	z-index: 2;
}
#body {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	height: 500px;
	background: url(images/middle.png) repeat-y #dce0e3;
}
#body h1 {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 50px;
	width: 600px;
	font-size: 20px;
}
#body ul {
	position: relative;
	float: left;
	top: 120px;
	left: 125px;
	list-style-type: circle;
}
#body.index p {
	position: absolute;
	top: 300px;
	width: 800px;
	left: 100px;
}
#booksimg {
	position: relative;
	float: left;
	top: 110px;
	left: 100px;
	border: solid 1px #5b9292;
}
#marksimg {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	top: 275px;
}
/*#steveimg {
	position: absolute;
	left: 700px;
	top: 320px;
	border: solid 1px #5b9292;
}*/
#body.about p, #body.rates p {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 60px;
	width: 850px;
}
#titleleft {
	position: absolute;
	left: 300px;
	top: 140px;
}
.fancy {
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}
.h2 {
	font-weight: bold;
	color: #5b9292; 
	font-size:18px;
}


/* start scroll box css */
 #encFilmMain {
	 position: relative;
	 top: 80px;
	 left: 350px;
	 width: 300px; /* Max width of the container */	 
}  
#encFilm {
	height: 120px;  /* Max height of the container */
	background-color: #999999;
	padding: 5px 5px 5px 5px;      
}
#encFilmInner {
	position :relative;
	background-color: #efefef;
	padding: 5px 5px 5px 5px;
	height: 110px; /* Inner films height. It will be -10 from Max height */
	width: 280px; /* this will be -20px from full width of #encFilmMain*/
	overflow: hidden;
}
#encScrollBarTop {           
	background: url(images/bg-1.jpg) left center repeat-x #333333;
	text-align: center;	
	position: relative;
}
#encScrollBarBottom {    
	background: url(images/bg-1.jpg) left center repeat-x #333333;
	text-align: center;
	
}
#encScrollBarTop a, #encScrollBarBottom a {
	line-height: 20px;
	padding: 2px;	
	display: block;
	text-decoration: none;
}
#encNav {
	position: relative;	
	top: 0px;
}
/* end of scroll box css */


#footer {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	height: 40px;
	background: url(images/footer.png) no-repeat #dce0e3;
}
#footer p {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 8px;
	width: 400px;
	font-size: 10px;
}
#footer img {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	border: none;
}