html {
	overflow-y: scroll;
}
html,
body {
	background:#29aae2;
	font-family:verdana;
	font-size:11px;
	line-height:14px;
	color:#fff;
}
div#main {
	width:687px;
	position:relative;
	margin:auto;
}
h1 {
	background:transparent url(../images/sannespreekt-logo.gif) no-repeat;
	width:465px;
	height:119px;
	text-indent:-4000px;
	margin:50px 0 0 104px;
}
h2.subtitle {
	background:transparent url(../images/stemactrice.gif) no-repeat;
	width:115px;
	height:15px;
	text-indent:-4000px;
	margin:40px auto 45px auto;
	padding:0;
	line-height:13px;
}
div#text-content {
	background:transparent url(../images/content-balloon.gif) no-repeat;
	width:243px;
	font-size:12px;
	padding:38px 23px 23px;
	position:relative;
	float:left;
	/*margin-left:50px; without podcasts*/
	display:inline; /*IE6 double margin workaround*/
}
div#text-content span.bottom {
	background:#29aae2 url(../images/content-balloon-bottom.gif) no-repeat;
	display:block;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	width:289px;
	height:8px;
}

div#text-content p {
	margin:0 0 15px 0;
}

div#text-content p.greeting {
	font-size:16px;
	font-weight:bold;
}
div#text-content p.contact {
	font-size:14px;
	font-weight:bold;
	margin:0;
}
div#text-content p.contact a {
	color:#fff;
}
div#sound-content {
	float:left;
	width:398px;
	position:relative;
}
a#demo-listen{
	background:transparent url(../images/demo-balloon.gif) no-repeat;
	display:block;
	width:140px;
	height:145px;
	text-indent:-4000px;
	top:0;
	left:20px;
	position:absolute;
	outline:none;
}
a#demo-listen:hover,
a#demo-listen:focus {
	background-image:url(../images/demo-balloon-on.gif);
}
a#demo-download {
	background:transparent url(../images/download-demo-balloon.gif) no-repeat;
	display:block;
	width:76px;
	height:71px;
	text-indent:-4000px;
	position:absolute;
	top:137px;
	left:100px;
	outline:none;
}

div#podcasts {
	margin-left:200px;
	width:198px;
	background:#fff;
	padding-top:47px;
	color:#29aae2;
	position:relative;
}

div#podcasts h2 {
	background:#29aae2 url(../images/podcasts-top.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:47px;
	text-indent:-4000px;
	margin:0;
	padding:0;
}

div#podcasts h3 {
	margin:0;
	padding:0;
	font-size:11px;
}

div#podcasts p.description {
	margin:0;
	padding:0;
}

div#podcasts div.podcasts-container {
	width:198px;
	overflow:hidden;
	position:relative;
	opacity:0;
	background:#fff;
}

div#podcasts ul {
	padding:0;
	list-style:none;
	width:198px;
	margin:0 auto;
	position:absolute;
}

div#podcasts ul li {
	width:198px;
	float:left;
}

div#podcasts div.navigation {
	width:100%;
	height:47px;
}

div#podcasts div.navigation a{
	background:transparent url(../images/podcasts-navigation.gif) no-repeat center;
	display:block;
	height:47px;
	width:39px;
	text-indent:-4000px;
	float:left;
	outline:none;
}

div#podcasts div.navigation a.prev {
	background-position:top;
}

div#podcasts div.navigation a.next {
	background-position:bottom;
}

div#podcasts div.navigation a.inactive {
	visibility:hidden;
}

div#podcasts div.navigation span.count{
	background:transparent url(../images/podcasts-count.gif) no-repeat 25px 0;
	display:block;
	width:50px;
	height:47px;
	float:left;
	padding-left:70px;
	line-height:47px;
	font-size:20px;
	font-weight:bold;
}

div#podcasts ul li div.content{
	background:transparent url(../images/podcast-balloon.gif) no-repeat;
	margin:0 auto;
	width:158px;
	padding:15px 10px;
	position:relative;
	
}

div#podcasts ul li div.content span.bottom{
	background:#fff url(../images/podcast-balloon-bottom.gif) no-repeat;
	display:block;
	clear:both;
	width:178px;
	height:10px;
	position:absolute;
	left:0;
	bottom:0;
}
div#podcasts div.interaction {
	width:100px; /*without signup*/
	/*width:178px; /*with signup*/
	margin:10px auto;
	height:24px;
}

div#podcasts div.interaction a {
	background:transparent url(../images/podcast-interaction.gif) no-repeat;
	display:block;
	height:24px;
	text-indent:-4000px;
	float:left;
	outline:none;
}

div#podcasts div.interaction a.download {
	background-position:0 0;
	width:75px;
}
div#podcasts div.interaction a.download:hover,
div#podcasts div.interaction a.download:focus {
	background-position:0 100%;
}

div#podcasts div.interaction a.play {
	background-position:-75px 0;
	width:25px;
}

div#podcasts div.interaction a.play:hover,
div#podcasts div.interaction a.play:focus {
	background-position:-75px 100%;
}

div#podcasts div.interaction a.signup {
	background-position:-100px 0;
	width:78px;
	display:none;/*without signup*/
}

div#podcasts div.interaction a.signup:hover,
div#podcasts div.interaction a.signup:focus {
	background-position:-100px 100%;
}

div.clear-both {
	clear:both;
	height:1px;
	overflow:hidden;
}