/*--------------------------------------------- 
Sponholtz Productions Website CSS
Copyright: John Kunz 2009 
--------------------------------------------- */

body {
  text-align: center;
  background: #000000 url('../img/background.jpg') top center no-repeat fixed;
  margin-top:30px;
  margin-bottom:25px;
  color:#000000;
}

A:link {
	COLOR: #0000FF; text-decoration: none
}
A:visited {
	COLOR: #0000FF; text-decoration: none
}
A:active {
	COLOR: #0000FF; text-decoration: none
}
A:hover {
	COLOR: #0000FF; text-decoration: underline
}

#page_wrapper {
  background: #e4e4e4;
  margin-left: auto; 
  margin-right: auto;
  width: 768px;
  text-align: left;
  border: 0px solid #000000;
}

#page_header {
  height: 105px;
  width: 768px;
  top: 0px;
  background: transparent url('../img/header.jpg') top center no-repeat;
}  

#main {
	background:#e4e4e4;
	float:left;
	width:768px;
	margin-top: 0px;
	font-family: Myriad Pro;
}

	#main h2, #main h3, #main p {
		padding:0 10px;
		font-family: Myriad Pro;
		font-size:15px;
    }


#page_header h1 {
  padding-top:30px;
  padding-left: 20px;
  font-family: Myriad Pro;
  font-size:26px;
  font-weight:bold;  
  color: #000000;
  letter-spacing: -1px;
  margin:0px;
}
#page_header h2 {
  padding-top:0px;
  padding-left: 20px;
  font-family: Myriad Pro;
  font-size:14px;
  font-weight:bold;  
  color: #000000;
  margin:0px;  
}

#menu_bar {
  top:135px;
  height:30px;
  width:768px;
} 

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top:5px;
background-color: transparent;
color: #000000;
float: left;
width: 100%;
font-family: Myriad Pro;
font-size:20px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
float: center;
border-right: 1px solid #000000;
}

#navcontainer ul li a:hover
{
background-color: transparent;
color: #FFFFFF;
}

#content_wrapper {
  background: transparent url('../img/TopGradient.png') top left no-repeat;
  top:165px;
  height:25px;
  width:768px;
}

#left_side {
  float:left;
  width:768px;
  background: #e4e4e4;
}

  
#left_side h3 {
  margin:15px;
  margin-right:15px;
  font-family: Myriad Pro;
  font-size:15px;
  font-weight: bold;
  line-height:18px;
  color: #000000;
}
  
#left_side p {
  margin:15px;
  margin-right:15px;
  font-family: Myriad Pro;
  font-size:15px;
  line-height:18px;
  color: #000000;
}

#ordering_information {
  position: fixed;
  width: 160px;
  height: 90px;
  background: transparent url('../img/OrderingInformation.png') top left no-repeat;
  right: 0;
  bottom: 0;
  font-family: Myriad Pro;
}

#review_materials {
  position: fixed;
  width: 160px;
  height: 90px;
  background: transparent url('../img/ReviewMaterials.png') top left no-repeat;
  left: 0;
  bottom: 0;
  font-family: Myriad Pro;
}

#sidebar {
	position: relative;
	background: transparent;
	width:200px;
	top: 0px;
	left: 568px;
}

#sidebar ul {
	margin-bottom:0;
}

#sidebar h3, #sidebar p {
	padding:0 10px 0 0;
	font-family: Myriad Pro;
	font-size:15px;
}



#page_footer {
  height: 25px;
  width: 768px;
  background: transparent url('../img/footer2009.png') top left no-repeat;
}  

.spacer {
  margin:0px;padding:0px;height:10px;clear:both;
}