html,body{
 	height: 100%;
}
div{
	display: block;
}
body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	color: #333;
	font-size: 10px;
	text-align: left;
	
}

#container{ /* ie */
	height: 100%;
	width: 800px;
	margin: 0 auto;
	background: #eee url(../images/bg.gif) top center repeat-y;
}

html>body #container{
	height: auto;
	min-height: 100%;
	width: 800px;
	margin: 0 auto;
	background: #eee url(../images/bg.gif) top center repeat-y;
}

#content-container{ /* for ie only */
	height: 100%;
	width: 750px;
	margin: 0 auto;
	padding: 0;
}
html>body #content-container{
	height: auto;
	min-height: 100%;
	position: relative;
	width: 750px;
	margin: 0 auto;
	padding: 0;
}
#header{ /* for ie only */
	width: 750px;
	height: 2px;
	margin: 0 auto;
	padding: 0;
	background-color: #773535;
}
#footer{ /* for ie only */
	width: 750px;
	height: 2px;
	margin: 0 auto;
	padding: 0;
	background-color: #773535;
}
html>body #header{
	width: 750px;
	height: 5px;
	margin: 0 auto;
	padding: 0;
	background-color: #773535;
}
html>body #footer{
	width: 750px;
	height: 5px;
	margin: 0 auto;
	padding: 0;
	background-color: #773535;
}

#content{
	float: left;
	width: 480px;

}
#side{
	float: left;
	width: 270px;
	
}
h2{
 	text-align: left;
 	font-size: 12px;
 	color: #356b77;
 	width: 195px;
 	margin: 0 auto;
 	padding: 15px 0 0 0;
}
p{
	text-align: left;
	font-size: 12px;
	line-height: 150%;
	color: #333;
	width: 450px;
	margin: 0;
	padding: 0 0 10px 5px;
}
a, a:link, a:visited{
	color: #773535;
	font-weight: bold;
	text-decoration: underline;
}
a:hover, a:active{
	color: #9b5656;
	text-decoration: none;
}
a.subNav, a.subNav:link, a.subNav:visited{
	color: #773535;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}
a.subNav:hover, a.subNav:active{
	color: #9b5656;
	text-decoration: none;
}
.leftColumn{
 	text-align: left;
 	font-size: 10px;
 	color: #333;
 	width: 195px;
 	margin: 0 auto;
 	padding: 0;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
}
#contentheader{
	width: 480px;
	height: 310px;
	background: #fff url(../images/pic-home.gif) bottom right no-repeat;
}
.mailingList{
	background-color: #eee;
	color: #000;
	border: 1px solid #555;
	width: 180px;
	font-size: 10px;
}
#right{
	text-align: right;
}
.bottom{
	color: #aaa;
	font-size: 9px;
	text-align: center;
}
/* ===========================================================
// NAVIGATION
// ======================================================== */

/* navigation sub-nav */

#navDiv { padding: 85px 0 0 0; margin: 0;  width: 480px; height: 23px; position: relative; } 
ul#nav { list-style-type: none; overflow: hidden; padding: 0; margin: 0; background: transparent url(../images/nav.gif) no-repeat 0 0; position: absolute; bottom: 0; left: 0; width: 480px; height: 23px; } 
ul#nav li a { text-indent: -1000em; text-decoration: none; padding: 23px 0 0 0px; overflow: hidden; background: transparent url(../images/nav.gif) no-repeat 0 0; position: absolute; top: 0; height: 0px !important; height /**/:23px; /* IE5/Win */ } 
ul#nav li#home a { background-position: 0 0; width: 45px; left: 0; } 
ul#nav li#home a:hover { background-position: 0 -23px; }
ul#nav li#product a { background-position: -45px 0; width: 64px; left: 45px; } 
ul#nav li#product a:hover { background-position: -45px -23px; }
ul#nav li#music a { background-position: -109px 0; width: 115px; left: 109px; } 
ul#nav li#music a:hover { background-position: -109px -23px; }
ul#nav li#company a { background-position: -224px 0; width: 68px; left: 224px; } 
ul#nav li#company a:hover { background-position: -224px -23px; }
ul#nav li#contact a { background-position: -292px 0; width: 58px; left: 292px; } 
ul#nav li#contact a:hover { background-position: -292px -23px; }