/*
Site	: http://www.sohamsounds.fr
Date	: 2007-02-01
*/

body{
	background     : #FFF;
	font           : normal 13px "MS Trebuchet", sans-serif;
	color          : #666;
	overflow       : visible;
}


/*
// Section : Main.
*/
#main{
	width           : 570px;
	margin          : auto;
}


/*
// Section : Main.
*/
#logo{
	background      : #FFF url('../img/lgo/so-ham-sounds-logo.png') no-repeat left top;
	width           : 570px;
	height          : 200px;
}

#logo a{
	display         : block;
	width           : 570px;
	height          : 200px;
}

#logo a span{
	display         : none;
}


/*
// Section : Menu.
*/
#menu{
	font            : bold normal 1.1em Arial, sans-serif;
	text-align      : center;
	margin          : auto;
	padding         : 16px 0;
}

#menu li{
	list-style      : none;
	display         : inline;
}

#menu li a, #menu li a.clicked{
	text-decoration : none;
	color           : #666;
	padding         : 0 10.5px;
}

#menu li a:hover, #menu li a.current{
	text-decoration : none;
	color           : #C66;
}


/*
// Section : Logo.
*/
#logo{
}


/*
// Section : Player.
*/
#player{
	margin         : 0 0 0 10px;
}


/*
// Section : Content.
*/
#content{
	padding        : 8px 0 50px 0;
	margin         : auto;
	width          : 96%;
}

#sohamsounds, #equipe, #services, #partenaires, #podcasts, #contacts{
	position       : absolute;
	width          : 560px;
	opacity        : 0;
	filter         : alpha(opacity=0);
	background     : #FFF;
}

#sohamsounds{
	opacity        : 1;
	filter         : alpha(opacity=100);
}

#content div.current{
	visibility     : visible;
}

#content h1{
	font           : normal 16px "MS Trebuchet", sans-serif;
	color          : #666;
	line-height    : 27px;
}

#content h2{
	font           : bold 13px "MS Trebuchet", sans-serif;
	color          : #777;
	line-height    : 27px;
	letter-spacing : 1px;
}

#content p{
	font           : normal 13px Arial, "MS Trebuchet", sans-serif;
	color          : #444;
	line-height    : 20px;
}

#content a{
	color          : #C43025;
}

#content a:hover{
	color          : #999;
}

#content a:hover{
}

#content table{
	width          : 100%;
}

#content table td{
	text-align     : left;
	vertical-align : top;
	padding        : 0 15px 15px 0;
}

/*
// Section : Footer.
*/
#footer{
	display           : none;
	border-top        : 3px solid #C66;
	padding           : 4px 0 0 0;
	text-align        : center;
}

#footer h1, #footer h2, #footer h3, #footer a{
	font              : normal 11px Arial, Helvetica, Sans-Serif;
	text-decoration   : none;
	color             : #999;
	display           : inline;
	margin            : 0;
	padding           : 0;
	letter-spacing    : 4.5px;
}

#footer h1{
	text-transform: uppercase;
}

#footer a{
	color             : #666;
}

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