body {margin:0; padding:0; background-color:#000; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:0.9em;}
#wrp {width:935px; height:545px; background: #000 url('images/back-middle.gif') repeat-y center 0 scroll;
      position: absolute; top: 50%; left: 50%; margin: -272px 0 0 -467px;}      
#hd  {width:935px; height:38px; background: #000 url('images/back-top.gif') no-repeat center 0 scroll;}  
#ft  {width:935px; height:38px; background: #000 url('images/back-bottom.gif') no-repeat center bottom scroll;}   
.content {width:856px; height:469px; margin:0 auto; border:solid 1px #222;}
.main {width:756px; height:430px; margin:30px auto 0 auto;}

#header {height:64px;}

.menu {margin-top:25px; float:left; text-align:left;}
ul {list-style-type:none; margin:0; padding:0;}
li {display:inline; margin-right:2px;}
a {color:#fff; font-size:0.9em; font-weight:bold;}
a:hover {background:#fff; color:#000; text-decoration:none;}
a.selected {background:#fff; color:#000;}

.combo {margin:25px 0 0 10px; float:left; text-align:left;}
h1 {font-size:1.4em;}
h2 {font-size:1.3em; margin-top:0;}
h3 {font-size:1em; margin-top:-15px;}
.logo {width:160px; height:64px; float:right; background:url(images/paul-du-fer.gif);}
.hE {width:1px; height:1px; margin:-500em; padding:0; position:absolute; top:-500em; left:0;}

#stage {height:320px; margin:20px 0 0 0; text-align:left;}
#smaller {width:736px; text-align:center;}
.red {color:red;}

#poster {width:221px; float:left;}
#pantomimes {width:229px; float:left;}
#text-production, #text-pantomimes, #text-maximum {height:320px; float:right; text-align:left; padding-right:20px; overflow:scroll; overflow-x:hidden; overflow-y:auto; font-size:0.95em;}
#text-production {width:490px;}
#text-pantomimes {width:482px;}
#text-maximum {width:733px;}

p {margin-top:0;}
#links-a a, #links-b a, #links-c a {display:block; margin-bottom:-10px;}
.around {float:left; margin:0 15px 0 0; font-size:0.83em; text-align:center;}

#links-a, #links-b, #links-c {text-align:left; float:left; margin-top:0; margin-right:10px;}
#links-a {width:260px;}
#links-b {width:225px;}
#links-c {width:240px;}

#footer {text-align:center; font-size:0.79em; margin:10px 0 0 0; color:#aaa;}
#footer a {font-size:0.9em; color:#aaa;}
#footer a:hover {color:#000;}

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

/*** SCROLL BAR ***/
body {scrollbar-3dlight-color: #777; scrollbar-shadow-color: #000; scrollbar-arrow-color: #fff; scrollbar-base-color: #fff;
      scrollbar-highlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-face-color: #bbb;} 

/*** FADE IMAGES FOR PANTOMIMES ***/
#mContainer {position:relative; width:229px; height:230px;}
.mPhoto {position:absolute; top:0px; left:0px; -moz-opacity:0.0; filter:Alpha(opacity=0);}

/*** CMS ***/
.scroller {height:290px; overflow:scroll; overflow-x:hidden; overflow-y:auto; margin:0; padding:0 15px 0 0;}
.logo-cms {width:160px; height:64px; float:right; background:url(images/paul-du-fer-cms.gif);}
.towhite {background-color: #111; color:#fff;}
.noshow {display:none;}