body {
	padding:0px; margin:0px;
	background-color: #f7e7b2;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:13px;
	color:#9fa7b5;
	background-image:url('/img/global/pagetop.jpg');
	background-position:top center;
	background-repeat:repeat-x;
}

body.mp3frame {
	background-color:#efefef;
	background-image:none;
	padding:10px;	
}

#wrapper {
	width:900px !important;
	margin:0px auto;	padding:0px;
	position:relative;
	z-index:1;
}

#page {
	margin:0px auto; padding:0px;
	width:900px;
}

#header {
	padding:0px; margin:0px;
	width:900px; height:165px;
	background-image:url('/img/global/header.jpg');
	background-position:top center;
	background-repeat:no-repeat;
}

#homeheader {
	float:left;
	width:324px;
	height:900px;
	padding:0px; margin:40px 0 0;
}


#homeheader h1 {
	display:block;
	width:324px; height:220px;
	margin:0px; padding:0px;
}

#homeheader h1 a {
	display:block;
	width:324px; height:220px;
	margin:0px; padding:0px;
	background-image:url('/img/home/ronjoneslogo.gif');
	background-position:top center;
	background-repeat:no-repeat;
}


#header h1 {
	float:left;
	display:block;
	width:180px; height:119px;
	margin:19px 0px 0px; padding:0px;
}

#header h1 a {
	display:block;
	width:180px; height:119px;
	margin:0px; padding:0px;
	background-image:url('/img/global/ronjoneslogo.gif');
	background-position:top center;
	background-repeat:no-repeat;
}

h1 span {display:none;}



/**************************************************************/

ul#homenav {
	width:324px; height:455px;
	padding:0px; margin:0px;
	list-style-type:none;
}

ul#homenav li {
	float: left;
	padding:0px; margin:0px;
}

ul#homenav li a {
	display:block;
	padding:0px; margin:0px;
	width:324px; height:65px;
}

ul#homenav li a span {
	display:none;
	background-position:top center;
	background-repeat:no-repeat;
}


ul#homenav li a.biography { background-image:url('/img/homenav/biography.gif'); }
ul#homenav li a.biography:hover { background-image:url('/img/homenav-over/biography.gif'); }

ul#homenav li a.compositions { background-image:url('/img/homenav/compositions.gif'); }
ul#homenav li a.compositions:hover { background-image:url('/img/homenav-over/compositions.gif'); }

ul#homenav li a.contact { background-image:url('/img/homenav/contact.gif'); }
ul#homenav li a.contact:hover { background-image:url('/img/homenav-over/contact.gif'); }

ul#homenav li a.credits { background-image:url('/img/homenav/credits.gif'); }
ul#homenav li a.credits:hover { background-image:url('/img/homenav-over/credits.gif'); }

ul#homenav li a.gallery { background-image:url('/img/homenav/gallery.gif'); }
ul#homenav li a.gallery:hover { background-image:url('/img/homenav-over/gallery.gif'); }

ul#homenav li a.listen { background-image:url('/img/homenav/listen.gif'); }
ul#homenav li a.listen:hover { background-image:url('/img/homenav-over/listen.gif'); }

ul#homenav li a.news { background-image:url('/img/homenav/news.gif'); }
ul#homenav li a.news:hover { background-image:url('/img/homenav-over/news.gif'); }

ul#homenav li a.store { background-image:url('/img/homenav/store.gif'); }
ul#homenav li a.store:hover { background-image:url('/img/homenav-over/store.gif'); }


/**************************************************************/

ul#nav {
	float:left;
	width:720px; height:119px;
	padding:0px; margin:19px 0px 0px;
	list-style-type:none;
}

ul#nav li {
	float: left;
	padding:0px; margin:0px;
}

ul#nav li a {
	display:block;
	padding:0px; margin:0px;
	height:119px;
}

ul#nav li a span {
	display:none;
	background-position:top center;
	background-repeat:no-repeat;
}


ul#nav li a.biography {
	background-image:url('/img/nav/biography.gif');
	width:82px;
}
ul#nav li a.biography:hover { background-image:url('/img/nav-over/biography.gif'); }

ul#nav li a.news {
	background-image:url('/img/nav/news.gif');
	width:59px;
}
ul#nav li a.news:hover { background-image:url('/img/nav-over/news.gif'); }

ul#nav li a.credits {
	background-image:url('/img/nav/credits.gif');
	width:72px;
}
ul#nav li a.credits:hover { background-image:url('/img/nav-over/credits.gif'); }

ul#nav li a.listen {
	background-image:url('/img/nav/listen.gif');
	width:63px;
}
ul#nav li a.listen:hover { background-image:url('/img/nav-over/listen.gif'); }

ul#nav li a.compositions {
	background-image:url('/img/nav/compositions.gif');
	width:102px;
}
ul#nav li a.compositions:hover { background-image:url('/img/nav-over/compositions.gif'); }


ul#nav li a.gallery {
	background-image:url('/img/nav/gallery.gif');
	width:108px;
}
ul#nav li a.gallery:hover { background-image:url('/img/nav-over/gallery.gif'); }

ul#nav li a.store {
	background-image:url('/img/nav/store.gif');
	width:140px;
}
ul#nav li a.store:hover { background-image:url('/img/nav-over/store.gif'); }

ul#nav li a.contact {
	background-image:url('/img/nav/contact.gif');
	width:94px;
}
ul#nav li a.contact:hover { background-image:url('/img/nav-over/contact.gif'); }

#preload { display:none;}
/**************************************************************/

h2 {
	background-position:left center;
	background-repeat:no-repeat;
	width:900px; height:86px;
	margin:0px;
	padding:0px;
}

h2 span {display: none;}
h2.biography {background-image: url('/img/headers/biography.gif');}
h2.compositions {background-image: url('/img/headers/compositions.gif');}
h2.contact {background-image: url('/img/headers/contact.gif');}
h2.credits {background-image: url('/img/headers/credits.gif');}
h2.gallery {background-image: url('/img/headers/gallery.gif');}
h2.demo {background-image: url('/img/headers/demo.gif');}
h2.listen {background-image: url('/img/headers/listen.gif');}
h2.news {background-image: url('/img/headers/news.gif');}
h2.store {background-image: url('/img/headers/store.gif');}
h2.ravel {background-image: url('/img/headers/ravel.gif');}
h2.webadmin {background-image: url('/img/headers/webadmin.gif');}

h2#bigproject {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	height:30px;
	width:590px;	
	color:#d2d5dc;
}

h2#bigproject font.year {
	font-size:18px;
	font-weight:normal;
}

/**************************************************************/

#homecontent {
	float:left;
	margin:40px 0 0; padding:0px;
	width:576px; height:860px;
	background-image:url('/img/home/ronhome.jpg');
	background-position:top center;
	background-repeat:no-repeat;	
}

#content {
	margin:0px;
	padding:0px;
	text-align:left;
	color:#4f3d13;
}

#pagebkg {
	margin:0px;
	padding:10px 50px;
	text-align:left;
	background-image:url('/img/global/pagebkg.gif');
	background-position:top center;
	background-repeat:repeat-y;	
	min-height:200px;	
}

#pagebottom {
	margin:0px; padding:0px;
	width:900px; height:30px;
	display:block;
	background-image:url('/img/global/pagebottom.gif');
	background-position:top center;
	background-repeat:no-repeat;		
}

#content p {
	padding:0px;
	margin:0px 0px 10px 0px;
	text-align:justify;
	line-height:15px;	
}

h3 {
	padding:0px; margin:4px 0px 0px 0px;
	color:#000;
	font-weight:bold;
}


/***************************************************************/

#column {
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:380px;
}

#colthree {
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:240px;
}


ul#credits {
	padding:0px; margin:0px;
}

ul#credits li {
font-size:13px;
list-style-type:none;
margin:0;
padding:0 0 10px;
text-align:justify;
}

.company {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/**************************************************************/

ul#news {
	padding:0px; margin:0px;
}

ul#news li {
	list-style-type:none;
	margin:5px 0px 10px 0px;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #cdc6af;
	text-align:justify;
	font-size:13px;
}

h3.headline {
	color:#000000;
	font-size:20px;
	line-height:5px;
	margin:10px 0 0;
	padding:0;
	text-align:left;
}

span.smalldate {
	color:#788190;
	font-size:10px;
}


ul#audiocat {
	float:left;
	width:220px;
	padding:0px;
	margin:0 10px 0 15px;
}

ul#audiocat li {
	margin:0px;
	padding:0 0 1px;
	font-size:13px;
}

ul#audiolist {
height:300px;
margin:10px 10px 0 0;
min-height:310px;
overflow:auto;
padding:0;
}

ul#audiolist li {
	margin:0px;
	padding:0 0 1px;
	font-size:13px;
}


#mp3frame {
border:1px solid #ccc;
display:block;
float:right;
height:200px;
margin:0 0 10px 10px;
padding:0;
width:350px;
background-color:#efefef
}


ul#store {
list-style-type:none;
margin:10px 0 0;
padding:0 0 10px;
}

ul#store li {
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
height:200px;
margin:0 10px 10px;
padding:0;
text-align:center;
width:135px;
}

ul#store li.album { width:200px; } 

ul#store li a img { border:1px solid #000; }
ul#store li a:hover img { border:1px solid #888; }

/*********************************************************************/

.bodytext {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:13px;
	color:#4f3d13;
	font-weight:normal;
}

.small { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}


.tag { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	font-weight:normal;
}

/**************************************************************/

#mp3player {
	margin:10px 0px 10px 0px;
	padding:0px;
}

#mp3notes { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}


/******************/


ul#gallery {
	display:block;
	list-style-type:none;
	overflow:hidden;
	padding:0px; margin:0px; 
}

ul#gallery li {
	display:block;
	float:left;
	margin:0;
	padding:0 7px 7px 0;
	position:relative;
}

ul#gallery li a img { border:1px solid #333;}
ul#gallery li a.hover img { border:1px solid #fff;}

/**************************************************************/

a	{ color:#683f13; text-decoration:underline; }
a:hover	{ color:#844705; text-decoration:none; }

select.demo { 
	font-size:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	width:600px;
}


/**************************************************************/

#footer {
	margin:0px;
	padding:10px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#c2ae80;	
}

#footer a { color:#bd9f58; text-decoration:none; }	
#footer a:hover {color:#ba8c21; text-decoration:underline; }


/**************************************************************/

img.topleft {float: left; margin: 0px 10px 10px 0px;}
img.midleft {float: left; margin: 10px 10px 10px 0px;}
img.bottomleft {float: left; margin: 10px 10px 0px 0px;}

img.topright {float: right;	margin: 0px 0px 10px 10px;}
img.midright {float: right;	margin: 10px 0px 10px 10px;}
img.bottomright {float: right;	margin: 10px 0px 0px 10px;}

img.picborder {border:1px solid #000; }