@charset "utf-8"; 

/* reset */
* {margin:0;padding:0;outline:0;}
body {margin: 0 auto; text-align: center; background: url(../images/img_people.gif) no-repeat center 0; font-family: Arial,Helvetica,sans-serif;}
p {line-height: 140%; margin-bottom: 16px; font-size: 13px; color: #111;}
a {outline: none; background: #fff134; font-weight: bold; color: #111; text-decoration: none; padding: 0 2px}
a:hover { text-decoration: underline}
ul,li {padding: 0; margin: 0;}
li {list-style: none;}
img {border: 0}



/* nav */
#nav {background-color: #FFF; margin: 40px 20px 0 20px; width: 150px; padding: 25px;}
#nav li {padding: 0 0 8px 0;}
#nav li a {display: block; text-indent: -9999px;}
#nav a {height: 30px; width: 73px; background: url(../images/btn_home.gif) no-repeat;}
#nav a:hover, #nav li.on a {background-position: 0 -30px;}
#nav a.showreel {background-image: url(../images/btn_showreel.gif); width: 124px}
#nav a.services {background-image: url(../images/btn_services.gif); width: 114px;}
#nav a.contact {background-image: url(../images/btn_contact.gif); width: 103px}




/* structure */
#wrapper {width: 960px; margin: 0 auto; text-align: left; background: url(../images/footer.gif) no-repeat 100% 100%; padding-bottom: 155px; overflow: hidden;}
#left {float: left; width: 250px;}
#right {float: right; width: 710px; margin-top: 180px;}
#content {margin-top: 30px; background-color: #FFF; padding: 25px;}
#vidcontainer {background: #fff; padding: 30px; width: 500px}
#vid {background-color: #FFF; padding: 25px; width: 500px;}
#vid p {text-align: center; font-size: 1.2em; margin: 0 100px; }
body.page-contact #content {margin-top: 30px}
body.page-contact #right {margin-top: 218px}
#content {width: 550px; background-color: #FFFFFF;}
#content_wide {width: 660px; background-color: #FFFFFF; clear: both; padding: 25px; overflow: hidden;}
#content_left {float: left; width: 360px;}
#content_right {float: right; width: 273px;}
#content_right ul {margin-bottom: 20px}
.btn {margin-bottom: 10px;}
.btn a {height: 44px; display: block; text-indent: -9999px}
.on a, .btn a:hover {background-position: 0 -44px;}
.btn_part a {background-image: url(../images/btn_participation.gif);}
.btn_prod a {background-image: url(../images/btn_production.gif);}
.btn_dist a {background-image: url(../images/btn_distribution.gif);}
.btn_ampl a {background-image: url(../images/btn_amplification.gif);}
.container {overflow: hidden; width: 100%}
.block1, .block2 {float: left; width: 50%}
a.logo {background: none}




/* image eplacements for titles */
.replace {text-indent: -9999px; font-size: 10px}
body.page-participation {background-image: url(../images/bg-participation.jpg)}
body.page-distribution {background-image: url(../images/bg-distribution.jpg); background-position: center -30px;}
body.page-services {background-image: url(../images/bg-services.jpg)}
body.page-production {background-image: url(../images/bg-production.jpg)}
body.page-showreel {background-image: url(../images/bg-distribution.jpg)}
body.page-home h1.replace,
body.page-contact h1.replace {background: url(../images/copy/home-intro.gif) no-repeat; height: 50px}
body.page-contact h2.replace {background: url(../images/copy/contact-intro2.gif) no-repeat; height: 65px;}
body.page-home h2.replace {background: url(../images/copy/home-intro2.gif) no-repeat; height: 85px;}

body.page-participation h2.replace {background: url(../images/copy/participation-intro.gif) no-repeat; height: 85px;}
body.page-distribution h2.replace {background: url(../images/copy/distribution-intro.gif) no-repeat; height: 170px;}
body.page-production h2.replace {background: url(../images/copy/production-intro.gif) no-repeat; height: 116px;}
body.page-amplification h2.replace {background: url(../images/copy/amplification-intro.gif) no-repeat; height: 260px;}

body.page-services h1.replace {background: url(../images/copy/services-intro.gif) no-repeat; height: 146px;}
body.page-amplification h1.replace {background: url(../images/amplification.gif) no-repeat; height: 55px;}
body.page-production h1.replace {background: url(../images/production.gif) no-repeat; height: 55px;}
body.page-distribution h1.replace {background: url(../images/distribution.gif) no-repeat; height: 55px;}
body.page-participation h1.replace {background: url(../images/participation.gif) no-repeat; height: 55px;}