/* 

XHTML template and CSS styles by Johnny Palmer - May 2008
russell.beech@gmail.com

*/
body {margin:0;padding:0;background:url(../images/layout/bg_body.jpg) repeat-x #5A4962;font-family:Verdana, Arial, Helvetica, sans-serif;color:white; padding-bottom:30px;}

/*  General type styles */
a {text-decoration:none;color:white;}
a:hover {text-decoration:underline;}
p, li {font-size:0.8em;}
h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1em;}
h4 {font-size:0.9em;}
img {border:none;}

/*  Outer box containing everything except footer */
.wrapper {width:800px;margin:0 auto;background:url(../images/layout/bg_left_col.jpg) repeat-y;}

/* Clearing method to ensure floated elements remain wrapped by parent element */
.wrapper:after {content: '';display: block;height: 0;clear: both;visibility: hidden;}
.wrapper {display: inline-block;}
/*\*/
.wrapper {display: block;}
/* End clearing */

.leftColumn {float:left;color:#D8CADD;width:67%;}
.leftColumn .contentWrapper {margin:0 28px;}

/* Right-hand menu with rollover styles */
.rightColumn {float:left;width:32%;}
.rightColumn ul, .rightColumn li {margin:0;padding:0;list-style:none;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;font-size:1.1em;}
.rightColumn ul a {line-height:54px;color:white;padding-left:64px;display:block;}
* html .rightColumn ul a {height:1%;}
.rightColumn ul a:hover {text-decoration:underline;}
.rightColumn #audio a {background:url(../images/layout/menu2_audio.jpg) left top no-repeat;}
.rightColumn #audio a:hover { background-position: left -54px;}
.rightColumn #lighting a {background:url(../images/layout/menu2_lighting.jpg) left top no-repeat;}
.rightColumn #lighting a:hover {background-position: left -54px;}
.rightColumn #video a {background:url(../images/layout/menu2_video.jpg) left top no-repeat;}
.rightColumn #video a:hover {background-position: left -54px;}
.rightColumn #rigging a {background:url(../images/layout/menu2_rigging.jpg) left top no-repeat;}
.rightColumn #rigging a:hover {background-position: left -54px;}
.rightColumn #stage a {background:url(../images/layout/menu2_stage.jpg) left top no-repeat;}
.rightColumn #stage a:hover {background-position: left -54px;}
.rightColumn #tech a {background:url(../images/layout/menu2_tech.jpg) left top no-repeat;}
.rightColumn #tech a:hover {background-position: left -54px;}
.rightColumn #sfx a {background:url(../images/layout/menu2_special.jpg) left top no-repeat;}
.rightColumn #sfx a:hover {background-position: left -54px;}
.rightColumn #drapes a {background:url(../images/layout/menu2_drapes.jpg) left top no-repeat;}
.rightColumn #drapes a:hover {background-position: left -54px;}

.footer {width:100%;height:150px;background:url(../images/layout/bg_footer.gif) left bottom repeat-x;}
.footer ul {width:800px;margin:0 auto;background: url(../images/layout/bg_footer_graphic.png) left top no-repeat;list-style:none;padding:41px 0 37px 0;}
.footer li {font-size:0.7em;padding:0;margin:0 0 0 18px;line-height:1.6em;}
.footer a {color:#D8CADD;}
.footer a:hover {color:white;}