* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../_img/bg_pg.png) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #191919;
}

h1, h2, h3, h4, h5, p, ul, ol {
	margin-bottom: 20px;
}

h1 {
	text-indent: -99999em;
}

h1.home {
	background: url(../_img/ttl_home.gif) 0 0 no-repeat; 
}

h1.idea {
	background: url(../_img/ttl_idea.gif) 0 0 no-repeat; 
}

h1.mediaT {
	background: url(../_img/ttl_mediaT.gif) 0 0 no-repeat; 
}

h1.mediaN {
	background: url(../_img/ttl_mediaN.gif) 0 0 no-repeat; 
}

h1.photos {
	background: url(../_img/ttl_photos.gif) 0 0 no-repeat; 
}

h1.media {
	background: url(../_img/ttl_media.gif) 0 0 no-repeat; 
}

h1.results {
	background: url(../_img/ttl_results.gif) 0 0 no-repeat; 
}

h2 {
	font-size: 12px;
	color: #666;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 100%;
	border-bottom: 1px solid #c00;
	clear: both;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

br.clear {
	display: block;
	clear: both;
	margin: 20px 0;
}

.content ul {
	margin: 0 0 20px 40px;
	list-style-type: disc;
}

a:link, a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}

a:hover, a:focus {
	color: #c00;
}

.container {
	width: 946px;
	margin: 0 auto;
}

.header {
	height: 390px;
	background: url(../_img/bg_header.jpg) center top no-repeat;
}

.header a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999999em;
}

.nav {
	position: relative;
	top: 12px;
	left: 60px;
	width: 100%;
	text-align: center;
}

.nav li {
	display: block;
	float: left;
	background: url(../_img/nav/sep.png) 0 0 no-repeat;
}

.nav li.idea {
	background: none;
	padding: 0 20px 0 0;
}

.nav li a {
	background: url(../_img/nav/profile.gif) no-repeat center top;
	text-indent: -99999em;
	display: block;
	width: 160px;
	float: left;
	clear: none;
	height: 12px;
	margin: 0 0px;
	padding: 0 0 0 40px;
}

.nav li.idea a {
	background: url(../_img/nav/idea.gif) no-repeat center top;
	width: 34px;
	padding: 0;
}

.nav li.mediaT a {
	background: url(../_img/nav/mediaT.gif) no-repeat center top;
	width: 153px;
}

.nav li.mediaN a {
	background: url(../_img/nav/mediaN.gif) no-repeat center top;
	width: 195px;
}

.nav li.photos a {
	background: url(../_img/nav/photos.gif) no-repeat center top;
	width: 60px;
}

.nav li.media a {
	background: url(../_img/nav/media.gif) no-repeat center top;
	width: 129px;
}

.nav li.results a {
	background: url(../_img/nav/results.gif) no-repeat center top;
	width: 59px;
}

.body {
	margin: 50px 0;
}

.content {
	width: 500px;
	float: left;
	margin: 50px 0 0 0;
	line-height: 18px;
}

.side {
	width: 400px;
	float: right;
}

.btm, .footer {
	text-align: center;
}

.btm {
	border-bottom: 1px solid #cc0000;
	padding: 0 0 20px 0;
}

.btm li, .footer li {
	display: inline;
}

.btm li {
	margin: 0 20px;
}

.footer {
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	padding: 20px 0;
	font-size: 10px;
	text-transform: uppercase;
}

.footer li {
	margin: 0;
}

.footer a:link, .footer a:visited {
	color: #666;
}

.footer a:hover, .footer a:focus {
	color: #c00;
}

.btm, .footer, .body, .header {
	width: 100%;
	clear: both;
}

.gallery {
	clear: both;
	margin: 0 0 20px 0;
	width: 100%;
}

.thb {
	float: left;
	margin: 5px;
	height: 210px;
	width: 210px;
	text-align: center;
}

.outClass {
	height: auto;
}

.picWrap {
	border: 1px solid #ccc;
	padding: 5px;
}

.play {
	margin: 20px 0;
	width: 298px;
	height: 240px;
	clear: both;
	display: block;
	float: none;
}

.playing {
	height: 100px;
	float: none;
}

.play h3 {
	margin: 0 0 10px 0;
}

#mysong {
	margin: 20px 0;
}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}