/* @override http://www.thedubbingtheatre.tv/workspace/css/style.css */

/* @override http://www.thedubbingtheatre.tv/workspace/css/style.css */

/* -------------------------------------------------------------- 
   THE DUBBING THEATRE CSS
    * Filename:        style.css
    * Version:         1.0 (27-01-2009) DD-MM-YYYY
    * Website:         http://www.ethos-pr.com/css/
	
  Created by:
    * Al Macmillan
    * Morgan Faichney
	Copyright 2008 Atomised Co-operative Ltd
-------------------------------------------------------------- */
/*****************************************************
* Reset
*****************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body{line-height:1.5em;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a { outline: none;
	cursor:pointer;
}
ul, li {
	list-style:none;
}
/*****************************************************
* Basic Styles
*****************************************************/

body { 
	background:url(../img/backgroundtile.jpg) repeat;
	font-size: 16px;
	font-size: 62.5%;
	line-height: 17.92px;
	font-family: Georgia;
	font-style: normal;
	color: #525252;

}

/*****************************************************
* Typography styles
*****************************************************/
#casestudies{
	position:relative;
	top:62px;
	left:42px;
	margin:0;
}

.clientwrapper  { 
	width: 157px; 
	height:159px; 
	display:inline;
	float:left;
	margin: 0 16px 25px 16px; 
	line-height: 16.53px;
	background-color:#e2e9f9;
}

.clientwrapper h3 {
	font-size: 1.4em;
	color: #676702;
	margin-left: 13px;
}

.clientwrapper p {
font-size: 1.1em;
color: #333333;
	margin-left: 13px;
}

clientwrapper span.small {
font-size: 1.1em;
}

.ourwork_wrapper h2 {
	position: relative;
	top: 61px;
	left: 45px;
}

#sweden dl dd p {
line-height: 14px;
}

#sweden dl dd.border p a, #sweden dl dd p a {
	color: #000;
text-decoration: none;
}

#sweden dl dd.border p a:hover, #sweden dl dd p a:hover {
	color: #000;
text-decoration: underline;
}


h2, h3, .bottomtext h4 {
	font-size: 2.3em;
}



span.client {
color: #525252;
}

.whiteframe {
border-width: 1px;
border-color: #fff;
}

.italic {font-style: italic;}

/*****************************************************
* navigation 
*****************************************************/
h1.logo a{
	text-indent:-9999px;
	background:url(../img/masthead.png);
	width:847px;
	height:159px;
	float:left;
	overflow:hidden;
}

#navwrap{
	position: relative;
	margin-top:0px;
}
ul#nav { background:url(../img/nav.png);}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:48px; display:block; text-indent:-9999px; outline:none }

li#navhome a, li#navaboutus a, li#navourwork a, li#navstudios a, li#navfindus a, li#navcontactus a , li#navtechreq a, li#navdolbye a { background:url(../img/nav.png)}

li#navhome a 						{ background-position:0 0; width:97px; left:0; }
li#navhome a:hover					{ background-position:0 -48px; }
body#pagehome li#navhome a 			{ background-position:0 -48px; }

li#navaboutus a 						{ background-position:-97px 0; width:106px; left:97px; }
li#navaboutus a:hover					{ background-position:-97px -48px; }
body#pageaboutus li#navaboutus a 		{ background-position:-97px -48px; }

li#navourwork a 						{ background-position:-203px 0; width:112px; left:203px; }
li#navourwork a:hover					{ background-position:-203px -48px; }
body#pageourwork li#navourwork a 		    { background-position:-203px -48px; }

li#navstudios a 						{ background-position:-315px 0; width:93px; left:315px; }
li#navstudios a:hover					{ background-position:-315px -48px; }
body#pagestudios li#navstudios a		    { background-position:-315px -48px; }

li#navfindus a 					{ background-position:-408px 0; width:93px; left:408px; }
li#navfindus a:hover				{ background-position:-408px -48px; }
body#pagefindus li#navfindus a 	{ background-position:-408px -48px; }

li#navcontactus a 						{ background-position:-501px 0; width:118px; left:501px; }
li#navcontactus a:hover					{ background-position:-501px -48px; }
body#pagecontactus li#navcontactus a 		{ background-position:-501px -48px; }

li#navtechreq a 						{ background-position:-619px 0; width:112px; left:619px; }
li#navtechreq a:hover					{ background-position:-619px -48px; }
body#pagetechreq li#navtechreq a 		{ background-position:-619px -48px; }

li#navdolbye a 						{ background-position:-731px 0; width:116px; left:731px; }
li#navdolbye a:hover					{ background-position:-731px -48px; }
body#pagedolbye li#navdolbye a 		{ background-position:-731px -48px; }

/* -------------------------------------------------------------- */


#header_wrapper {
	width: 100%;
}
.header_container {
  width: 847px;
  margin: 0 auto;
  height:208px;
}
.header_container ul{
	list-style:none;
	display:inline;
}
#footer_wrapper {
	width: 100%;
	height:170px;
}
.footer_container {
  width: 847px;
  height: 170px;
  background-color: #999966;
  margin: 25px auto 0;
  position:relative;
}
.container {
  	width: 847px;
  	background-color: #F0F2FF;
  	overflow:hidden;
  	margin-left: auto;
	margin-right: auto;
}
.footer {
background: #999966;
font-size: 1.4em;
line-height: 1.652em;
color: #fff;
}
.footer a {
	text-decoration: none;
	color: #fff;
}
.footer ul {	
	display: inline;
	float:left;
	overflow:hidden;
	
}
.footer ul li {
list-style: none;
display: inline;
float:left;
	padding-top: 22px;
	padding-right: 50px;

}

li.first {
	margin-top: 4px;
	margin-left: 28px;
}

.home_wrapper {
	height: 550px;
	background: url(../img/sprite.jpg) 0 0;
}

.about_wrapper {
	height: 525px;
	background: url(../img/sprite.jpg) 0 -525px;
}

.dolbye_wrapper {
	height: 538px;
	background: url(../img/sprite.jpg) 0 538px;
}

.ourwork_wrapper {
	height: 730px;
	background: url(../img/sprite.jpg) 0 -1618px;
	
}

.studios_wrapper {
	height: 443px;
	background: url(../img/sprite.jpg) 0 -3410px;
}

.findus_wrapper {
	height: 520px;
	background: url(../img/sprite.jpg) 0 -2915px;
}

.contactus_wrapper {
	height: 520px;
	background: url(../img/sprite.jpg) 0 -3827px;
}
 
.techreq_wrapper {
	height: 617px;
	background: url(../img/sprite.jpg) 0 -2323px;
}   

.homemaintext {
width: 473px;
height: 273px;
	position: relative;
	top: 49px;
	left: 58px;
	padding: 0;
}

.homelatestnews {
	width: 177px;
	position: relative;
	float: right;
	right: 41px;
	margin-top: -357px;
}

.homelatestnews h4 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 30px;
}



#sweden dt {
	color: #000;
	font-size: 14px;
	line-height: 17px;
	float: left;
	margin-bottom: 5px;
	width: 200px;
	clear: right;
}

#sweden dd.img {
	float: right;
	margin-bottom: -20px;
	margin-left: 5px;
}



#sweden dd {
	margin-bottom: 12px;
	position: relative;
	padding-bottom: 20px;
}

.border {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-top: 0;
}


p.findoutmore a {
	text-decoration: none;
}

p.findoutmore a:hover {
	text-decoration: underline;
}


.homemaintext p {
line-height: 25px;
padding-bottom: 28.56px;
	font-size: 1.8em;
}

.homedolbytext {
width: 299px;
height:125px;
	position: relative;
	top: 93px;
	left: 60px;
}
span.blue a {
text-decoration: none;
color: #006699;
}

span.blue a:hover {
text-decoration: underline;
}

.homedolbytext h3 {
font-size: 2.5em;
line-height: 1.9em;
}

.homedolbytext p {
font-size: 1.7em;
line-height: 20px;
padding-bottom: 20px;
	margin-top: 0px;
} 

p.findoutmore {
font-size: 1.8em;
line-height: 18px;
}

span.blue {
color: #006699;
}

.maintext {
	position: relative;
	top: 58px;
	left: 43px;
}


.midtext{
	position: relative;
	top: 112px;
	left: 43px;
}

.right {
float:right;
}
.studiostext {
	float:left;
	width: 450px;
	position: relative;
	left: 50px;
	top: 56px;
}

.staff_wrapper {
	position:relative;
	float:left;
	margin:21px 0 21px 0;

}

div.studiocvtext {
	position: relative;
	float:left;
	width:580px;
}
.imgwrapper90 {
	width:90px;
	position: relative;
	float:left;
	margin:0 21px;
}


div.studiocvtext h3 {
	position: relative;
	top: 0;
	padding-bottom: 11px;
}
.studiostext h2 {
	padding-bottom: 35px;
}

.studiostext p {
	font-size: 1.3em;
	line-height:15.85px;
	padding-bottom: 15.85px;
}

.studiostext ul li, .maintext ul li, .midtext ul li, .bottomtext ul li {
	padding-left: 18px;
	background: url(../img/widget.png) no-repeat 0 3px;
	font-size: 1.3em;
	line-height: 20px;
}

.midtext p, .bottomtext p {
	font-size: 1.3em;
	line-height: 15.86px;
	padding-bottom: 15.86px;

}
.maintext h2, .midtext h3, .bottomtext h4 {
	padding-bottom: 19px;
}

.maintext p {
	font-size: 1.4em;
	padding-bottom: 17.92px;
}

#zoom_content p {
	font-size: 1.4em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.zoomimg {
padding-bottom: 10px;
}

.maintext table {
	padding-left: 13px;
	width: 100%;
}
.maintext td.one {
	font-size:1.3em;
	line-height: 20.15px;
	background: url(../img/widget.png) no-repeat 0 3px;
	padding-right: 35px;
	padding-left: 18px;
	position: relative;
}
.maintext, .midtext, .bottomtext {
	padding-right: 87px;
}

.right-pad{
	padding-right: 350px;
}
.pan-left {
	position: relative;
	left: 91px;
}

li.tf {
font-size:1.3em;
	line-height: 20.15px;
	background: url(../img/widget.png) no-repeat 0 3px;
	padding-right: 35px;
	padding-left: 18px;
	position: relative;
}

.maintext td.two {
	font-size:1.3em;
	line-height: 20.15px;
	background: url(../img/widget.png) no-repeat 38px;
	padding-left: 55px;
	position: relative;
}

.maintext h3 {
	position: absolute;
	top: 402px;
	line-height: 1.9em;
}

.bottomtext {
	top: 167px;
	position: relative;
	left: 43px;
}

.maincol {
	width: 467px;
	float:left;
	padding-left: 46px;
	padding-top: 57px;
}

.maincol p {
padding-right: 190px;
font-size: 1.4em;
line-height: 18.88px;
padding-bottom: 27px;
}


.findusmain {
	float:left;
	width: 300px;
	position: relative;
	overflow:hidden;
	left: 50px;
	top: 56px;
}
.findusside {
	float:right;
	position:relative;
	top:80px;
	right:50px;	
}
.findusmain p {
padding-right: 190px;
font-size: 1.4em;
line-height: 18.88px;
padding-top: 27px;
padding-bottom: 27px;
}

.maincol p.blue16 {
font-size: 1.6em;
color: #003366;
padding-top: 42px;
padding-bottom: 42px;
line-height: 19.2px;
}

.left {
float:left;
}

.sidecol {
width: 320px;
float:right;
}

.findusmain {
float:left;
}
.findusside {
float:right;
}
img.findimg {
	border: 1px solid #676702;
}

img.person1 {
	border: 2px solid #676702;
}
img.person2 {
	border: 2px solid #01679A;
}

img.cv2 {
	margin-top: -2px;
	margin-left: 7px;
}

img.cv1 {
	margin-left: 7px;
	margin-top: -3px;
}
img.work{
	margin:6px 13px 0 14px;
}
div.studiosimages {
	width: 249px;
	float: right;
	position: relative;
	top: 37px;
	right: 35px;
	border-style: none;
}

.studiosimages img {
	padding-bottom: 30px;
}


/* form styles */

form {
	width: 320px;
	text-align: left;
	position: relative;
	top: 99px;
	right: 36px;
	font-size: 1.4em;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; /* make legend move horizontally correct with rest of form in ie 5-6 */
}

legend {
 padding: 5px 0px 10px 0px;
 margin: 0 0 0 0; 
 font-size: 14px;
 font-weight: bold;
 position: relative;
 left: -7px; /* explorer */
}

fieldset>legend {
  left: 0; /* future proof */
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	width: 262px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

input.search-btn {
background:transparent url(../img/submitover.jpg) no-repeat scroll 0 0;
height:26px;
width:68px;
float:right;
margin-right: 58px;
}

input.search-btn:hover{
	background: #c9c9c2 url(../img/submitover.jpg) no-repeat 0 -26px;
	cursor:pointer;
}


form select {
	float: left;
	display: block;
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-address input {
	float: left;
	width: 262px;
	height: 25px;
	padding: 0px;
	background: url(../img/input.jpg) no-repeat;
}



form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
	background: url(../img/textareainput.jpg) no-repeat;
	width:262px;
	height:86px;

}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 3px;
	border:none;
	overflow:hidden;
}

h3 {
overflow:hidden;
}

#work_box{
}
/*****************************************************
* codaslider styles 
*****************************************************/
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 0px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 552px; background: #fff; overflow: scroll;}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	float: left;
	overflow: hidden; 
	border: none; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 763px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 552px;
	clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 763px;	
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	/* padding: 5px; */
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: relative;
	height: 19px;
	width: 68px;
}
.stripNavL a, .stripNavR a {
	height: 19px;
	width: 68px;
	cursor:pointer;
	text-decoration:none;
	font-family: Georgia;
	font-size: 1.2em;
	color: #676702;
	font-weight:bold;
}
.stripNavL a {
	background: url(../img/leftarrow.png) no-repeat 0 3px;
	padding-left: 15px;
}

.stripNavR a {
	background: url(../img/rightarrow.png) no-repeat 36px 2px;
	padding-right: 15px;
}
.stripNavL a:hover, .stripNavR a:hover {
	color:#525252;
}
.stripNavL {
	top: 648px;
	left: 283px;
}
.stripNavR {
	top: 59px;
	left: 491px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	position: relative;
	position:relative;
	top:630px;
	margin: 0 auto;
}
.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	display:inline;
}
.stripNav li a:hover {
	background-color: #65cc33;
	color:white;
}
.stripNav li a:active {
	background-color: #65cc33;
	color:white;
}
.stripNav a {
	text-decoration: none;
	color: white;
	background-color: #013366;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	word-spacing: -21px;
	margin-right: 4px;
	padding: 1px 5px;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.pan-lefter {
	padding-left: 17px;
}

#credits {
	float: left;
	top: 10px;
	position: relative;
	border-style: dotted;
	border-top: 2px dotted #65cc33;
	margin-left: 25px;
	width: 796px;
	height: 43px;

}

#credits p {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #525252;
	padding-top: 9px;
}

#credits a img {
	float: right;
	position: relative;
	bottom: 26px;
}

.zoombox {
	background-color: #d5e0f3;
}

.zoombox p {
width:100px; }

em {
font-style: italic;
}