/********************************************
   HTML ELEMENTS
********************************************/

* { padding: 0; margin: 0; border: 0; }

body {
	margin: 0;
	padding: 0;
	width:100%;
	font: normal 12px/1.7em  Verdana, Tahoma, sans-serif;
	background:#273691;
}

h1 {
	color:#273691;
	font-size:1.8em;
	padding:10px 0 5px 0;
}

h2 {
	color:#273691;
	font-size:1.2em;
	padding:10px 0 0 0;
}

.clef {
	padding:20px 0 15px 25px;
	background: url(../images/g-clef.gif) no-repeat left;
}

ul {
	margin-left:40px;
	line-height:1.5em;
}

p {
	line-height:1.4em;
	padding:5px 0;
}

/***********************
	  LAYOUT
************************/
#page-wrap {
	width:1000px;
	margin: 0 auto;
}

/* header */
#header {
	height: 250px;
	text-align: left;
	background: #273691 url(../images/headerbg.jpg) repeat-x top left;
}

#header-links {
	float:right;
	margin:15px 35px 0 0;
	font-size:1.3em;
	font-weight:bold;
	text-align:right;
	color: #fff;
}

#header-links p {
	line-height:1.1em;
}

a.QOD:link { color:#fff;text-decoration:none;font-weight:bold;font-style:italic; }
a.QOD:visited { color:#fff;text-decoration:none;font-weight:bold;font-style:italic; }
a.QOD:hover { color:#fff;text-decoration:none;font-weight:bold;font-style:italic; }
a.QOD:active { color:#fff;text-decoration:none;font-weight:bold;font-style:italic; }

a.raves:link { color:#fff;font-size:.9em;font-weight:normal;font-style:italic; }
a.raves:visited { color:#fff;font-size:.9em;font-weight:normal;font-style:italic; }
a.raves:hover { color:#fff;font-size:.9em;font-weight:normal;font-style:italic; }
a.raves:active { color:#fff;font-size:.9em;font-weight:normal;font-style:italic; }

#logo {
	float:left;
	position:relative;
	top:23px;
	left:0;
}

/* Navigation */
#nav-wrap {
	width: 100%;
	clear: both;
}
/*		#nav {
			width: 100%;
			clear: both;
			margin: 0;
			padding: 0;
		}
*/
#nav {
  float:left;
  width:100%;
  margin-top:-38px;
  font-size:1.1em;
  font-family:Tahoma, Verdana, Arial, Sans-serif;
  padding-bottom:12px;
  background: #273691 url(../images/border.jpg) repeat-x bottom left;
  line-height:normal;
  }
#nav ul {
  float:right;
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#nav li {
  float:left;
  background: url("../images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#nav a {
  float:left;
  display:block;
  background:url("../images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  letter-spacing:1px;
  font-weight:bold;
  color:#273691;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
  color:#273691;
  text-decoration:underline;
  }
#nav #current {
  background-image:url("../images/left_on.gif");
  }
#nav #current a {
  background-image:url("../images/right_on.gif");
  color:#273691;
  font-weight:bold;
  padding-bottom:5px;
  }

/* content */
#content-wrap {
	clear: both;
	width: 100%;
}
#content {
	text-align: left;
	padding: 0;
	margin: 0 auto;
	background: url(../images/content_bg.gif) repeat;
}
#content embed {
	padding-bottom:2px;
	/* ???? */
}

#whoImage {
	position:absolute;
	width:1000px;
	top:760px;
	margin:0 auto;
}
#soundImage {
	position:absolute;
	top:600px;
	margin:0 auto;
}
/*
#photoContact {
	position:relative;
	top:465px;
	float:right;
	margin:0 -120px 0 0;
}
#photoFriends {
	position:relative;
	top:350px;
	float:right;
	margin:0 -120px 0 0;
}
*/

/* box */
#box {
	margin: 0 auto;
	width:760px;
	background: #dddcdd url(../images/box_bg.jpg) no-repeat top left;
	color:#000;
}

#innerBox {
	width:700px;
	margin: 0 auto;
	padding:20px 30px;
}

/* contact form */
label {
	display:inline-block;
	width:140px;
	text-align:right;
	font-weight:bold;
	padding: 3px;
	background:#273691;
	color:#fff;
	white-space:nowrap;
}
fieldset {
	display:block;
	width:150px;
	white-space:nowrap;
}
textarea {
	width:140px;
	height:145px;
	vertical-align: top;
	margin: 0;
	padding: 5px;
	border: 1px solid #7f9db9;
}
input[type=text] {
	margin: 0;
	padding: 2px;
	border: 1px solid #7f9db9;
	height: 15px;
}
input[type=text], input[type=password] {
}
select {
	margin: 0;
	border: 1px solid #7f9db9;
}
#mySubmit{
	margin-top:15px;
	width:66px;
	height:21px;
	padding:0 0 3px 0;
	background:url(../images/button.png) no-repeat;
	color:#273691;
	font-size:.9em;
	font-weight:bold;
}

/* footer */
#footer-wrap {
	width:100%;
	margin:0;
	padding:0;
}

#footer-bottom {
	padding:15px 5px 20px 0;
	text-align: right;
	background: #273691  url(../images/border.jpg) repeat-x top left;
	color:#fff;
}