body {
	background-color: #000000;
	font-family: trebuchet, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align:center;
	margin:0;
	padding:0;
	}
/************//***********//********* styles for all pages **********//**********//************/

h1	{font-size: 14px; color: #bd010f;}
h2  {margin-bottom: 0px; padding-bottom: 0px; font-size: 14px;}
h2 a, h2 a:hover {text-decoration: none; color: #ffffff;}
h3  {margin-bottom: 0px; margin-top: 10px; padding: 0px; font-size: 13px; line-height: 13px; color: #ffcc33;}
h3 a, h3 a:hover {text-decoration: none;}
ul, li 	{font-weight:normal;}

.bold {font-weight: bold}

a:link	 {text-decoration: none; color: #bd010f}
a:visited	 {text-decoration: none; color: #bd010f}
a:hover	 {text-decoration: underline; color: #ff0808}
a:active	 {text-decoration: none; color: #bd010f}

#container {
	margin:0px auto; 
	padding:0;
	width: 780px; 
	height: 550px;
	text-align:left;
	/*border:1px solid pink; */
}

.redrule {
	background-color: #cc0000; 
	height:1px;
	margin:0px auto; 
	padding:0;
}

#header {
	margin:0px auto; 
	padding:0;
	width: 780px; 
	height: 65px; 
	font-family: trebuchet, arial, helvetica, sans-serif;
	font-size: 14px; 
	}

#logotag {
	width: 150px; 
	height: 40px; 
	float: left;
	padding-left: 25px;
	margin-top: 15px;
	}

#logotag a img {border-width: 0;}	

#nav {
	width: 550px; 
	height: 30px;
	float: right;
	text-align: right;
	color: #bd010f;
	padding-right: 0px;
	margin-top: 30px;
	}

#nav a	{letter-spacing: 1px}	

#nav2	{
	color: #bd010f; 
	float: right; 
	margin-right: 0px; 
	margin-top: 5px;
	}
	
.yellow	{color: #f3bd3b;}	

#footer {width: 780px; margin: 0 auto;padding-left: 25px; color: #666666;}
.footerleft {float:left;}
.footerright {float: right; text-align: right}

#footer a:link	{text-decoration: none; color: #666666}
#footer a:visited	{text-decoration: none; color: #666666}
#footer a:hover {text-decoration: underline; color: #cccccc}
#footer a:active {text-decoration: none; color: #666666}

#mainbody, #contactbody, #companybody, #showbody {
	width: 780px; 
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	height: 442px;
	text-align:left;
	}
	
/************//**********//********** home page *********//***********//************/
#leftside {
	float:left;
	width:261px;
	height: 412px;
	margin:0px;
	padding-top:25px;
	padding-left:25px;
	background: url(images/bkgd-home.jpg) no-repeat;
	}

#rightside {
	float:right;
	width: 485px;
	margin-top:0px;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
	}


/************//************//******** company pages *******//*************//************/
#companyleft {  
	float:left;
	width:220px;
	height: 442px;
	margin:0px;
	padding-top:1px;
	padding-left:59px;
	background-image:url(images/bkgd-company.jpg);
	background-repeat: no-repeat;
	}

#companyright {
	float: right;
	width: 485px;
	height: 350px;
	margin-top:25px;
	padding-top: 1px;
	text-align: right;
	}
		
/************//************//***** team oak *****//************//************/
		
#popup	{margin-top: 25px; width: 180px; height: 250px;}/*styles the box containing text links for the oak team*/

#popup a  {/*styles the text links*/
display: block;
width: 140px;
line-height: 20px;
padding: 0 10px;
margin: 0;
text-decoration: none;
color: #f3bd3b; 
}

#popup a span {display: none;} /*hides image files inside the span */

/* the IE correction rule */
#popup a:hover	{
	color: #ffffff;
	text-decoration: none;
	text-indent: 0; /* added the default value */
}

#popup a:hover span {/*reveals image files inside the span*/
position:absolute;
display: block;
left: 280px;
top: 76px;
text-align: left;
}

#popup a:hover span.bios {top: 440px; line-height: 13px; z-index: 1000;}

#popup a:hover span.bios2 {top:350px; left:0; width: 450px; line-height: 12px;}

#popup a:hover span.ken {/*Ken illustration has special positioning*/
position:absolute;
display: block;
left: 280px;
top: -16px;
text-align: left;
}


#teamright {
	width: 485px;
	height: 400px;
	margin-top:25px;
	margin-left:280px;
	padding-top: 1px;
	background-image: url(images/couch.jpg);
	background-repeat: no-repeat;
}

/************//************//******** services  ********//************//************/

#services	{margin-top: 25px; width: 215px; height: 200px; padding: 0px;}

#services a {
display: block;
width: 180px;
line-height: 150%;
padding: 0 10px;
margin-bottom: 20px;
text-decoration: none;
color: #f3bd3b;
font-size:14px;
font-weight:bold;
}			

#services a span {display: none}

#services a:hover	{
	color: #ffffff;
	text-decoration: none;
	text-indent: 0; 
}	


#services a:hover span {
	position:absolute;
	display: block;
	width: 340px;
	height: 300px;
	left: 360px;
	top: 120px;
	text-align: left;
	line-height: 160%; 
	padding: 20px 20px 0 235px;
	background: url(images/blackbox.jpg) top right no-repeat;
	font-size:14px;
font-weight:normal;
}

#servicesright {
	float: right;
	height:380px;
	padding-left: 400px;
	margin-top: 45px;
	background-image: url(images/services-bkgd.gif);
	background-repeat: no-repeat;
	}

/************//************//********* event pages *******//************//************/
#eventleft {   
	float:left;
	width:250px;
	height: 412px;
	margin:0px;
	padding-top:10px;

	background-image:url(images/bkgd-showtell.jpg.jpg);
	background-repeat: no-repeat;
	}

#eventright {
	float: right;
	width: 458px;
	height: 400px;
	margin-top: 36px;
	margin-left: 0px;

}

/*********//**********//******** contact page ********//********//***********/
#contactleft {
	float:left;
	width:225px;
	height: 440px;
	margin:0px;
	padding-top:1px;
	padding-left:59px;
	background: url(images/bkgd-contact.jpg) no-repeat;
	}

#contactleft a {text-decoration: underline; color: #ffffff;}	

#contactright {
	width: 455px;
	height: 410px;
	margin-left:320px;
	margin-top: 10px;
	padding-top: 1px;
	}