/* Fonts */
P, BLOCKQUOTE, BODY, UL {font-size:13px; line-height:20px; font-family: trebuchet MS, trebuchet, verdana, arial, helvetica, sans-serif}


/* Real styles */


A:link {color: #366;
background: transparent;
text-decoration: none}

A:visited {color: #366;
background: transparent;
text-decoration: none}

A:hover {text-decoration: underline}

A:active {color: #366;
background: transparent;
text-decoration: none}

.nav1 A:link {color: #cb8460;
background: transparent;
text-decoration: none}

.nav1 A:visited {color: #cb8460;
background: transparent;
text-decoration: none}

.nav1 A:hover {text-decoration: underline}

.nav1 A:active {color: #fff;
background: transparent;
text-decoration: none}

.nav2 A:link {color: #366;
background: transparent;
text-decoration: none}

.nav2 A:visited {color: #366;
background: transparent;
text-decoration: none}

.nav2 A:hover {text-decoration: underline}

.nav2 A:active {color: #fff;
background: transparent;
text-decoration: none}

.nav3 A:link {color: #fff;
background: transparent;
text-decoration: none}

.nav3 A:visited {color: #fff;
background: transparent;
text-decoration: none}

.nav3 A:hover {text-decoration: underline}

.nav3 A:active {color: #fff;
background: transparent;
text-decoration: none}


body { 
background: #000;
margin: 0px 0px 0px 0px;
}

#container { 
width: 740px;
float: none; 
}

#homecontainer { 
width: 700px;
float: none; 
}

#homecontent { 
width: 700px;
height: 468px;
background: #000 url(images/Jory_Cembalo_Edit.jpg) top left no-repeat;
float: left; 
}

#homehed { 
width: 412px;
margin: 30px 20px 0px 0px;
text-align: left;
float: right; 
}

#hometext { 
width: 280px;
margin: 20px 20px 0px 0px;
text-align: left;
float: right; 
}

#homenav { 
width: 120px;
margin: 0px 20px 0px 0px;
text-align: left;
float: right; 
}

#content { 
width: 740px;
background: #e0ccb7;
text-align: left;
float: left; 
}

#top1 {
width: 740px;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
float: left; 
}

#top2 {
width: 740px;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
text-align: left;
float: left; 
}


#maincolumn {
width: 486px;
margin: 0px 0px 0px 10px;
padding: 0px 20px 0px 20px;
text-align: left;
float: left;
}

#sidebar {
width: 155px;
margin: 0px 20px 0px 0px;
text-align: left;
float: left;
}

#sidebar2 {
width: 200px;
margin: 0px 20px 0px 0px;
text-align: left;
float: left;
}

#photoarea1 {
width: 200px;
margin: 5px 10px 0px 0px;
text-align: left;
float: left;
}

#photoarea2 {
width: 150px;
margin: 5px 0px 0px 10px;
text-align: left;
float: right;
}

#photoarea3 {
width: 300px;
margin: 0px 0px 0px 10px;
text-align: left;
float: right;
}

#bottom { 
width: 660px;
margin: 0px 0px 0px 0px;
padding: 40px 20px 0px 20px;
float: none; 
}


LI {list-style-type: square; color: #366; 
text-decoration: none}

BLOCKQUOTE {margin: 0em 3em 0em 3em}

P {margin: 0em 0% 1em 0%;
color: #033;
line-height: 20px; 
font-size: 13px}

.hed {color: #366; line-height: 1.4; font-size: 15px; font-weight: bold}

.quote  {color: #366; line-height: 1.8; font-size: 13px}

.quote2  {color: #fff; line-height: 1.8; font-size: 13px}

.caption {color: #366; line-height: 1.4; font-size: 11px}

.credit {color: #366; line-height: 1.4; font-size: 10px}

.med {color: #366; line-height: 1.4; font-size: 13px}

.med2 {color: #366; line-height: 1.4; font-size: 11px}

.med3 {color: #666; line-height: 1.4; font-size: 11px}

.nav1 {color: #cb8460; line-height: 1.0; font-size: 13px}

.nav2 {color: #366; line-height: 1.4; font-size: 13px}

.nav3 {color: #fff; line-height: 2.2; font-size: 13px}

.tracklist {margin: 0em 0em 1em 2em; color: #366; line-height: 1.6; font-size: 11px}

.small1 {color: #366; line-height: 1.4; font-size: 10px}

.small2 {color: #fff; line-height: 1.4; font-size: 10px}

.small3 {color: #033; line-height: 1.4; font-size: 10px}

.small4 {color: #666; line-height: 1.4; font-size: 10px}