/*EvolutionSounds Design StyleSheet*/

/*******************
  General Body Info
********************/     

body {
  margin: 0Px 0Px;
  background-image: url('pics/full_body_bg.jpg');
  background-position: center 0Px;
  background-repeat: no-repeat;
  background-color: white;
  z-index: -1;
}


/*****************
  Header Design
******************/

#header {
  position: relative;
  width: 937Px;
  height: 342Px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('pics/header_bg.png');
  background-repeat: no-repeat;
  z-index: 0;
}

/*****************
  Main Menu Design
******************/

#menu {
  position: relative;
  height: 88Px;
  margin-right: auto;
  margin-left: auto;
  margin-top: -70Px;
  margin-bottom: -35Px;
  padding: 0Px;
  font-family: Verdana;
  font-size: 25Px;
  background-image: url('pics/menu_bg.png');
  background-repeat: repeat-x;
  z-index: 3;
}

#menu a{
  display: block;
  height:58Px;
  width: 169Px;
  padding-top: 25Px;
  margin: 0Px;
  color: white;
  text-decoration: none;
}

#menu a:visited {
  color : white;
  text-decoration: none
}

#menu a:hover {
  color: white;
  text-decoration: none;
}

#menu ul{
  position: relative;
  height: 88Px;
  width: 849Px;
  padding: 0Px;
  margin-bottom: 0Px;
  margin-top: 0Px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#menu li{
  float:left;
  margin: 0Px;
  list-style-type: none;
  list-style-image: none;
  background-image: url('pics/li_bg_down.png');
  background-repeat: no-repeat;
  background-position: -1px 15px;
} 

#menu li:hover{
  background-image: url('pics/li_bg_up.png');
  background-repeat: no-repeat;
  background-position: -1px 15px;
}


/**********************************
  Special id for focused Menu Link
***********************************/

#menu li#up{
  background-image: url('pics/li_bg_up.png');
  background-repeat: no-repeat;
  background-position: -1px 15px;
}

/************************
  Main Container Design
************************/

#main{
  position: relative;
  width: 937Px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0Px;
  padding-top: 50Px;
  margin-bottom: 0Px;
  padding-bottom: 10Px; 
  background-image: url('pics/content_bg.png');
  background-repeat: repeat-y;
  z-index:1;
}
#notes{
	font-size:12px;
}

/**************************
  Content Container Design
***************************/

#content{
  position: relative;
  font-family: Georgia;
  font-size: 12Pt;
  text-align: justify;
  margin-top: 10Px;
  margin-left: auto;
  margin-right: auto;
  width: 600Px;
  margin-bottom: -10Px;
  z-index: 2;
}

/*******************
  Post class Design
********************/

#content .post {
  margin-top: 50Px;
  padding-bottom: 40Px;
  border-bottom: 1Px dashed black;
}

#content a{
  color: #06aef1;
  text-decoration: underline;
}

#content a:hover{
  color: aqua;
  text-decoration: underline;
}

#content a:visited{
  color: #001a67;
  text-decoration: underline;
}

#content p{
	text-indent: 25Px;
	margin: 10Px;
}

#content img{
  margin: 30Px;
  max-width: 500Px;
  background-image: url('pics/form_background.png');
}
  


#content h1.title{
  height: 30Px;
  color: #001a67;
  font-family: Verdana;
  font-size: 25Px;
  background-image: url('pics/h1_title.png');
  background-repeat: no-repeat;
  background-position: 50Px 10Px;
}

#content span.important{
  font-size: 16Px;
  color: #06aef1;
}

#content ul{
  margin-left: 20Px;
  padding-left: 20Px;
  list-style-image: url('pics/arrow.png');

}
#relinks{
	font-size:10px;
}
/******************************
  Class used to wrap forms 
  Can be used to wrap images, 
  without the background picture
******************************/

#content .wrapper{
  margin-left: auto;
  margin-right: auto;
  height: 3Px;
  width: 430Px;
  background-image: url('pics/form_top.png');
  background-repeat: no-repeat;
  z-index: 5;
}



#content form{
  width: 430Px;
}

#content .form{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20Px;
  padding-bottom: 20px;
  width: 430Px;
  background-image: url('pics/form_background.png');
  background-position: -1Px 0Px; 
  background-repeat: repeat-y;
  z-index: 5; 
}

/**************************
  Sidebar - Contact Design
**************************/


#sidebar{
  position: relative;
  color: white;
  margin: auto;
  width: 650Px;
  height: 100Px;
  padding-top: 55Px;
  text-align: center;
  font-family: Georgia;
  /*background-image: url('pics/sidebar_bg.png');*/
  background-repeat: no-repeat;
  z-index: 2;
}

#sidebar p{
  margin: 0Px;
}

#sidebar p:hover{
  color: aqua;
}

#sidebar a{
  color: white;
  text-decoration: underline;
}

#sidebar a:hover{
  color: aqua;
  text-decoration: underline;
}

#sidebar a:visited{
  color: white;
  text-decoration: underline;
}

/*******************
    Footer Design
********************/ 

#footer {
  position: relative;
  width: 937Px;
  height: 200Px;
  margin-right: auto;
  margin-left: auto;
  /*margin-bottom: -10Px;*/
  background-image: url('pics/footer_bg_contact.png');
  background-repeat: no-repeat;
  z-index:1;
}

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

span#copyright{
  position: absolute;
  left: 30%;
  bottom: 10Px;
  color: white;
  font-family: Arial;
  font-size: 8Pt;
}