*{
margin: 0;
padding: 0;    
}

img{
    border: 0;
}

.clearboth {clear: both;}
html, body{
    text-align: center;
    line-height: 1.5em;
    height: 100%;
    background: #f8f8f8 url(/media/global/images/page-bg.gif) repeat-x top left;
    font-family: verdana,arial,sans-serif;
    font-size: .85em;
    color: #666;
    margin: 0;
    padding: 0;
}

form{
    height: auto !important;
    min-height: 100%;
}

#map {
float: left;
    margin-right: 10px;
    }
    
.mapText {
    text-align: justify;
}

.mapText p {margin-bottom: 10px;}

#BodyContainer
{
    position: relative;
    width: 880px;
    background: #fff url(/media/global/images/container-bg.gif) repeat-y top left;
    height: auto !important;
    min-height: 100%;
    text-align: left;
    margin: 0 auto;
}
#HeaderContainer
{
    height: 151px;
    background: #fff url(/media/global/images/header-bg.jpg) no-repeat top left;
    padding: 0 50px;
}
#Breadcrumbs
{
    background: #fff url(/media/global/images/container-bg.gif) repeat-y top left;
    padding: 0 70px;
}
#BodyContentWrapper
{
    clear: both;
    background: #fff url(/media/global/images/container-bg.gif) repeat-y top left;
    padding: 0 70px;
}


#BodyContentWrapper h1.MainHeading
{
    font-size: 160%;
}
#HeaderContainer img.Logo
{
    float: left;
    width: 250px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
}


.MasterHeader 
{   position: absolute;
    top: 5px;
    right: 60px;
       
    color: #71169F;
    
}

.HeaderPictureWrapper
{
    float: left;
    background-color: #71169F;
    height: 125px;
    margin-left: 310px;
    margin-top: -130px;
    width: 460px;
    text-align: center;
}
.HeaderPictureWrapper img
{
    padding-top: 5px;
}
#HeaderContainer #navbar
{
    background-color: #71169F;
    
    clear: left;
   
}
#HeaderContainer #navbar ul
{
    height: 48px;
    list-style: none;
    margin-left: 10px;
}
#HeaderContainer #navbar ul li
{
    float: left;
    margin-right: 10px;
    font-size: 90%;
 
    width: 60px;
    text-align: right;
}
#HeaderContainer #navbar ul li a span
{
    position: relative;
    top: 32px;
    right: 1px;
}
#HeaderContainer #navbar ul li a
{
    display: block;
    color: #FFF;
    text-decoration: none;
    height: 48px;
    width: 60px;
}
#nav #productsnav a
{
    background: #934AB6 url(/media/global/images/productsnavslice.jpg) repeat-x top right;
}
#nav #servicesnav a
{
    background: #3F7A9A url(/media/global/images/servicesnavslice.jpg) repeat-x top right;
}
#nav #aboutnav a
{
    background: #BDC43B url(/media/global/images/aboutnavslice.jpg) repeat-x top right;
}
#nav #careersnav a
{
    background: #C4753B url(/media/global/images/careersnavslice.jpg) repeat-x top right;
}
#nav #productsnav a:hover, #nav #servicesnav a:hover, #nav #aboutnav a:hover, #nav #careersnav a:hover
{
    background-position: bottom right;
}
div#BodyContainer #Breadcrumbs
{
    font-size: smaller;
    color: #999;
    margin: 0 40px 5px 0;
}
div#BodyContainer #Breadcrumbs a
{
    color: #999;
    text-decoration: none;
    font-weight: bolder;
}
div#BodyContainer #Breadcrumbs a:hover
{
    color: #CCC;
    text-decoration: underline;
}
div#footer
{
    text-align: center;
    position: absolute;
    width: 760px;
    height: 50px;
    color: #999;
    bottom: 0;
    border-top: 1px dotted #999;
    font-size: smaller;
    margin: 10px 60px 0 60px;
    padding: -1.8em 0;
	height:50px;
	clear:both;
}
div#footer p
{
    margin-bottom: 0;
}
.SectionPicture
{
    border: 1px solid red;
}
.clearAll{
    clear: both;	
}
.paddingAbove{
padding-top: 5em;
}

.marginAbove{
margin-top: 14px;
}


#BodyContentWrapper .RoundMe
{
    width: 375px;
    background: #FFF url(/media/global/images/foryou.jpg);
    color: #000;
    height: 220px;
    padding: 220px 0 0;
}

#MainBodyContent, .ContactDetails
{

    margin-left: 215px;
    text-align: justify;
    margin-bottom: 10px;
    
   }
   
   #navbar {border: solid #71169f 1px;}



#MainBodyContent p
{
    padding-top: 15px;
}

p.FourOhFourDescription
{
    clear:both;
    border:1px solid #E5E5E5;
    background-color:#FDFDFD;
    padding:5px;
    font-size:80%;
    font-weight:bold;
}

#Products404,#Services404,#AboutUs404,#Careers404
{
    float:left;
    width:24%;
}

#Products404 ul,#Services404 ul,#AboutUs404 ul,#Careers404 ul
{
    float:left;
    font-size:80%;
    list-style-type:square;
    list-style-position:inside;
}

ol{
margin: 1em 2em;
}

ol li{
margin-bottom: 1em;
}

#Wrapper404{
    min-height:320px;
}

img.imageHeader{
    border-right: solid white 5px !important;
    border-left: solid white 5px !important;
    position: absolute;
    top: 15px;
    right: 75px;
   
}
    
.contactTable1,.contactTable2,.contactTable3{
    width: 175px;
    float: left;
}   


.right{
    float: right;

    border: solid #999 1px;
    margin-left: 10px;
}

.left{   
    float: left;

    border: solid #999 1px;
    margin-right: 10px;
}

.testimonial:link, .testimonial:active, .testimonial:visited {
display: block;
width: 200px;
height: 135px;
background-image: url(/media/global/images/services/testimonial.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
border: solid #999 1px;
float: left;
}

.testimonial:hover {
background-position: -200px;
}




.staffL
{
    float: left;
    margin-right: 10px;}
    
.staffR
{float: right;
    margin-left: 10px;
    }

.border {border: 0;}
 
 h3.Fullwidth
{
    width:100%;
    }
div.Fullwidth
{
    width:100%;
}


#additionalnav ul
{
    list-style-type: none;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 5px 0px;
}
#additionalnav ul li
{
    background-image: url(/media/global/images/arrow-bg.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 5px 0px 5px 25px;
    border-top: 1px dashed #fff;
}
#additionalnav ul li a
{
    text-decoration: none;
    color: White;
}
#additionalnav ul li a:hover
{
    text-decoration: underline;
}
#additionalnav ul ul
{
    list-style: square;
    background-image:none;
}

#additionalnav ul .innernav
{
    font-size: smaller;
    font-weight: bold;
}
#additionalnav ul .innernav li
{
    border: 0;
    padding: 0;
    background-image: none;
    margin-left: 10px;
}
.videoProduction {
    float: left;
    margin-right: 10px;
    margin-left: -5px;
}


.first, .second{
    width: 360px;
    float: left;
}

.first img, .second img{
    width: 360px;
    float: left;
}
#homePrimary .second img,#homePrimary .second h3,#homePrimary .second p{
    padding-left: 15px;
}


#primary{
    margin-left: 215px;
    text-align: justify;
    padding-top: 25px;
}
    
.primaryMessageAboutUs, .primaryMessageServices, .primaryMessageCareer, .primaryMessageProducts{
    font-size: 110%;
    display: inline;
    margin-left: 215px;
    margin-bottom: 10px;
}

    
#primaryWrapper{
    min-height: 135px;
    margin-bottom: 10px;
}

.introText{
height: 130px;
}

h3{
margin-bottom: 15px;
font-size: 13pt;
}

h4{
clear: both;
border-top: 1px dashed #999999;
padding-top: .5em;
}

.aboutUsHome{
    Margin-left: 0
}

#MainBodyContent ul li{
    list-style-position: outside;
    margin-left:15px;
}

.obligatory{
    color: Red;
}

.exhibitionLeft{
    width: 225px;
    min-height: 255px;
    text-align: center;
    float: left;
    margin-top: -10px;
    margin-right: 18px;
}

.exhibitionLeft p{
min-height: 35px;
}

.exhibitionLeft img{
margin: 0 auto;
}

fieldset{
margin-top: 70px;    
min-width: 300px;
}
    
.upLoadCV{
margin-left: 20px;
}
	
#skipNav{
display: none;
}

.renew ul li{
float: left;
list-style: none;
width: 90px;
margin-bottom: 5px;
}

.renew {
margin-left: 10px;
}

.renewLogos{
float: left;

margin-top: 5px;

margin-right: 5px;

margin-bottom: 0pt;

margin-left: 5px;

height: 60px;

width: 90px;
}

hr{
color: black;
background-color: black;
margin: 1em;
}

.inputWrapper{
min-height: 18px;
}

.siteMapWrapper {margin-top: 40px;}

.primaryHeader404{
margin: 10px 0 0 0;
}

.xmasBanner {

height:60px;
width: 468px;
background:url(/pix/bannerbg.jpg) no-repeat top left;
}

.logo2 {float:right;
    margin-right:10px;
    margin-top:10px;}
#surveyIntro p {margin-bottom:10px;}

#surveyIntro h2 {margin-bottom: 10px;}

/*ALL THE CODE BELOW DEALS WITH THE ADDITION OF SHOWS FROM TEH WARNERS EXHIBITIONS SITE*/

.exhibitionsDataCalledFromSQL {
                               width:190px;
                               float:left;
                               margin: 10px;
                               min-height:200px;}
.exhibitionsDataCalledFromSQLWrapper {
                               width:500px;
                               margin:0 auto;}
.exhibitionsDataCalledFromSQL img {width:130px;}