/*Override HTML Basics*/
h1 {color: #eb9827; font-size: 182%; margin: 0.5em 0 0.5em 0;}
h2 {color: #eb2727; font-size: 159%; margin: 0.5em 0 0.5em 0;}
h3 {font-size: 136%; margin: 0.5em 0 0.5em 0;}
p {margin: 0.5em 0 1.5em 0;}
body { background: url(../images/strips.gif); font: 108% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; margin: 0;}
/*centre content wrapper.*/
.wrapper{ border: 1px solid black; background-color: #333;}

a.thickbox {color: white;}

#productsandservices {margin-top: 20px;}

/*Header Classes*/
.header{ background: black url(../images/header_back.png) repeat-x; height: 160px;}
.header img {float:left;}

.menu {height: 160px;}

.menu .yuimenubar {float: right;}

/*main content classes*/
.maincontent{ border-right: 1px solid black;}
.maincontent .pad p, .pad p {color: white;}
#showreel {background: #666; padding: 10px; margin-top:20px;}
#showreel h2 {color: #fe6046; margin-bottom: 0.5em;}
#showreel h3 {font-size: 108%;}
#showreel img {float: left; margin: 0 10px 20px 0;}
#showreel a {color:white;}

/* Service Insets*/
.spad {padding: 10px 10px 10px 60px;}
#service_video h2, #service_stills h2, #service_music h2 {color: black; margin-top: 0; text-align: right;}
#service_video a, #service_stills a, #service_music a {color: black;}
#service_video p, #service_stills p, #service_music p {color: black; text-align: right;}
#service_video {background: #eb2727 url(../images/video_service_back.png) no-repeat;}
#service_stills {background: #eb9827 url(../images/stills_service_back.png) no-repeat;}
#service_music {background: #FF0 url(../images/music_service_back.png) no-repeat;}

/*Sidebar classes*/
#sidebar{ background-color: #eb9827; width: 315px; }
#sidebar h2 {color: black;}

.person { background: black url(../images/header_back.png) repeat-x; margin-bottom: 10px; padding: 10px;}
.person img {float: right;}

#sidebar .person h2 {color: #eb9827; margin-top: 0;font-weight: normal;}
#sidebar .person h3, #sidebar .person a, #sidebar .person p {color: white;}

/*Sidebar Newsletter Form classes*/
#newsletter { padding: 0;}
#newsletter form {border: 1px dashed #666; padding: 10px;}
#newsletter label {font-size: 0.9em;}
#newsletter input {margin-bottom: 10px; padding: 3px;}
#newsletter p { color: #000;}

/*Footer classes*/
.footer{background: black url(../images/header_back.png) repeat-x; height:70px; color: white; padding: 20px; }
.footer span {color: #555; font-size: 0.7em;}

.floatright {float:right; text-align: center; font-size: 0.8em;  padding-right: 25px;}
.floatright img {border: 0;}
.floatright a {color: white; text-decoration: none;}

/*Utility classes*/
.floatcolleft {float: left; width: 48%; padding: 0 1% 0 1% 1%;}
.floatcolright {float: right; width: 48%; padding: 0 1% 0 1% 1%;}

.pad {padding: 20px;}
.clear {clear:both; height: 1px; font-size:1px; padding: 0; margin: 0;}

#emphasis { background-color: #FF0; padding: 10px; text-align: center;}
#emphasis img {float: right;}

.small {font-size: 0.8em;}

.item { background: #444; margin-bottom: 20px; padding: 20px; text-align: center;}
.item:hover {background: #eb9827;}
.item:hover h2 {color: white;}
.item:hover p {color: black;}