/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
background-color: black;
width: 9520px;
}

#wrapper {
height: 600px;
width: 12420px;
background-color: white;
margin-top: -300px;
position: absolute;
top: 50%;
}

/* home section */

#blackBar {
width: 351px;
height: 50px;
background-image: url(../images/blackBar.png);
position: absolute;
margin-top: 50px;
}

#topLogo {
width: 430px;
height: 10px;
background-color: black;
position: absolute;
margin: 347px 0 0 350px;
}

#logo {
width: 430px;
height: 242px;
background-image: url(../images/logo2.png);
position: absolute;
margin: 357px 0 0 350px;
}

#video {
width: 460px;
height: 300px;
position: absolute;
margin: -9px 0 0 350px;
}

#play {
width: 1707px;
height: 392px;
position: absolute;
margin: 67px 0 0 1000px;
background-image: url(../images/play.png);
}

#mosPicPlay {
width: 606px;
height: 573px;
position: absolute;
margin: 27px 0 0 1500px;
background-image: url(../images/mosPicPlay.jpg);
}

/* about section */
#aboutSection {
height: 600px;
width: 900px;
position: absolute;
margin-left: 2700px;
}

#ffwd {
width: 1363px;
height: 590px;
position: absolute;
background-image: url(../images/ffwd.png);
margin: 10px 0 0 800px;
}

#mosPicSpeaker {
width: 335px;
height: 533px;
position: absolute;
background-image: url(../images/mosPicSpeaker.jpg);
margin: 30px 0 0 400px;
}

#aboutTitle {
width: 273px;
height: 75px;
position: absolute;
background-image: url(../images/aboutTitle.png);
margin: 30px 0 0 25px;
}

#arrow {
width: 590px;
height: 310px;
position: absolute;
background-image: url(../images/arrow.png);
margin: 130px 0 0 2350px;
z-index: 4;
}

#aboutCopy{
width: 340px;
height: 425px;
position: absolute;
margin: 150px 0 0 23px;
background-image: url(../images/copyNew.jpg);
}


/* podcast section */
#podcastSection {
width: 750px;
height: 600px;
margin-left: 4450px;
position: absolute;
}

.podcast {
width: 140px;
height: 140px;
position: absolute;
cursor: pointer;
}

#podcast1 {
background-image: url(../images/podcastThumbs/podcast1.jpg);
margin: 320px 0 0 600px;
}

#podcast2 {
background-image: url(../images/podcastThumbs/podcast2.jpg);
margin: 150px 0 0 440px;
}

#podcast3 {
background-image: url(../images/podcastThumbs/podcast5.jpg);
margin: 150px 0 0 600px;
}

#podcast4 {
background-image: url(../images/podcastThumbs/podcast4.jpg);
margin: 320px 0 0 440px;
}

#podcastTitle {
width: 377px;
height: 86px;
position: absolute;
background-image: url(../images/podcastTitle.png);
margin: 20px 0 0 450px;
}

#mosPicHand {
width: 709px;
height: 580px;
position: absolute;
background-image: url(../images/mosPicHand.jpg);
margin: 20px 0 0 850px;
}

#mosPicStereo {
width: 896px;
height: 580px;
position: absolute;
background-image: url(../images/mosPicStereo.jpg);
margin: 20px 0 0 1560px;
}

#rec {
width: 80px;
height: 145px;
position: absolute;
background-image: url(../images/recButton.png);
margin: 250px 0 0 1380px;
}



/* calendar Section */
#calendarSection {
width: 900px;
height: 600px;
position: absolute;
margin-left: 7400px;
}

#calendarTitle {
width: 385px;
height: 86px;
position: absolute;
background-image: url(../images/calendarTitle.png);
margin: 20px 0 0 0px;
}

#mosPicWatch {
width: 570px;
height: 600px;
position: absolute;
background-image: url(../images/newWatch2.jpg);
margin-left: 420px;
}

#calendarswif {
width: 350px;
height: 450px;
margin-top: 110px;
margin-left: 00px;
position: absolute;
}

#mosStanding {
height: 512px;
width: 1021px;
position: absolute;
background-image: url(../images/mosPicStanding.jpg);
margin-left: 1000px;
margin-top: 41px;
}

/* Clients Section */
#clientSection {
width: 900px;
height: 600px;
position: absolute;
margin-left: 9520px;
}

#mosPicJacket {
width: 1070px;
height: 600px;
position: absolute;
background-image: url(../images/clientSection.jpg);
margin-left: -100px;
z-index: 0;
}

#pauseButton {
width: 78px;
height:32px;
background-image: url(../images/pauseButton.jpg);
position: absolute;
margin-left: 1000px;
margin-top: 40px;
}

#mosPicYellow {
width: 1110px;
height: 600px;
background-image: url(../images/mosPicYellow.jpg);
position: absolute;
margin-left: 1200px;
}

/* links Section */
#linksSection {
width: 820px;
height: 600px;
position: absolute;
margin-left: 12000px;
}

#mosPicEnd {
width: 320px;
height: 600px;
position: absolute;
margin-left: 400px;
background-image: url(../images/mosPicEnd.jpg);
}

#freshIsTheWord {
background-image: url(../images/freshistheword.png);
width: 500px;
height: 50px;
position: absolute;
margin: 360px 0 0 -70px;
cursor: pointer;
}

#facebook {
background-image: url(../images/facebookLogo.png);
width: 254px;
height: 50px;
position: absolute;
margin: 280px 0 0 40px;
cursor: pointer;
}

#twitter {
background-image: url(../images/twitterLogo.png);
width: 243px;
height: 48px;
position: absolute;
margin: 440px 0 0 45px;
cursor: pointer;
}



/* navigation */
.fade {
width: 100px;
height: 50px;
margin: 345px 0 0 1000px;
position: absolute;
z-index: 1;
}

#playButton {
width: 100px;
height: 49px;
margin: 347px 0 0 1000px;
position: absolute;
z-index: 2;
background-color: black;
opacity: 1.0;
}

#moveToAbout {
margin: 345px 0 0 2550px;
position: absolute;
}

#ffwdButton {
width: 80px;
height: 40px;
margin: 385px 0 0 788px;
position: absolute;
background-color: white;
}

#moveToPodcast {
height: 10px;
width:10px;
margin: 385px 0 0 2100px;
position: absolute;
}

#stopButton {
width: 80px;
height: 40px;
margin: 371px 0 0 1000px;
position: absolute;
background-color: black;
}

#moveToClients {
width: 1px;
height: 1px;
margin: 370px 0 0 2100px;
position: absolute;
}

#recButton {
width: 80px;
height: 40px;
position: absolute;
margin: 245px 0 0 1370px;
background-color: white;
}

#moveToCalendar {
height: 1px;
width: 1px;
position: absolute;
margin: 245px 0 0 2900px;
}

#pauseButtonNav{
height: 30px;
width: 80px;
position: absolute;
margin: 42px 0 0 1000px;
background-color: white;
}

#rewindButton {
height: 33px;
width: 73px; 
position: absolute;
margin: 220px 0 0 -260px;
background-image: url(../images/rewindButton.jpg);
}

#sponsors{
width: 400px;
height: 600px;
background-color: black;
}