/* thenatureofsound.css*/
* { padding: 0; margin: 0; }
body {font: normal 100% verdana, sans serif; color:#333;background: #648199;}
#wrapper { margin: 0 auto;width: 770px;background-color:#ffffff;}
#wrapper { margin: 0 auto;width: 770px;background-color:#ffffff;}
#header {width: 770px;float: left;padding: 0px;height: 120px;margin: 0px;background: #f5e9cc url('images/header.png');}
#header-homepage {width: 770px;float: left;padding: 0px;height: 120px;margin: 0px;background: #f5e9cc url('images/header_homepage.png');}

#leftcolumn {
 padding: 0 5px 0 25px;
 height: 350px;
 width: 135px;
 float: left;
}
#leftmiddle { 
 padding: 25px 10px 0 0;
 width: 125px;
 float: left;
}
#leftmiddle-homepage { 
 padding: 25px 0;
 width: 445px;
 float: left;
}
#rightmiddle { 
 margin: 0;
 padding: 25px 10px 0 0;
 width: 320px;
 float: left;
}
#rightcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 30px 0 0 15px;
 width: 110px;
 float: left;
}
#rightcolumn-homepage { 
 margin: 0px 0px 0px 0px;
 padding: 30px 0 0 25px;
 width: 110px;
 float: left;
}

#footer { 
 width: 770px;
 clear: both;
 background: #f5e9cc;
 margin: 10px 0 0 0;
 padding: 5px 0 5px 0;
}
#blue-box{
width: 453px;
 clear: both;
 background: #c6ccd6;
 padding: 0 0 5px 0;
}
#article-index-box{
background: #f5e9cc;
padding:5px;
}

/* text*/
.gold-italic{color:#d4ad52;font: italic 800 75% verdana, sans serif}
.gold-italic-body{color:#d4ad52;font: normal 800 100% verdana, sans serif}
.blue{color:#648199; font: normal 75% verdana, sans serif;}
.blue-box-text{color:#648199; font: normal 70% verdana, sans serif;margin:6px 12px 6px 12px;}
.blue-italic{color:#648199; font: italic 80% verdana, sans serif;}
.blue-list{color:#648199; font: normal 75% verdana, sans serif;padding-left:15px;}
.blue-quote{color:#648199;font: italic 60% verdana, sans serif;}
.blue-italic-credit{color:#648199;font: normal 800 60% verdana, sans serif}
.blue-footer{color:#648199;font:normal 500 60% verdana, sans serif;text-align:center}
.splash-text{width:350px;color:#185371; font: normal 75% verdana, sans serif;margin-left:210px;padding-bottom:40px;text-align:center;}
.homepage-text{color:#185371; font: normal 70% verdana, sans serif;text-align:center;}
.blue-italic-homepage{color:#648199; font: italic 70% verdana, sans serif;}
h1{
color:#648199;font:  normal 140% palatino,  serif;
}
h2{
color:#648199;font:  normal 130% palatino,  serif;
}
h3{
color:#648199;font:  normal 120% palatino,  serif;
}
/*images*/
.flower{text-align:center;
}
.header-title{width:455px; height:41px;margin:79px 0 0 165px;
}
.snake{
 background:#fff url('images/snake.png') no-repeat 150px 130px;
}
.splash-image{
margin:40px 0 10px 210px;width:350px; height:303px;}
.index-page{ margin: 0 auto;width: 770px;background-color: #EDDAAD;}
.home-page{ margin: 0 auto;width: 770px;background-color: #EDDAAD;}

/*shop images*/
.content-image-right-1{margin: 0 0 230px 0;}
.content-image-right-2{margin: 0 0 30px 0;}
.content-image-right-3{margin: 0 0 10px 0;}


/*contact page*/
.contact-page{
width: 520px;
}
.contact_table{
padding:2px;color:#648199; font: normal 75% verdana, sans serif;
}

/* links*/
	a:link{text-decoration:none;color:#01325d;}
a:visited{text-decoration:none;color:#01325d;}
a:hover{text-decoration:underline;	color:#01325d;}

/* php list hacks*/
.required {
color:#648199; font: normal 75% verdana, sans serif;
}
.attributename{
color:#648199; font: normal 75% verdana, sans serif;}
p {color:#648199; font: normal 75% verdana, sans serif;}
b {color:#648199; font: bold 80% verdana, sans serif;padding:5px;}
.list{list-style:none;padding:5px;}
/* end php list hacks*/

	/* Menu Starts */
#nav,
#nav ul {float:left; padding:5px 5px 5px 0; margin:0; list-style:none; font: 9px verdana, sans serif; font-weight:500; background:#c6ccd6; position:relative;margin-top:25px;z-index:200;}

#nav li li {background:#c6ccd6;}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {display:block; color:#01325d; margin:0 25px 0 6px; height:18px; line-height:18px; text-decoration:none; white-space:nowrap;background:#c6ccd6;}

#nav li:hover {position:relative; z-index:300;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html #nav ul {width:86px;}

/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#01325d;  background-color:#fff;}

/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:0px; margin-left:100%; top:-26px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#01325d;  }

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#01325d; }

.nogo{
background-color:#c6ccd6;
color:#01325d;
padding-left:6px;
height:18px; 
line-height:18px;
}

#spacer{
	height:350px;
}
}