/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#4a4a4a url(img/bgshade.png) repeat-y center;
}
#wrapper { 
 margin: 0 auto;
 width: 822px;
 background:#fff;
}
#header {
 width: 802px;
 color: #333;
 padding: 10px;
 border-bottom:1px #000 solid;
 height: 150px;
 margin: 10px 0px 0px 0px;
 background:url(img/header.jpg) no-repeat center;
}
#content { 
 width: 820px;
 color: #333;
 border: 1px solid #fff;
 margin: 0px 0px 5px 0px;
 float:left;
}
#footer { 
 color: #fff;
 width: 800px;
 border: 1px solid #000;
 margin: 30px 0px 10px 0px;
 padding: 10px;
 background:#000;
 float:left;
 font-size:9px;
}
#accordion {
  margin:0px 0px 10px 0px; 
  padding:0; 
  width:820px;
  height:290px;
  overflow:hidden; 
  background:#000 url(img/accordion_bg.png) no-repeat right;
  }
#accordion li {
  display:inline;
  list-style-type:none; 
  }
#accordion li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:0; 
  }
#accordion li a img {
  opacity:0.7;
  border:0;
  float:left;
  }
#accordion li a span {
  display:none;
  }
#accordion li a:hover {
  width:700px;
  background:#000 url(img/accordion_bg.png) no-repeat right;
  }
#accordion li a:hover img {
  opacity:1;
  }
#accordion li a:hover span {
  color:#fff;
  display:block; 
  cursor:pointer;
  float:left;
  }
#accordion .h2 {
  margin:0 5px; 
  padding:0; 
  color:#fff; 
  font-variant:small-caps; 
  font-size:1.25em; 
  border:0;
  }
#accordion .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#0aa;
  }
.outer {
  background:transparent; 
  font-size:0.9em;
  }
#front-box {
	color:#fff;
	width:263px;
	height:263px;
	padding:5px;
	margin:0px 0px 10px 0px;
	background:url(img/263.png) no-repeat center;
	float:left;
}
#front-box a {
	color:#fff;
}
#video-playlist {
	width:70px;
	padding:5px;
	float:left;
}
#styletwo{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styletwo ul li{display:block;float:left;margin:0 1px 0 0;}
#styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;}
#styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:#000;}

#aboutus{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#aboutus ul{margin:0;padding:0;list-style-type:none;width:auto;}
#aboutus ul li{display:block;float:left;margin:0 1px 0 0;}
#aboutus ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;}
#aboutus ul li a:hover,#aboutus ul li a.current{color:#000; border-right:5px solid #000;}

#videobox { 
 color: #333;
 text-align:center;
 margin: 0px 0px 0px 0px;
 width: 445px;
 height:334px;
 float: left;
 padding:5px;
}
#rightcolumn { 
 float: right;
 width: 235px;
 display: inline;
}
#playlist {
	width:350px;
	float:right;
}
#leftcolumn {
	margin:10px 0px 10px 0px;
	float:left;
}
#cool_stuff_icon {
	width:70px;
	padding:5px;
	float:left;
}
#cool_stuff_text {
	width:163px;
	padding:5px;
	height:57px;
	float:left;
}