/*
      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: century gothic, arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #fff;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #333333;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background-color: #000000;
 background-image: url("images/head2bg.jpg");
 background-repeat: no-repeat;
 background-attachment: center;
 background-position: center;
 background-attachment: bottom;
 background-position: center;
}
.contactright {
float: right;
padding-right:3px;
}
.contactright2 {
float: right;
padding-right:3px;
}
.contactright3 {
float: right;
padding-right:3px;
}
.contactright4 {
float: right;
padding-right:3px;
}
.contactright5 {
float: right;
padding-right:3px;
}
.logoleft {
font-family: century gothic, Arial, sans-serif;
font-size: 16px;
font-color: white;
padding-left:0px;
}
#navigation {
 float: left;
 width: 900px;
 height: 25px;
 color: #fff;
 padding: 10px;
 border: 1px solid #333333;
 margin: 0px 0px 5px 0px;
 background: #000000;
 background-image: url("#");
 background-repeat: no-repeat;
 background-attachment: center;
 background-position: center;
}
#aboutal {
 float: left;
 width: 900px;
 color: #fff;
 padding: 10px;
 border: 1px solid #333333;
 margin: 0px 0px 5px 0px;
 background: #000000;
 background-image: url("images/aaabg.jpg");
 background-repeat: no-repeat;
 background-attachment: center;
 background-position: center;
}
#nav {
font-family: century gothic, Arial, sans-serif;
font-size: 16px;
font-color: white;
padding:10px;
margin:0px;
background-color:#000000;
color:#fff;
border-bottom: 0px solid #666666;
}
#nav a {
color:#fff;
text-decoration:none;
}
#nav a:hover {
text-decoration:underline;
}
.navright {
font-family: century gothic, Arial, sans-serif;
font-size: 15px;
float: right;
padding-right:3px;
}
.navleft {
font-family: century gothic, Arial, sans-serif;
font-size: 16px;
font-color: white;
padding-left:0px;
}
#leftcolumn { 
 color: #fff;
 border: 1px solid #333333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 600px;
 width: 678px;
 float: left;
 background: #000000;
 background-image: url("images/sky1.jpg");
 background-repeat: no-repeat;
 background-position: top left;
}
#rightcolumn { 
 float: right;
 color: #fff;
 border: 1px solid #333333;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 600px;
 width: 195px;
 display: inline;
 background: #000000;
 background-repeat: no-repeat;
 background-position: top right;
}
#footer { 
 width: 900px;
 height:23px;
 clear: both;
 color: #fff;
 border: 1px solid #333333;
 background: #000000;
 background-image: url("images/footbg.jpg");
 background-repeat: no-repeat;
 background-position: center;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
#footer .link {
	float: right;
      color: #333333;
      font-family: century gothic, Helvetica, sans-serif;
      font-size: 9px;
      padding: 12px 0px 0px 0px;
}
#footer .copyright {
	float: left;
}
.musicbg{
height: 480px;
width: 550px;
border:solid 1px #333333;
 background: #000000;
 background-image: url("images/musicback.jpg");
 background-repeat: no-repeat;
 background-position: top left;
color:#ffffff;
padding:5px;
text-align:center;
}
.downloadbg{
height: 15px;
width: 550px;
border:solid 0px #333333;
background:#000000;
color:#ffffff;
padding:0px;
text-align:center;
}
.songsbg{
height: 20px;
width: 600px;
border:solid 0px #333333;
color:#ffffff;
padding:0px;
text-align:center;
}
.demotxtbg{
height: 75px;
width: 600px;
border:solid 0px #333333;
color:#ffffff;
padding:0px;
text-align:center;
}
#cover{
position: absolute;
float: left;
height: 7px;
width: 660px;
margin: 5px 0px 0px 0px;
background: #000000;
color:#ffffff;
padding: 5px;
text-align:center;
}
#hide{
position: absolute;
float: left;
height: 7px;
width: 500px;
margin: 5px 0px 0px 16px;
background: #000000;
border:solid 1px #333333;
color:#ffffff;
padding: 5px;
text-align:center;
}
.Outerdemobox {
 border:solid 1px #333333;
 background: #000000;
 width:600px;
 height:360px;
 position:relative;
 text-align:center;
}
  
.Demopics {
 background-color:#000000;
 width:170px;
 height:345px;
 position:absolute;
 top:10px;
 left:10px;
}  
 .Demoinfo {
  background-color:#000000;
  width:400px;
  height:345px;
  position:absolute;
  top:10px;
  right:10px;
}
.Outervid {
 border:solid 1px #333333;
 background: #000000;
 background-image: url("images/videobg.jpg");
 background-repeat: no-repeat;
 background-position: top left;
 width:650px;
 height:575px;
 position:relative;
 text-align:center;
}