/* CSS Document */

body {
margin: 0 auto;
background: #000000;
 font: 9pt arial;
color: #ffffff;
}

a {
color: #66abd2;
}

a:hover {
text-decoration: none;
}

.wrapped {
width: 100%;
}

.bodyWrapper {
width: 835px;
margin: 0 auto;
margin-top: 3%;
/*height: 540px;*/
position: relative;
}

.menu {
width: 238px;
float: left;
}

.contentArea {
width: 597px;
background: url(images/logoIdea_expanded_12.gif) repeat-y top left;
float: right;
}

.contentAreaHeader{
width: 597px;
height: 20px;
background: url(images/logoIdea_expanded_03.gif) no-repeat top left;
}

.contentAreaFooter{
width: 597px;
height: 28px;
background: url(images/logoIdea_expanded_13.gif) no-repeat top left;
}

.contentInfo {
width: 560px;
/*height: 500px;
padding: 5px;*/
margin: 0 auto;
}

.loadedContent {

}

.pageContent {
/*overflow: auto;
height: 430px;*/
width: 560px;
padding: 5px;
text-align: left;
}

.pageHeader {
width: 520px;
height: 50px;
text-align: right;
margin: 0;
padding: 0;
}

.footerMenu {
height: 35px;
padding-top: 15px;
color: #ffffff;
}

.footerMenu a {
color: #ffffff;
text-decoration: none;
}

.footerMenu a:hover {
text-decoration: underline;
}

.musicPlayer {
height: 151px;
width: 238px;
text-align: center;
background: url(images/logoIdea_08.jpg) no-repeat top left;
}

#homeHeader {
background: url(images/homeHeader.jpg) no-repeat top right;
}

#recordingHeader {
background: url(images/recordingHeader.jpg) no-repeat top right;
}

#remixHeader {
background: url(images/remixHeader.jpg) no-repeat top right;
}

#friendsHeader {
background: url(images/friendsHeader.jpg) no-repeat top right;
}

#contactHeader {
background: url(images/contactHeader.jpg) no-repeat top right;
}

/* ------------------ Image positioning ------------------ */

.imageRight {
border: 0;
float: right;
}

.imageLeft {
border: 0;
float: left;
}

.imageCenter {
border: 0;
display: block;
margin: 0 auto;
}