@charset "UTF-8";

h1 {
	font-size: 18px;
	padding-left: 15px;
	padding-top: 30px;
}
h2 {
	font-size: 16px;
	color: #666666;
	padding-left: 15px;
}

body {
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: 100%;
}
html {
	height: 100%;
}
.grey {
	color: #666666;
}
.grey a {
	color: #666666;
	text-decoration: underline;
}
.grey  a:active, .grey  a:hover {
	color: #333333;
	text-decoration: underline;
}

/*Homepage*/

#container {
	width: 948px;
	margin-bottom: -50px;
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
#container #topspace {
	height: 40px;
}
#header {
	background-image: url(images/948header.png);
	height: 200px;
	background-repeat: no-repeat;
	background-position: 25px 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#footer  {/*height needs to match #containers negative margin + have relative position*/
	height: 50px;
	position: relative;
	background-color: #333333;
}
#border {
	width: 944px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-top: 0;
	border-top-width: 0px;
	border-top-style: none;
}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	padding: 20px 0 0;
	margin: 0;
}
#mainContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	
	padding-left: 15px;
	padding-right: 5px;
}
#mainContent a {
	color: #333333;
	text-decoration: underline;
}
#navbar {
	height: 135px;
	background-repeat: no-repeat;
	padding: 0px;
	width: 948px;
}/*Needs to have height as footer and negative margin as #container*/
.clearfooter {
	height: 50px;
	clear: both;
}

/*subpages*/
.home {
	border: none;
}
#submainContent {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#subcontainer  #submainContent  h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
}
.contact {
	background-image: url(images/navigationcopy_05.gif);
}
#subcontainer  #submainContent  p {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#subcontainer {
	width: 945px;
	min-height: 100%;
	margin-bottom: -50px;
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#subcontainer #topspace {
	height: 40px;
}
#nav1 {
	float: left;
	width: 237px;
	height: 135px;
	background-image: url(images/navbar_outlines_03.png);
	background-repeat: no-repeat;
}
#nav2 {
	float: left;
	width: 237px;
	height: 135px;
	background-image: url(images/navbar_outlines_04.png);
}
#nav3 {
	float: left;
	width: 237px;
	height: 135px;
	background-image: url(images/navbar_outlines_05.png);
	background-repeat: no-repeat;
}
#nav4 {
	width: 237px;
	float: left;
	height: 135px;
	background-image: url(images/navbar_outlines_06.png);
	background-repeat: no-repeat;
}
#navbar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 16px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 49px;
}
#mainContent_bio {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	height: 500px;
}


#mainContent1 {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
}
.cbio { /*Container for BioPage and About page*/
	height: 1100px;
}
.centermovie {
	width: 721px;
	padding-right: 113px;
	padding-left: 113px;
}
.oakcont {/*Container for Oaktree page*/
	height: 1300px;
}
.oakborder {/*Border for Oaktree page*/
	height: 1150px;
}
.bbio { /*Border for Bio Page and About page*/
	height: 900px;
}
.mbio { /*Main Content Div for Bio Page and Contact page*/
	height: 600px;
}
.cserve { /*Container for ServicePage*/
	height: 1800px;
}
.conserve { /*Container for ContactPage*/
	height: 1200px;
}
.conbio { /*Border for ContactPage*/
	height: 1000px;
}
.bserve { /*Border for ServicePage*/
	height: 1600px;
}
.mserve { /*Main Content Div for ServicePage*/
	height: 1200px;
}
.chome { /*Container for HomePage*/
	min-height: 100%;
}
.bhome { /*Border for Home Page*/
	height: 570px;
}
.mhome {  /*Main Content Div for Home Page*/
	height: 200px;
}
.border {
	border: 1px solid #333333;
}
.note {
	font-size: 11px;
	text-align: center;
}
/*Subnavigation CSS*/
#snav {
	width: 947px;
	height: 60px;
	background-image: url(images/subnavigation.png);
	padding: 0px;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
 #snav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
#snav li, #snav a {
	height: 60px;
	display: block;
	color: #838384;
}

#linkhome {
	left: 0;
	width: 100px;
}
#linkabout {
	left: 101px;
	width: 184px;
}

#linkservices {
	left: 286px;
	width: 163px;
}

#linkoak {
	left: 449px;
	width: 342px;	
}

#linkcontact {
	left: 791px;
	width: 154px;
}
#linkhome a:hover {
	background-color: transparent;
	background-image: url(images/subnavigation.png);
	background-repeat: no-repeat;
	background-position: 0px -60px;
}
#linkabout a:hover{
	background-color: transparent;
	background-image: url(images/subnavigation.png);
	background-repeat: no-repeat;
	background-position: -101px -60px;
}

#linkservices a:hover{
	background-color: transparent;
	background-image: url(images/subnavigation.png);
	background-repeat: no-repeat;
	background-position: -286px -60px;
}
#linkoak a:hover{
background-color: transparent;
	background-image: url(images/subnavigation.png);
	background-repeat: no-repeat;
	background-position: -449px -60px;
}

#linkcontact a:hover{
	background-color: transparent;
	background-image: url(images/subnavigation.png);
	background-repeat: no-repeat;
	background-position: -791px -60px;
}
#navbar a {
	height: 135px;
	background-repeat: no-repeat;
	padding: 0px;
	width: 948px;
	text-decoration: none;
}