/*Main style sheet for Orange Crate*/

body
/*default style for whole site*/
{
	color: #808080;
	font-family: arial; 
	font-size: 10pt;
	margin-top: 0px;
	background-image: url( ../images/index/xtendedge.png ); 
	background-repeat: repeat-x;
}

a:link,
a:hover,
a:visited{ text-decoration: none; font-family: arial; color: #fc8801; }
a:hover{ text-decoration: underline; }


h3
/*default header styles*/
{
	font-size: 12pt;
}

.main
/*main div for all the content below the banner*/
{
	width:900px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}

#header
/*header which contains orange crate log */
{
	
	
	height: 100px;
	width:900px;
	padding-top:1px;
}

#banner
/*banner images container*/
{

	margin-top: 10px;
	margin-left: 0px;
	float:left; 
}

#banner img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#banner_disp
{
	float:left;
}

#banner_nav
/*banner navigation*/
 {
	
	
	width:180px;
	float:left;
	margin-top:10px;
	
}

#banner_nav img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#banner_nav_wrapper
{
/*wrapper for banner navigation*/
 	float: left;
}

#content_wrapper
/*wrapper for right and left content*/
{
	margin-top: 150px;
}



#content_left
/*container for all left content*/
{
	float: left;
	width: 631px;
	text-align: left;
}

#content_right
/*container for all right content*/
{
	float: left;
	width: 269px;
	text-align: left;
}

#content_right img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#footer
/*page footer*/
{
	margin-top: 20px;
	color: orange;
	clear: both;
	width: 530px; 
	font-size: 8pt;
	padding-top:20px;
}

#footer li
{
	list-style-type: none;
	float: left;
	border-left: 1px solid orange;
	padding: 0px 5px 0px 5px; 

}

#highlight
{
	margin-top: 20px; 
}

#highlight img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#highlight ul
{
	margin: 0px;
	padding: 0px; 
}

#highlight li
{
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
}

#middle_column
{
	margin-top: 0px; 
}

#middle_column img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}