/* St Malo Suite Styles */

*
{
	padding: 0;
	margin: 0;
}

body
{
	font-family: arial, verdana, sans-serif;
	font-size: 0.8em;
	color: #666;
	background : #dce6e9;
}

#page
{
	width: 780px;
	margin: 10px auto;
	border : 1px solid #fff;
	background : #fff;
	padding-bottom : 10px;

}

h1
{
	position: relative;
	width: 100%;
	height: 150px;
	font-size: 3.0em;
	color: #000;
	background: url("../images/beerhead-test.jpg") 0% 0% no-repeat;
	overflow: hidden;
}

h1 strong
{
	position: absolute;
	left: 0.2em;
	top: 0.2em;
	font-weight: bold;
	font-style: normal;
	white-space: nowrap;
}

h1 sub
{
	position: absolute;
	display: block;
	width: 100%;
	top: 2.2em;
	left: 0em;
	font-size: 0.6em;
	font-weight: normal;
	text-indent: 0.2em;
	padding: 0.2em 0;
	color: #000;
	background: url("../images/banner1top.jpg") 50% 0% no-repeat;
}
h1 sup
{
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0.2em;
	left: 0em;
	font-size: 0.6em;
	font-weight: bold;
	text-indent: 68%;
	color: #fff;

}
h1.banner2 sub
{
	background-image: url("../images/banner1.jpg");
}
#pic{
padding-top : 20px;
padding-left: 0px;
display: block;
padding-bottom : 10px;
}
#pic2{
display: block;
padding-top : 30px;
padding-left: 0px;
padding-bottom : 10px;
}
#tracks {
display : block;
margin-left: 30px;
}
#photo1{
font-size: 0.8em;
/* font-style : italic; */
padding : 0px 10px 0px 0px;
}
#photo{
font-size: 0.8em;
/* font-style : italic; */
padding : 30px 10px 0px 0px;
}
.mainsmall {
padding-left: 10px;
padding-right : 10px;
}

#wrapper
{
	clear: both;
	float: left;
	width: 100%;
}

#content
{
	padding: 10px 20px;
	margin-left: 12em;
	
}

#navigation
{
    display : inline;
	float: left;
	width: 12em;
	margin-left: -780px;
}

#navigation h2
{
	display: none;
}

#navigation ol
{
	width: 100%;
	list-style-type: none;
	margin-top: 0px;
}

#navigation ol li
{
	margin: 1px 0;
}

#navigation ol li.active { font-weight: normal; }

#navigation ol li a
{
	display: block;
	font-size: 1.1em;
	height: 1%;
	padding: 0.2em 0.3em;
	text-decoration: none;
	color: #fff;
	background-color: #b6cbea;
}

#navigation ol li a:hover
{
	color: #00f;
	background-color: #ccd2de;
}

#content p
{
	clear: both;
	line-height: 1.4em;
	margin: 0 0 1em 0;
}

#content ul
{
	margin: 1em 0 1.5em 4em;
}

#content li { margin: 0.5em 0; }

#content ul.imagelist
{
	float: left;
	padding: 0;
	margin: 1em 0;
	list-style-type: none;
}

#content ul.imagelist li
{
	float: left;
	padding: 0;
	margin: 0 2px 0 0;
}

#content ul.imagelist li img
{
	display: block;
	padding: 0px;
	border: 1px solid #000;
}

#footer
{
	clear: both;
	margin: 0 0 0em 0;
}
#footer a
{
	color: #fff;
	text-decoration: none;
}
#footer p
{
	font-size: 0.9em;
	font-weight: bold;

	margin: 0;
	color: #fff;
	background-color: #b6cbea;
}

#col1 {
display : inline;
float : left;
width : 80.35%;
padding-left : 5px;
}

#col2 {

float : right;
width : 19%;
color: #fff;
margin-right : 0px;

}
#footer a:hover
{
	color: #404040;

}

#player
{
display : block;
padding: 0px 0px 30px 60px;


}

#form {
display : block;
padding: 20px 0px 30px 20px;
}