html {
margin: 0px;
padding: 0px;
border: 0px;
background: #fff;
}
body {
border: 0;
padding: 0;
padding-bottom: 10px;
margin: 0;
font: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
color: #000;
line-height: normal;
background: #fff url(img/Soho-web.png) no-repeat;
}
img {
border: 0px;
margin: 0px;
}
a:link {
color: #C43B2D;
}
a:visited {
color: #864F49;
}
a:hover, a:active {
color: #F00;
}
.hide, span.separator, .hider {
display: none;
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}
.last {
margin-bottom: 0;
}
.clearing {
height: 0;
clear: both;
}
.bold {
font-weight: bold;
}
.floatleft {
float: left;
margin-right: 10px;
border: 0;
}
.floatright {
float: right;
margin-left: 10px;
border: 0;
}
.adsense {
padding-left: 60px;
}
.adsense object {
height: 600px;
margin: 10px;
}
#wraphome, #wrapteam, #wraplinks, #wrapcomm, #wrapmana, #wrapcontact, #wrapsitemap, #wrapcartists, #wrapmartists, #wrapnews, #wrapjoin, #wrapcasting, #wraperror, #wrapgallery {
border: 0;
margin: 0;
padding: 0;
width: 787px;
height: 100%;
}
#wraphome {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapcontact {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapcasting {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapsitemap {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wraperror {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapnews {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapjoin {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapteam {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
} 
#wraplinks {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapcartists {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapmartists {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapcomm {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapmana {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#wrapgallery {
background: transparent url(img/EPMC-temporary.jpg) no-repeat;
}
#header {
height: 120px;
border: 0;
margin: 0;
text-align: left;
background: transparent;
color: #000;
}
#header img {
margin: 0;
padding: 0;
border: 0;
}
#pagebody {
margin: 0;
border: 0;
padding: 0;
text-align: left;
float: left;
}
#maincontent {
float: left;
margin-bottom: 20px;
width: 500px;
background: #fff;
font: 75% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
border: 0;
opacity:.90;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
} 
#maincontent2 {
font: 75% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
float: left;
margin: 0;
width: 500px;
background: #fff;
border: 0;
} 
#maincontent p, #maincontent2 p {
padding: 0;
color: #000;
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
#maincontent ul, #maincontent2 ul, #maincontent ol, #maincontent2 ol {
border: 0;
margin: 0 0 0 10px;
padding: 2px 0px 10px 10px;
}
#maincontent li, #maincontent2 li {
margin: 0;
padding: 2px 3px 2px 5px;
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
#sidebar {
float: right;
width: 285px;
background: transparent;
height: 100%;
padding: 0;
border: 0;
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
#sidebarartist {
float: right;
width: 285px;
background: transparent;
height: 100%;
padding: 0;
border: 0;
}
#redbox {
font: 78% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
color: #000;
height: 150px;
padding: 50px 10px 0 15px;
background: url(img/redboxback.gif) no-repeat;
voice-family: "\"}\""; 
voice-family:inherit;
height: 100px;
}
html>body#redbox {
height: 150px;
}
#flashbox {
height: 150px;
padding: 0;
background: url(img/redboxback.gif) no-repeat;
}  
#footer, #footerwhite {
border: 0;
padding: 10px;
height: 60px;
clear: both;
font: xx-small "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
color: #000;
voice-family: "\"}\""; 
voice-family:inherit;
font-size: x-small;
height: 40px;
}
html>#footer {
font-size: xx-small;
height: 60px;
} 
#footerblack {
background: #000 url(img/footerblack.gif) no-repeat;
color: #fff;
}

#home {
float: left;
padding: 10px;
font: 120% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
min-height: 420px;
}
#theteam, #links, #contact, #sitemap, #news, #join, #casting, #error, #members, #gallery, #result {
float: left;
padding: 10px;
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
min-height: 420px;
}
#featuredartist {
margin: 20px 0 20px 1px;
padding: 5px 15px 15px 15px;
color: #fff;
background: #330;
opacity:.70;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
font: 75% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
#memberspics {
margin: 0;
padding: 0 15px 15px 15px;
color: #fff;
font: 75% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
div.newsitem, div.galleryitem {
background: url(img/newsitemback.gif) top left no-repeat;
clear: both;
padding-bottom: 10px;
padding-top: 10px;
}
div.newsitem img, div.galleryitem img {
float: right;
margin-left: 10px;
margin-right: 25px;
margin-bottom: 10px;
margin-top: -10px;
border: 1px solid #000;
}

/* ------------ navbar --------------- */

.navbar {
float: left;
border: 0;
margin: 0;
padding: 0;
padding-top: 6px;
padding-left: 70px;
background: transparent;
font: bold 14px Arial, Helvetica, sans-serif;
list-style: none;
width: 1000px;
}
.navbar li {
border: 0;
margin: 2px 5px 0 0;
padding: 0 0 0 10px;
float: left;
background: transparent;
voice-family: "\"}\"";   
voice-family: inherit;   
height: 19px
}
html>body.navbar li {
width: 85px;
height: 21px;
}
.navbar li a {
display: block;
padding: 0;
text-decoration: none;
color: #fff;
}
.navbar a:visited {
color: #fff;
}
.navbar a:hover {
color: #000;
}
.navbar a:active {
color: #ff0;
}
li#pagename a:link, li#pagename a:active, li#pagename a:visited, li#pagename a:hover {
color: #000;
}
/*  ------------- Quick Search bar ----------------- */

div#qsearch {
border: 0;
padding-top:200px;
width: 500px;
}
div#qsearch input {
border: 2px solid #000;
border-left: 2px solid #360;
border-top: 2px solid #360;
padding: 2px;
background: #ffea00;
font: bold 70% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
color: #000;
width: 90px;
}
div#qsearch select {
background: #fff;
color: #000;
width: 100px;
}
span.qbox {
width: 125px;
padding: 6px 10px 3px 10px;
float: left;
voice-family: "\"}\"";   
voice-family: inherit;   
width: 105px;
}
html>body.qbox {
width: 125px;
}
span.qsearchtext {
letter-spacing: 1px;
padding: 10px 10px 0 10px;
width: 125px;
float: left;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
voice-family: "\"}\"";   
voice-family: inherit;   
width: 105px;
}
html>body.qsearchtext {
width: 125px;
}
div#qsearch label {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}
/*  -------------  Search Result ----------------- */

.resultrow {
width: 480px;
overflow: visible;
clear: both;
float: left;
border: 0;
padding: 0 0 10px 0;
}
.resultrowhome {
float: left;
width: 550px;
overflow: visible;
clear: both;
border: 0;
padding: 0 0 10px 0;
}
.resultbox {
width: 96px;
overflow: visible;
float: left;
border: 0;
text-align: left;
}
.resultboxhome {
width: 104px;
overflow: visible;
float: left;
border: 0;
text-align: left;
}
.resultrow img, .resultrowhome img {
margin-bottom: 5px;
border: 0;
width: 70px;
height: 70px;
inherit: none;
text-decoration: none;
}
.resultrow a, .resultrowhome a {
font: 90% bold "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
.resultrow a:link, .resultrowhome a:link  {
color: #000;
text-decoration: none;
}
.resultrow a:visited, .resultrowhome a:visited {
color: #ccc;
text-decoration: none;
}
.resultrow a:hover, .resultrow a:active, .resultrowhome a:hover, .resultrowhome a:active {
color: #ccc;
text-decoration: underline;
}


/* --- Artist Details --- */

div.showreel {
}


#artistcv {
float: left;
padding: 10px;
min-height: 420px;
}
#resume, #details {
width: 480px;
float: left;
padding: 0;
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
#details {
width: 480px;
}
.mainphoto {
position: relative;
float: right;
margin-right: -10px;
margin-top: -10px;
margin-left: 10px;
margin-bottom: 10px;
border: 0;
}
div#artistthumbs {
padding: 0 0 0 1px;
width: 211px;
}
.thumbbox {
width: 71px;
height: 70px;
position: relative;
float: left;
font: 80% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
voice-family: "\"}\"";   
voice-family: inherit;   
width: 70px;
}
html>body.thumbbox {
width: 71px;
}
.thumbbox img {
width: 70px;
height: 70px;
}
div#cstudiothumbs {
padding: 0 0 0 1px;
width: 271px;
}
.csthumbbox {
width: 90px;
height: 120px;
position: relative;
float: left;
font: 80% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}

/*  -------------  Forms ----------------- */
form { 
margin: 0;
padding: 0;
border: 0;
line-height: normal;
}
form fieldset {
margin: 0;
padding: 0;
border: 0;
}
div.formname legend {
margin: 0;
border: 0;
padding: 3px 0 0 140px;
color: #000;
font: bold 120% "Gill Sans", "Trebuchet MS", "Lucida Grande", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
letter-spacing: 1px;
text-align: left;
}

div.row, div.row2, div.row3, div.row4, div.rowradio {
clear: both;
padding-top: 3px;
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
div.row4 {
padding: 10px 10px 0 0;
}
div.row label, div.row3 label {
font: bold 90% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
float: left;
width: 180px;
text-align: left;
padding: 0 10px 0 0;
border: 0;
}
div.row3 label {
width: 100px;
text-align: right;
}
div.row2 label {
font: bold 90% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
float: left;
text-align: center;
padding: 0;
border: 0;
margin: 0;
}
div.rowradio label {
float: left;
font: bold 76% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
div.row input {
float: left;
color: #000000;
width: 180px;
border: 1px solid #006;
padding: 2px 3px;
font: 100% Arial, Helvetica, sans-serif;
}
div.row2 input {
color: #000;
background: #fff;
font: 100% Arial, Helvetica, sans-serif;
width: 180px;
padding: 0;
border: 2px outset #999;
}
div.row2 textarea {
margin: 0;
padding: 1px 2px 1px 2px;
width: 400px;
border: 1px solid #006;
}
div.row3 input {
float: left;
text-align: left;
color: #000000;
width: 40px;
border: 1px solid #006;
padding: 2px 4px 2px 4px;
font: 100% Arial, Helvetica, sans-serif;

}
div.row4 input {
background: #d40f44;
border: 2px outset #999999;
margin: 0;
width: 160px;
margin-bottom: 3px;
margin-right: 3px;
padding: 2px 3px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #fff;
}
div.rowradio input {
float: left;
color: #000000;
width: 30px;
border: 0;
padding: 2px 4px 2px 4px;
font: 90% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
input.datebox {
border: 1px solid #006;
margin: 0 2px 0 0;
padding: 0 2px 0 2px;
font: 90% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
#message {
margin: 10px 0;
padding: 10px;
background: #ccc;
font: bold 90% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
border: 1px solid #000;
}

div#members textarea {
width: 220px;
}
/*  -------------  Table Elements ----------------- */

table.jobtype1 {
border-top: 1px solid #006;
border-right: 1px solid #006;
empty-cells: show;
}
table.jobtype1 thead td {
border-left: 1px solid #006;
border-bottom: 1px solid #006;
color: #000;
font: bold 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
padding: 2px 10px 2px 10px;
background-color: #fff;
}
table.jobtype1 tbody th {
border-left: 1px solid #006;
border-bottom: 1px solid #006;
font: bold 80% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
padding: 4px 4px 5px 4px;
background-color: #ffea00;
text-align: center;
}
table.jobtype1 tbody td {
border-left: 1px solid #006;
border-bottom: 1px solid #006;
font: 80% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
padding: 3px;
text-align: center;
}
table.jobtype1 tfoot td {
border-left: 1px solid #006;
border-bottom: 1px solid #006;
padding: 0;
font: bold 90% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
text-align: center;
}
.jrole {
width: 110px;
}
.jtitle {
width: 120px;
}
.jdirector {
width: 90px;
}
.jcompvenue {
width: 110px;
}
.jorder input {
width: 25px;
}
table.stats {
empty-cells: show;
}
table.stats thead td {
empty-cells: hide;
}
table.stats tbody td {
padding: 3px;
}
table.stats tfoot td {
padding: 0;
empty-cells: hide;
}
.statname {
font: bold 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
width: 90px;
}
.statistic {
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
/*  -------------  Span Elements ----------------- */

span.skill {
font: bold 120% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
span.statname {
padding: 0 0 5px 0;
float: left;
font: bold 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
width: 80px;
}
span.statistic {
float: left;
width: 100px;
font: normal 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
padding: 0 0 5px 0;
}

span.sskillname {
padding: 0 0 10px 0;
float: left;
font: bold 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
width: 90px;
}
span.sskill {
float: left;
width: 370px;
font: normal 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
padding: 0 0 10px 10px;
border-left: 1px solid #000;
}

span.star {
font: 70% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
span.photography {
padding-top: 35px;
padding-left: 20px;
font: 65% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
span.quotation {
font-style: italic;
}
span.bold, span.title {
font-weight: bold;
}
span.required {
padding-left: 5px;
font: bold 110% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-seriff;
text-align: center;
color: #f00;
}

/* --------- Pointless Display stuff --------------- */
.wrap {
width: 100%;
clear: both;
float: left;
}
.wrapsitemap {
width: 100%;
clear: both;
}
.wrapsitemap div {
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
float: left;
}
.column1 {
width: 240px;
float: left;
padding-right: 10px;
padding-bottom: 15px;
text-align: justified;
}
.column2 {
width: 220px;
float: left;
padding-right: 5px;
padding-bottom: 15px;
text-align: justified;
}
.twentyfive {
padding-left: 25px;
float: left;
padding-bottom: 15px;
}
.thirty {
width: 30%;
float: left;
padding-right: 15px;
padding-bottom: 15px;
text-align: justified;
}


/* --------- Typography --------------- */

kbd {
font: bold 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6	{
padding: 2px 10px 3px 0;
border: 0;
color: #000;
font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
h1 {
font-size: 150%;
font-weight: bold;
color: #000;
border: 0;
margin: 0;
letter-spacing: 1px;
padding: 0 0 10px 0;
voice-family: "\"}\"";   
voice-family: inherit;   
font-size: 160%;
}
html>body.h1 {
font-size: 150%;
}
h2 {
border-bottom: 1px dotted #ccc;
padding: 10px 4px 4px 0;
margin: 5px 0 5px 0;
font: bold 110% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
h3, h4, h5, h6 {
border-bottom: 1px dotted #ccc;
padding: 10px 4px 4px 0;
margin: 5px 0 5px 0;
font: bold 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
#featuredartist h2 {
border-bottom: 1px dotted #fff;
color: #fff;
margin: 5px 0 5px 0;
padding: 1px 4px 4px 0;
font: bold 130% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}

/* --------- sitemap --------------- */

#sitemap ul {
padding: 2px 5px 4px 20px;
list-style: none;
margin-bottom: 0;
margin-top: 0;
}
#sitemap li {
padding: 3px 5px 5px 20px;
list-style: none;
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
background: url(img/sitemap1.gif) no-repeat;
}
#sitemap li ul li {
padding: 2px 5px 4px 20px;
list-style: none;
font: 100% "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
background: url(img/sitemap2.gif) no-repeat;
}