/**
* CSS
* 
* @version 0.1
* @author Jong
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: helvetica;
	background: #efefef;
	color:#222;
	margin:0;
	background-color: #efefef;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

#logo, logo a {
	padding:15px 0px 0px 15px;
	margin: 0;
}

a{
	color:#999;
}
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }
#base{
	width:100%;
	/*min-height:4em;*/
}

/*#nav {
    width: 100%;
	height:95px;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
	background-color: #999;
	z-index:99;
}*/
#nav { 
	width: 518px; 
	height: 66px; 
	background: url(images/jonchew_nav.gif) no-repeat; 
	position: absolute; 
	top: 29px; 
	left: 495px; 
	padding:0; 
}
#nav ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
	float:left;
}
#nav li { display: inline; }
#nav li a:link, #nav li a:visited { position: absolute; top: 0; height: 48px; text-indent: -9000px; overflow: hidden; z-index: 10; }

#design a:link, #design a:visited { left: 0px; width: 135px; }
#design a:hover, #design a:focus { background: url(images/(jonchew_nav.gif) no-repeat Opx -66px; }
#design a:active { background: url(images/jonchew_nav.gif) no-repeat Opx -66px; }
#design.current a:link, #design.current a:visited { background: url(images/jonchew_nav.gif) no-repeat Opx -66px; cursor: default; }
.nav-design, .nav-design-click { position: absolute; top: 0; left: 0px; width: 135px; height: 66px; background: url(images/jonchew_nav.gif) no-repeat -0px -66px; }
.nav-design-click { background: urlimages/(jonchew_nav.gif) no-repeat Opx -66px; }

#image a:link, #image a:visited { 
	left: 135px; 
	width: 144px; 
}
#image a:hover, #image a:focus { 
	background: url(images/jonchew_nav.gif) no-repeat -135px -66px;
}
#image a:active { 
	background: url(images/jonchew_nav.gif) no-repeat -135px -66px;
}
#image.current a:link, #image.current a:visited {
	background: url(images/jonchew_nav.gif) no-repeat -135px -66px; 
	cursor: default;
}
.nav-image, .nav-image-click { 
	position: absolute; 
	top: 0; 
	left: 135px; 
	width: 144px; 
	height: 66px; 
	background: url(images/jonchew_nav.gif) no-repeat -135px -66px; 
}
.nav-image-click {
	background: url(images/jonchew_nav.gif) no-repeat -135px -66px;
}

#music a:link, #music a:visited { 
	left: 279px; 
	width: 144px; 
}
#music a:hover, #music a:focus { 
	background: url(images/jonchew_nav.gif) no-repeat -279px -66px;
}
#music a:active { 
	background: url(images/jonchew_nav.gif) no-repeat -279px -66px;
}
#music.current a:link, #music.current a:visited { 
	background: url(images/jonchew_nav.gif) no-repeat -279px -66px; 
	cursor: default; 
}
.nav-music, .nav-music-click { 
	position: absolute; 
	top: 0; 
	left: 279px; 
	width: 144px; 
	height: 66px; 
	background: url(images/jonchew_nav.gif) no-repeat -279px -66px;
}
.nav-music-click { background: url(images/jonchew_nav.gif) no-repeat -279px -66px; }

#about a:link, #about a:visited { left: 423px; width: 95px; }
#about a:hover, #about a:focus { background: url(images/jonchew_nav.gif) no-repeat -423px -66px; }
#about a:active { background: url(images/jonchew_nav.gif) no-repeat -423px -66pxpx; }
#about.current a:link, #about.current a:visited { background: url(images/jonchew_nav.gif) no-repeat -423px -66px; cursor: default; }
.nav-about, .nav-about-click { position: absolute; top: 0; left: 423px; width: 95px; height: 66px; background: url(images/jonchew_nav.gif) no-repeat -423px -66px; }
.nav-about-click { background: url(images/jonchew_nav.gif) no-repeat -423px -66px; }


/*
#menu hr{display:none;}
#menu p {
	display:inline;
	float:left;
	height:2.5em;
padding-left:1em;padding-right:1em;
	line-height:2.5em;
}
#menu ul {
	display:inline;
	float:left;
	list-style: none;
	height:95px;
	overflow:hidden;
	background-color:#222;
	padding:0;
	margin:0;
	text-align:center;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
#menu ul:hover{
	color:black;
	padding-bottom:3px;
	height:auto;
	background-color:#999;}
#menu ul a{
	display:block;
	color:#666;
}
#menu ul a:visited{
	color:#06d;
}
#menu ul a:hover{
color:black;
background-color:#bbb;
text-decoration:none;
}
#menu ul li{
	line-height:2.5em;
	display:inline;
	width:100%;
	overflow:hidden;
	padding:0!important;
}
#menu ul li a{
	padding:.3em;
	padding-left:1em;
	padding-right:1em;
}
#menu ul li.section-title {line-height:2.5em; min-width:6em;padding-left:.5em;padding-right:.5em;text-transform:capitalize; }
#menu ul li[class="section-title"]{
	display:block;
	//display:inline;}
#menu ul li.section-title:hover { cursor:pointer; background-color:#bbb; color:#333; }

*/
#content {
	margin: 125px 0px 0px 0px;
	padding: 0 ;
    width: 100%;
}
#flashcontent{
	height: 600px;
}

hr{
	border:0;
	background-color:grey;
	height:1px;
}

#content p {
	width: 365px;
	font-size: 10px;
	line-height: 14px;
	
}

#content h1 {
	font-size: 30px;
	color:#666;
}

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin-top: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 10px 0; }

#once { clear: left; }

#footer {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 80;
}



/******* MEDIA ITEMS ********/

#media_item .one-box {
	float: left; 
	padding: 0 45px 0 0px; 
}

#media_item .caption-box {
	padding-top: 5px;
}

#media_item .caption-box .title {
	font-size: 40px;
	color: #212121;
	letter-spacing: -4px;
	font-weight: bold;
}

#media_item .caption-box .caption {
	font-size: 10px;
}