tml, body, div {margin:0; padding:0;}
img { border: 0px solid #000; }
body 
{
	line-height:160%;
	font-size: 12px;
	color: #111;
	background-color: #fff;
	font-smooth: always;
}
a:link { color : #6bb3a1; text-decoration:none; }
a:visited { color : #6bb3a1; text-decoration:none; }
a:hover { color : #6bb3a1; text-decoration : underline; }

#pagewidth { background-color:#fff; width: 960px; margin-left: auto; margin-right: auto;}

div.clear { clear:both; }
div.left { float:left; }
div.right { float:right; }
div.center { float:center; }
div.hidden { display:none; }

:focus { outline:0; }
::selection { background-color:#6bb3a1; }
::-moz-selection { background-color:#6bb3a1; }

#header { height:222px; position:relative; }
#header #menu { position:absolute; left:48px; bottom:32px; z-index:1000; }
#header #subline { position:absolute; left:48px; top:90px; z-index:900; font-weight:200; font-size:14px; color:#fff; }
#header #flash { position:absolute; left:0px; top:0px; z-index:100; height:222px; width:960px; }
#content { width:900px; margin-left:30px; overflow:hidden; }
#footer { text-align:center; font-size:11px; }

.btn { cursor:pointer; }
#menu .btn { margin-left:80px; font-weight:400; font-size:16px; }
#menu a:link { color : #fff; text-decoration:none; }
#menu a:visited { color : #fff; text-decoration:none; }
#menu a:hover { color : #000; text-decoration :none; }
#menu .selected a:link { color : #000; text-decoration:none; }
#menu .selected a:visited { color : #000; text-decoration:none; }
#menu .selecteda:hover { color : #000; text-decoration :none; }

.image { background-color:#999; }

.home .left_content { float:left; width:260px; margin-right:40px; text-align: justify; text-justify: distribute; }
.home .left_content .showreal { margin-top:24px; margin-bottom:24px; }
.home .left_content .facebook { border:0px solid #fff; margin-bottom:24px; }
.home .right_content { float:left; width:600px; margin-top:20px; }

.characters, .projects { margin-top:20px; }

.line_header { width:580px; position:relative; height:28px; overflow:hidden; }
.line_header .line { width:100%; background-color:#000; height:1px; overflow:hidden; position:absolute; top:8px; z-index:10; }
.line_header .title { text-align:center; z-index:20; position:relative; }
.line_header .title span { padding:10px; background-color:#fff; text-transform:uppercase;  font-size:14px; }

.project_thumb { width:130px; height:218px; float:left; margin-right:20px; font-size:11px; line-height:140%; }
.project_thumb .image { width:130px; height:130px; cursor:pointer; background-image: url("../img/site/jjm_loading_light.png"); background-repeat: no-repeat; background-position: center; }
.character { width:280px; height:380px; float:left; margin-right:20px; font-size:11px; line-height:140%; }
.character .image { width:280px; height:280px; background-color:#999; background-image: url("../img/site/jjm_loading_light.png"); background-repeat: no-repeat; background-position: center; }
.character .title, .project_thumb .title { margin-top:10px; text-transform:uppercase; color:#6bb3a1; font-weight:400; }

.project { width:910px; height:360px; overflow:hidden; }
.project .close_btn { cursor:pointer; position:absolute; right:4px; top:4px; width:30px; height:30px; background-image: url("../img/site/close.png"); background-repeat: no-repeat; background-position: top;}
.project .media { width:640px; margin-right:20px; height:360px; float:left; background-color:#000; background-image: url("../img/site/jjm_loading.png"); background-repeat: no-repeat; background-position: center; }
.project .media .container { color:#fff; position:absolute; top:0px; left:0px; z-index:2000; }
.project .data { margin-top:12px; width:230px; height:360px; float:left; }
.project .data .h1 { text-transform:uppercase; font-size:13px; }
.project .data .info { margin-bottom:24px; }
.project .navigation { position:absolute; left:650px; bottom:12px; z-index:200;}
.project .left_btn { cursor:pointer; float:left; width:30px; height:30px; background-image: url("../img/site/left.png"); background-repeat: no-repeat; background-position: top;}
.project .right_btn { cursor:pointer; float:left; width:30px; height:30px; background-image: url("../img/site/right.png"); background-repeat: no-repeat; background-position: top; margin-right:10px;}
.project .media_btn { cursor:pointer; float:left; width:14px; height:14px; background-image: url("../img/site/media_btn.png"); background-repeat: no-repeat; background-position: top; margin-top:8px; margin-right:2px;}
.project .media_slider { z-index:400; position:absolute; left:720px; bottom:20px; width:14px; height:14px; background-image: url("../img/site/media_slider.png"); background-repeat: no-repeat;}

.who .image { width:560px; overflow:hidden; }
.who .left_content { float:left; width:560px; margin-right:60px; }
.who .right_content { float:left; width:260px; }

.who, .soundtracks { text-align: justify; text-justify: distribute; }
.who .column1 { float:left; width:260px; margin-right:40px; }
.who .column2 { float:left; width:260px; text-align: }

.soundtracks .left_content { float:left; width:260px; margin-right:40px; }
.soundtracks .right_content { float:left; width:580px; margin-top:20px; }
.soundtracks .image { margin-bottom:12px; }

.social { text-transform:uppercase; margin-left:10px; font-size:10px; }
.social .facebook_btn { margin-top:-4px; overflow:hidden; width:21px; height:21px; background-image: url("../img/site/facebook.png"); background-repeat: no-repeat; background-position: top; }
.social .twitter_btn { margin-top:-4px; overflow:hidden; width:21px; height:21px; background-image: url("../img/site/twitter.png"); background-repeat: no-repeat; background-position: top; }

.spacer { height:12px; overflow:hidden; }

h1, .h1 { color:#6bb3a1; font-size:16px; font-weight:400; text-align: left; }
.soundtracks h1, .soundtracks .h1, .who h1, .who .h1  { font-size:13px; }
.italic { }


/* blue			#39bbd6 */
/* mint			#6bb3a1 */
/* yellow		#fcca09 */