body {margin:0; padding:0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; background-image:url(images/stars-background-24.jpg); 
background-attachment:fixed;}

.container {width:930px; margin:0px auto; padding:5px 0; background:white;} 
.home    {background:#00f;}  
.parties {background:#f00;}  
.artist  {background:#f0f;}  
.contact {background:orange;} 
.links   {background:green;} 
.error   {background:#000;} 

.header {height:120px;} 
.logo {width:920px; height:120px; margin:0 auto; background:url(images/magic-sam-logo.jpg);}
.magic-sam-parties {width:365px; height:59px; background:url(images/magic-sam-parties.gif); float:left;}
.parties-balloons {width:270px; height:59px; background:url(images/parties.gif); float:left;}
.high-school {width:550px; height:70px; background:url(images/high-school-party.gif);}
.ben-teen {width:550px; height:70px; background:url(images/ben-teen-party.gif);}
.pirate {width:550px; height:70px; background:url(images/pirate-party.gif);}
.pirate-princess {width:550px; height:70px; background:url(images/pirate-princess-party.gif);}
.hollywood {width:550px; height:70px; background:url(images/hollywood-party.gif);}
.hE {width:1px; height:1px; margin:-500em; padding:0; position:absolute; top:-500em; left:0;}

h1 {font-size:1.4em;} 
h2, h3 {margin:0 0 10px 0;}
h2 {color:#fff;} 
.contact h3:before, .links h3:before {content:url(images/star-icon.gif);}
p:before {content:url(images/star-icon.gif);}
.parties h3 {font-size:1.7em;}

p {margin-top:0;}  
ul {list-style-position:inside;}
.tick {list-style-image:url("images/star-icon.gif");}
.next-line {clear:both;}
.artist img {margin: 0 10px 10px 0; border:0;}
.home img {padding:0; margin:0; border:0;}

.menu {width:920px; margin:0 auto;}
.menu ul {list-style-type:none; margin:0; padding:0;}
.menu li {display:inline;}

a {color:#000; font-weight:bold;}
a:hover {color:#000; background:yellow;}
a.home:hover, a.home.selected       {color:#fff; background:#00f;}
a.parties:hover, a.parties.selected {color:#fff; background:#f00;}
a.artist:hover, a.artist.selected   {color:#fff; background:#f0f;}
a.contact:hover, a.contact.selected {color:#fff; background:orange;}
a.links:hover, a.links.selected     {color:#fff; background:green;}
a.top {background:yellow; float:left; text-decoration:none; text-align:center; margin:0; padding:5px 0px 5px 0px; width:184px; height:20px;}

#footer a {color:#fff;}
#footer a:hover {color:#000; background:#fff;}
#footer {text-align:center; font-size:0.8em; margin-bottom:0px; padding-top:10px; clear:both; color:#fff;}

.contents {width:920px; text-align:left; padding:0 0 15px 0; clear:both; margin:0px auto;} 

.main     {width:595px; float:left; padding:15px 15px 0 15px; margin-right:0px;}
.main-max {width:890px; float:left; padding:15px 15px 0 15px; margin-right:0px;} 
.artist .section p {margin-left:20px;}
.home .section, .home .column p {background-image:url(images/paper-corner-blue.gif); background-repeat: no-repeat; background-position: right top;}
.parties .section, .parties .column p {background-image:url(images/paper-corner-red.gif); background-repeat: no-repeat; background-position: right top;}
.artist .section {background-image:url(images/paper-corner-pink.gif); background-repeat: no-repeat; background-position: right top;}
.contact .section-max {background-image:url(images/paper-corner-orange.gif); background-repeat: no-repeat; background-position: right top;}
.links .section-min {background-image:url(images/paper-corner-green.gif); background-repeat: no-repeat; background-position: right top;}
 
.section     {width:565px; background:#fff; padding:15px; margin-bottom:15px;}
.section-max {width:860px; background:#fff; padding:15px; margin-bottom:15px; height:330px;}
.section-min {width:565px; background:#fff; padding:15px; margin-bottom:15px; height:330px;}

.column {width:265px; float:left; padding:15px 15px 0 15px;}
.column p, .column .home p, .column .parties p, .column .artist p {width:225px; background:#fff; padding:15px 25px 15px 15px; margin-bottom:15px;}
.column p:before {content:url(images/star-icon.gif);}

/*** CONTACT FORM ***/
.left   {text-align:right; width:190px; float:left; padding-right:5px; margin-top:14px;}
.middle {text-align:left; width:500px; float:left; margin-top:10px;}
.row {height:30px;}
.wide {width:470px; background:#eee; color:#000; height:20px;}
.high {height:170px;}
.button {width:60px; height:30px; background:orange; color:#000; margin-top:4px;}
#tel-email {margin-top:5px;}
textarea:focus, input:focus {background-color:yellow;}

/*** SHADOW ***/
.shadow-left {float:left; background: url(images/drop-shadow.png) no-repeat bottom right !important; margin: 10px 10px 10px 5px !important; margin: 10px 0 10px 5px;}
.shadow-right {float:right; background: url(images/drop-shadow.png) no-repeat bottom right !important; margin: 10px -5px 10px 20px !important; margin: 10px 5px 10px 0;}
.shadow-left img, .shadow-right img {display: block; position: relative; background-color: #fff; border: 1px solid #999; margin: -6px 6px 6px -6px; padding: 4px;}

/*** FADE IMAGES FOR INDEX ***/
.shadow-slider {float:left; background: url(images/drop-shadow.png) no-repeat bottom right !important; margin: 10px 10px 10px 5px !important; margin: 10px 0 10px 5px; width:178px; height:259px;}
.shadow-slider img {display: block; background-color: #fff; border: 1px solid #999; margin: 0px 6px 6px 0px; padding: 4px;}
#mContainer {position:relative; width:229px; height:230px;}
.mPhoto {position:absolute; top:0px; left:0px; -moz-opacity:0.0; filter:Alpha(opacity=0);}