body {margin:0 auto; padding:0; width: 2800px; height: 525px;	color:#333;	font-family:"Courier New", Courier, monospace; font-size:12px;	background: url('http://www.creens.com/img/creens_bottomBKGD.gif');list-style:none;}

#container {height: 522px; width: 2798px; background: url('http://www.creens.com/img/creens_bkgd.gif');}

/**Nav/Menu**/
#nav {float:left; width:188px;	height:522px; background:url('http://www.creens.com/img/creens_navMenu.png') no-repeat;}

#menu {margin: 147px 0 0 0; width:160px; line-height:30px; font-size:12px;}


#menu ul {list-style: url('http://www.creens.com/img/rightsmall.png');}

#menu a {text-decoration: none; color: #33998A; font-weight:bold;}

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

/**content**/
#content { width: 2550px; height:522px; float: left; margin: 0 0 0 60px;}

.spaceMusic { background: url('http://www.creens.com/img/creens_panelSpacer.png'); width: 65px; height: 410px; float:left;}

.spaceLogos { background: url('http://www.creens.com/img/creens_panelSpacer.png'); width: 95px; height: 410px; float:left;}

.spaceWeb { background: url('http://www.creens.com/img/creens_panelSpacer.png'); width: 70px; height: 410px; float:left;}

.spacePromo { background: url('http://www.creens.com/img/creens_panelSpacer.png'); width: 80px; height: 410px; float:left;}

/**panels**/
<!--music-->
#musicBox { width: 889px; height: 522px; float: left;}

.music{ background: url('http://www.creens.com/img/creens_postBKGD_music.png'); width: 231px; height: 522px; float: left;}

#panelMusic{ background: url('http://www.creens.com/img/creens_postBKGD_music2.png'); float:left; margin: 0 0; padding: 0; width: 657px; height: 522px;display: none; margin: 5px 0 0 0;}

.musicNote {width: 183px; height:164px; float:left; margin: 35px 0 0 30px;}

.slideMusic {float:left; margin: 0;}

.btn-slideMusic { background: url('http://www.creens.com/img/creens_postBKGD_Slide.png'); width: 27px; height: 139px; padding: 0 0 0 0; margin: 290px 0 0 -1px; display: block; float:left;}

#musicArt { width:210px; height: 345px; float:left; margin: 100px 0 0 13px;}
#musicPoster { width:210px; height: 345px; float:left; margin: 100px 0 0 10px;}
#musicApparel { width:210px; height: 345px; float:left; margin: 100px 0 0 2px;}

<!--logos-->
#logosBox {width: 889px; height: 406px; float: left;}

.logos{ background: url('http://www.creens.com/img/creens_postBKGD_logos.png');width: 231px; height: 522px; float: left;}

#panelLogos{float:left; margin: 0 0; padding: 0; background: url('http://www.creens.com/img/creens_logos_panel.png');height: 522px; width:217px;display: none; margin: 0 0 0 0;}

.logosNote {width: 177px; height:159px; float:left; margin: 300px 0 0 50px;}

.slideLogos {float:left; margin: 0;}

.btn-slideLogos { background: url('http://www.creens.com/img/creens_postBKGD_Slide.png'); width: 27px; height: 139px; padding: 0 0 0 0; margin: 90px 0 0 -2px; display: block; float:left;}

#logoNav { width:210px; height: 345px; float:left; margin: 100px 0 0 13px;}

<!--web-->
#webBox {width: 889px; height: 406px; float: left;}

.web{ background: url('http://www.creens.com/img/creens_postBKGD_web.png');width: 231px; height: 522px; float: left;}

#panelWeb {float:left; margin: 0 0; padding: 0; background: url('http://www.creens.com/img/creens_web_panel.png');height: 522px; width:217px;display: none; margin: 0 0 0 0;}

.webNote {width: 190px; height:142px; float:left; margin: 65px 0 0 30px;}

.slideWeb {float:left; margin: 0;}

.btn-slideWeb { background: url('http://www.creens.com/img/creens_postBKGD_Slide.png'); width: 27px; height: 139px; padding: 0 0 0 0; margin: 290px 0 0 -1px; display: block; float:left;}

#webNav { width:210px; height: 345px; float:left; margin: 100px 0 0 13px;}

<!--promo-->
#promoBox {width: 889px; height: 406px; float: left;}

.promo{ background: url('http://www.creens.com/img/creens_postBKGD_promo.png');width: 231px; height: 522px; float: left;}

#panelPromo {float:left; margin: 0 0; padding: 0; background: url('http://www.creens.com/img/creens_postBKGD_music2.png');height: 522px; width:657px;display: none; margin: 0 0 0 0;}

.promoNote {width: 177px; height:159px; float:left; margin: 330px 0 0 35px;}

.slidePromo {float:left; margin: 0;}

.btn-slidePromo { background: url('http://www.creens.com/img/creens_postBKGD_Slide.png'); width: 27px; height: 139px; padding: 0 0 0 0; margin: 90px 0 0 -1px; display: block; float:left;}

#promoPC { width:210px; height: 345px; float:left; margin: 100px 0 0 13px;}
#promoPrint { width:210px; height: 345px; float:left; margin: 100px 0 0 10px;}
#promoMis { width:210px; height: 345px; float:left; margin: 100px 0 0 2px;}

<!--stuffThings-->
#stuffThingsBox {width: 889px; height: 406px; float: left;}

.stuffThings{ background: url('http://www.creens.com/img/creens_postBKGD_stuffThings.png');width: 231px; height: 522px; float: left;}

#panelStuffThings {float:left; margin: 0 0; padding: 0; background: url('http://www.creens.com/img/creens_logos_panel.png');height: 522px; width:217px;display: none; margin: 0 0 0 0;}

.stuffThingsNote {width: 182px; height:151px; float:left; margin: 65px 0 0 50px;}

.slideStuffThings {float:left; margin: 0;}

.btn-slideStuffThings { background: url('http://www.creens.com/img/creens_postBKGD_Slide.png'); width: 27px; height: 139px; padding: 0 0 0 0; margin: 290px 0 0 -1px; display: block; float:left;}

#stuffThingsNav { width:210px; height: 345px; float:left; margin: 100px 0 0 13px;}


/**base**/
#bottom { background: url('http://www.creens.com/img/creens_body_bkgd.png') no-repeat; width:2600px;height:142px; position:fixed; top: 460px; left:0px; float:left;}

.bottomClear {width: 485px; height: 95px; float:left; position: fixed; top: 495px; left: 75px; border:0px; border-bottom:none;}

.who {float: left; position:fixed; top: 495px; left: 75px; border: 0px;}

/**pointing**/
#arrows { position: fixed; top: 535px; left: 640px; width: 250px; height: 31px; cursor: pointer;}

#arrows ul { margin: 0; padding: 0; list-style:none;}

#arrows ul li { margin: 0; padding: 0; display:inline; width: 103px; height: 31px;}

#arrows ul li a{ margin-right: 5px; float: left; display: block; width: 103px; height: 31px; overflow: hidden; cursor: pointer;}

#arrows ul #left a {background: transparent url('http://www.creens.com/img/creens_bigArrow_left.png') no-repeat;}

#arrows ul #right a{background: transparent  url('http://www.creens.com/img/creens_bigArrow_right.png') no-repeat;}

/**rightSide**/
#footer { background: url('http://www.creens.com/img/creens_footer.gif') no-repeat; width:171px; height:522px; float:right;}