body {
background:#424242;
color:#333333;
text-align:center;
font-family: Arial, 'Sans Serif';
font-size:14px;
}


/* STYLING */
h2,h3 {
font-family: "Myriad Pro", Arial, 'Sans Serif';   
}


table td {
vertical-align:top;   
}

.alignleft {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright {
float:right;
display:block;
text-align: right;
margin:0 0 20px 20px;
}

h2 {
font-size:22px;
margin:0 0 10px 0;
}

h3 {
font-size:36px;
line-height:35px;
margin:0;
}

h3 span {
font-size:14px;
font-weight: normal;
color:#9f9f9f;
text-transform:uppercase;
}

h4 {
font-size:22px;
line-height:20px;
margin:0 0 20px 0;
}

h4 span {
font-size:14px;
font-weight: normal;
color:#b09b7c;
text-transform: uppercase;
}

h5 {
font-size:15px;
line-height:24px;
margin:0 0 20px 0;
}

h6 {
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
}

p {
line-height:24px;
margin:0 0 20px 0;
font-family:"Arial";
}

ul {
line-height:24px;
}

ol  {
line-height:24px;
}

a {
color:#dfdfdf;
text-decoration: none;
}

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



/* MAIN STRUCTURE */

#page {
width:100%;
clear:both;
overflow: hidden;
padding:50px 0 0 0;
display:block;
}

.container {
clear:both;
overflow: hidden;
position:relative;
display: table;
height:1%;
width:100%;
}

.container .inner {
padding:10px 0;
width:960px;
margin:auto;
text-align:left;
}



/* HEADER */

#header {
overflow: hidden;
position:fixed;
display: block;
height:50px;
width:100%;
z-index:10;
background:#000 url(../images/bg_sprite.png) repeat-x top left;
}

#header .inner {
padding:0px;
width:960px;
margin:auto;
text-align:left;
}

#header .inner h1 {
line-height:50px;
height:50px;
float:left;
display:block;
}

#header .inner h1 a {
color:#FFFFFF;
margin:0px;
text-decoration: none;
padding:0px;
float:left;
display:block;
font-size:30px;
}

#header .inner ul.nav {
display:block;
float:right;
margin:15px 0 0;
}

#header .inner ul.nav li {
float:left;
display:block;
line-height:20px;
margin:0 0 0 30px;
}

#header .inner ul.nav li a {
color:#e5ddd0;
text-decoration: none;
}

#header .inner ul.nav li a:hover {
color:#FFFFFF;
}

#header .inner ul.nav li.active a {
color:#FFFFFF;
font-weight:bold;
}

#header .logo {
background:url(../images/mid_logo.png) top left no-repeat;
width:121px;
height:50px;
}

#header .logo span {
display:none;
}

/* BANNER */
#banner {
background:#bdbdbd url(../images/bg_sprite.png) 0px -50px repeat-x;
height:278px;
}


#banner .icon {
float:right;
display:block;
width:165px;
height:164px;
margin:40px 80px 0 0;
overflow: hidden;
}

#banner p {
font-size:24px;
line-height:1.4;
color:#6d6c6c;
width:630px;
float:left;
}

#banner h2 {
font-size:32px;
line-height:35px;
}

#banner h2 span {
font-size:14px;
color:#5d5d5d;
font-weight: normal;
}



/* GET MUSICID */
#getmusicid {
background:url(../images/bg_sprite.png) 0px -328px repeat-x;
height:590px;
}

#getmusicid h2 {
color:#dfdfdf;
}

#getmusicid h3 {
color:#dfdfdf;
}

#getmusicid h3 span {
color:#9f9f9f;
text-transform:uppercase;
}

#getmusicid p {
color:#ababab;
}

#getmusicid .preview {
height: 230px;
margin: 15px 0 5px 0;
text-align:center;
}

#getmusicid p .small {
font-size: 10px;
font-style:italic; 
line-height: 10px !important;
}



ul.platforms {
overflow: hidden;
width:1000px;
padding:10px 0 0;
}
 
ul.platforms li {
display:block;
float:left;
width:300px;
margin:0 30px 0 0;
}


/* FEATURES */
#features {
background:#BDBDBD url(../images/bg_sprite.png) 0px -918px repeat-x;
height:441px;
}

#features h3 span {
color:#5d5d5d;   
}


.featureArea {
clear:both;
position:relative;
overflow: hidden;
display:block;
height:340px;
width:1000px;
}


ul.featureSlider {
display:block;
width:100000px;
position:absolute;
top:20px;
left:0px;
}

ul.featureSlider li {
display:block;
float:left;
width:300px;
margin:0 30px 0 0px;
}



/* ABOUT */
#more {
background:url(../images/bg_sprite.png) 0px -1359px repeat-x;
height:656px;
}

#more h3 {
color:#dfdfdf;   
}

#more p {
color:#ababab;   
}

#more .left {
width:630px;
display:block;
float:left;
margin:20px 0;
overflow: hidden;
}

#more .right {
width:300px;
display:block;
float:right;
margin:20px 0;
overflow: hidden;
}

#more .links h4 {
margin:0;
padding:0;

}

#more .links h4 span {
font-size:10px;
color:#9f9f9f; 
}

#more .links h2 {
margin:-2px 0 0 0;
padding:0;
}

#more .links h2 a {
font-size:18px;
}

#more .links .url {
font-size:11px;
color:#878787;
margin:5px 0 0 0;
display:block;
}

#more .links td {
padding:0 0 10px 0;   
}

#more .copyright {
color:#dfdfdf;   
}

#more .poweredby {
display:block;
margin:5px 0 0 0;
color:#969696;
font-size:11px;
}

#more .logos img {
margin: 0 20px 0 0;   
}


/* GET IN TOUCH */
input {
background:url(../images/input.jpg) repeat-x #f7f3eb;
border:1px solid #d5bc99;
padding:10px 10px 0 10px;
height:24px;
width:300px;
color:#4c4437;
font-size:13px;
font-family: "Myriad Pro", Arial, 'Sans Serif';
}

input:focus {
border:1px solid #4c4437;
}
 
textarea {
background:url(../images/input.jpg) repeat-x #f7f3eb;
border:1px solid #d5bc99;
padding:10px 10px 0 10px;
height:120px;
width:400px;
color:#4c4437;
font-size:13px;
font-family: "Myriad Pro", Arial, 'Sans Serif';
}

textarea:focus {
border:1px solid #4c4437;
}

#submit {
background:url(../images/submit.jpg) no-repeat;
width:192px;
height:39px;
border:none;
}

#getInTouch .left {
float:left;
display:block;
width:600px;
}

#getInTouch .right {
float:right;
display:block;
width:300px;
}



/* FOOTER */
#footer {
margin-top:30px;
background:#433a2d;
}

#footer p {
color:#f7f2ea;
font-size:13px;
line-height:20px;
margin:0px;
}

#footer p a {
color:#ffefd8;
}

#footer p a:hover {
color:#FFFFFF;
}