img { -ms-interpolation-mode: bicubic; }

body{margin:0;padding:0;color:#FFF; font:62.5% Arial, Helvetica Neue, Helvetica, sans-serif;text-align:center;background:#000;line-height:1.4;background:#525252 url(http://www.archersmark.co.uk/images/archersmark/back-cell.png) repeat-x 0 0;}

#overall {width:1010px;margin:0 auto; padding:0;text-align:left;}

a {color:#00a5e9;text-decoration:none;}
a:visited {color:#00a5e9;text-decoration:none;}
a:hover {color:#00a5e9;text-decoration:underline;}

.bluetext {color:#00a5e9;}

strong {font-weight:bold;}
em {font-style:italic;}
small {font-size:80%;color:#ccc;}

#header {background:#000 url(http://www.archersmark.co.uk/images/archersmark/header-back.png) no-repeat 0 0; margin:0 0 10px 0;width:840px; height:101px; color:#fff;clear:both; float:left;display:inline;}

.archiveoverall h2 {font-size:1.26em;margin:20px 0 10px 0;text-transform:uppercase;}

#header a:hover {text-decoration:none;}

#logo{float:left;width:105px; height:100px; margin:0;display:inline;}
#education{float:left; width:94px; height:100px; margin:0;display:inline;}

#sidebar {float:left;display:inline;width:160px;padding:0;margin:0;}
#sidebar2 {float:left;display:inline;width:160px;padding:0;margin:20px 0 0 0;}

.logout {margin: 0 0 58px 0;}

#sidebar h2 {text-transform:uppercase;}

#frontoverall {float:left; display:inline;width:840px;padding:0 0 4px 0;margin:0 0 10px 0;background:transparent;}

.frontvideo {float:left;display:inline;width:840px;padding:0;margin:0;height:461px;}
.archiveoverall {float:left;display:inline;width:840px;padding:0;margin:0;height:461px;}

.frontvideo p {padding:0;margin:0;}
.frontvideoside {margin:0;padding:0;width:160px;height:508px;text-align:center;position:absolute;}
.frontvideoinfo {clear:both;padding:0;clear:both;width:820px;background:transparent;}
.frontvideoinfolarge {clear:both;padding:0;clear:both;width:1000px;background:transparent;}

.frontvideoside p {margin: 1px 0 0 0;padding:0 0 5px 0;font-size:1em;}
.frontvideoside p, .frontcontact p {line-height:1.3;}
.frontvideoside a {color:#fff;}
.thumbside1 {border:1px solid #6a6a6c;}
.thumbside2 {border:1px solid #6a6a6c;}

.thumbside {margin:5px 0 0 0;}
.lastthumb {margin:5px 0 0 0;}

.newsside img {padding:5px 0 5px 0;}
.socialbutton {padding: 0 2px 0 0;}
.socialbuttonlast {padding: 0;}

.socialbutton, .socialbuttonlast, .stillthumb, .stillthumblast, .arrowhead, .thumbnail, .thumbside2{
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}
.socialbutton:hover, .socialbuttonlast:hover, .stillthumb:hover, .stillthumblast:hover, .arrowhead:hover, .thumbnail:hover, .thumbside2:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#footer {clear:both;width:1010px;
background:transparent;padding:10px 0 0 0;height:25px;color:#515055;
}

.hide{visibility:hidden;}

.director a {color:#858585;}
.director2 a {color:#fff;}

.frontvideotitle {clear:both;margin:10px 0 0 0;background:#515055;width:486px;padding:2px;font-size:1.2em;}

.frontstills {float:left; display:inline;width:190px;margin:20px 0 0 20px;}
.frontsynopsis {float:left; display:inline;width:490px;margin:20px 20px 0 0;}
.frontsynopsislarge {float:left; display:inline;width:820px;margin:0 20px 0 0;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;text-transform:uppercase;text-align:justify;}

.meta {float:left; display:inline;width:100px;margin:20px 0 0 0;padding:0;}

.stills img, .stills2 img {float:left;display:inline;margin:10px 0 0 0;}

.stills img {padding:0 10px 0 0;}

.frontstills p, .frontsynopsis p, .frontcredits p{padding:5px 0 7px 0;line-height:1.4;}
.frontsynopsislarge p {font-size:1.26em;line-height:1.2;margin:10px 0 10px 0;}
.meta p {padding:10px 0 0 0;}


.frontcontact {margin:15px 0 0 0;}
.frontcontact p {margin:0 0 10px 0;}

.archivevideo {float:left;display:inline;margin:0 20px 10px 0;}
.archivevideolast {float:left;display:inline;margin:0 0 10px 0;}
.wp-pagenavi {clear:both;float:right;margin:3px 0 0 0;}

#menu {
width:716px;
height:101px;
float:left;
display:inline;
padding:0;
margin:0;
padding:0;
background:transparent url(http://www.archersmark.co.uk/images/archersmark/menu-new.png) no-repeat 0 0;

}

#menu ul {
padding:0;
}

#menu li {
display:block;
float:left;
list-style-type:none;
}

#menu li a {
display:block;
height:11px;
width:90px;
text-indent:-9009px;
background:transparent url(http://www.archersmark.co.uk/images/archersmark/menu-new.png); no-repeat 0 0;
padding:90px 0 0 0;
outline:0;
}

#menu li a:hover {
background-position:0 -101px;
}


#menu li.latestwork a {
width:294px;
background-position:0 0;

}

#menu li.latestwork a:hover, #menu li.latestworkselect a {
width:294px;
background-position:0 -101px;
}

#menu li.advertising a {
width:104px;
background-position:-294px 0;

}

#menu li.advertising a:hover, #menu li.advertisingselect a {
width:104px;
background-position:-294px -101px;
}

#menu li.promos a {
width:57px;
background-position:-398px 0;

}

#menu li.promos a:hover, #menu li.promosselect a {
width:57px;
background-position:-398px -101px;
}

#menu li.drama a {
width:67px;
background-position:-455px 0;

}

#menu li.drama a:hover, #menu li.dramaselect a {
width:67px;
background-position:-455px -101px;
}

#menu li.edu a {
width:116px;
background-position:-522px 0;

}

#menu li.edu a:hover, #menu li.eduselect a {
width:116px;
background-position:-522px -101px;
}

#menu li.contact a {
width:77px;
background-position:-639px 0;

}

#menu li.contact a:hover, #menu li.contactselect a {
width:77px;
background-position:-639px -101px;
}


#s3slider {
   width: 400px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.clientext {text-transform:uppercase;clear:both;padding:100px 0 20px 0;font-size:1.4em;}
.clientext2 {text-transform:uppercase;clear:both;padding:40px 0 20px 0;font-size:1.4em;}

div.player {
	height:461px;
	width:820px;
	cursor:pointer;
	float:left;
	text-align:center;

}

div.player img {
	margin-top:188px;
}

.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;

	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:820px;		
	
	/* some padding to layout nested elements nicely  */
	padding:40px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(http://www.archersmark.co.uk/images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(http://www.archersmark.co.uk/images/transparent.png);		
	color:#fff;
}

.stillthumb {padding:5px 10px 5px 0;}
.stillthumblast {padding:5px 0 5px 0;}

address {font-size:1.26em;line-height:1.2;}

.search {margin:20px 0 20px 6px}
.search-text {background:#000;color:#fff;border:1px solid #4b4b4c;padding:2px;margin:0 0 4px 0;width:142px;}
.search-text:focus{border:1px solid #fff;}
.search-submit {background:#000;border:1px solid #4b4b4c;padding:2px;color:#fff;float:right;text-transform:uppercase;margin:0 8px 2px 0}
.search-submit:hover {background:#00a5e9;border:1px solid #fff;cursor:pointer}