html, php { height: 100%; }


body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	color: #444D57;
	padding:0;
	margin: 0;
	height: 100%;
	}

*html body {
	font-size: : x-small; /*for IE5/Win */
	f\ont-size:small; /* for other IE versions */

}

/*
*html body#contact {

	font-size: x-small; 
	f\ont-size:x-small;

}*/

#page {    
	position: relative;
    min-height: 100%;    
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	background: #fff url(../images/leftcol_bg.gif) repeat-y 18% 0%;
}
	
html>body #page { height: auto;	}
php>body #page { height: auto;	}




#header {
	background:#fff url(../images/logo.gif) no-repeat 1%;
	position: relative;
	top:0;
	/* for height - see safari browser hack at bottom of this page*/
	width: 100%;
	padding:0;
	margin:0px;	
	border-bottom:1px solid #000033;
	overflow:visible;
	height: 59px;	
}

/*body#contact #header { height:60px;}*/






/**********************primary navigation***************************/

#topnavbar {
	position: relative;
	float: right;
	width: 612px;
	top:30px;
	list-style:none;
	background: url(../images/nav_bg.gif) repeat-x right bottom;
	padding : 0 3% 0 0;
	margin: 0 0 0px 0;
	border: 0px solid red;
}


#topnavbar li {
	float : left ;
	font-size: 100%;
	margin:0;
	padding : 0;
}

#topnavbar a {
	float: left;
	display : block;
	color: #666666;
	font-weight:600;
	text-decoration:none;
	border: 1px solid #000033;
	border-bottom: none;
	background: #F3F3F3 url(../images/off_tab_bg.gif) repeat-x top left;
	padding : 4px 8px;
	margin : 0 1px 0 0;
}



body#home #t-home a,
body#company #t-company a,
body#mick #t-company a,
body#mick_productions #t-company a,
body#productions #t-productions a,
body#documentary #t-productions a,
body#biographies #t-productions a,
body#series #t-productions a,
body#drama #t-productions a,
body#teaching #t-teaching a,
body#contact #t-contact a,
body#job #t-contactus a,
body#sitemap #t-help a{
	color:#000000;
	border-color: #333;
	background: #fff url(../images/on_tab_bg.gif) repeat-x top left;
	padding-bottom: 5px ;
}

#topnavbar a:hover {	color: #397CAE;		}

/********eof primary navigation *********/

#container {
	postion: relative;
	top: 59px;
	background: #fff url(../images/leftcol_bg.gif) repeat-y 18% 0%;
	padding-bottom: 20px;
	margin: 0;
}

/*********************** main content of page (includes leftnav)************/
#leftcol {
	postion: relative;
	top: 0px;
	padding: 0 0 0 15px;
	margin: 30px 0 0 0;
}

#leftcol_main {
	postion: relative;
	top: 0;
	margin : 0 0 0 20% ;
	width : 60%;
}

/*************************right hand column********************/
#rightcol {
	postion: relative;
	top: 0;
	width: 0;
	background-color: #ffffff;
	padding: 0;
	margin:0;
}

/****************page footer**************************/
#footer {
    position: absolute;
    bottom: 0;
	width: 100%;
	background-color: #EAEAEA;
	padding:0;
}


h2 {
	font-size: 130%;
	color: #3399FF;
	padding: 0 ;
	margin: 25px ;
}

h3 {
	font-size: 120%;
	padding:0;
	margin: 20px;
	color: #8B2810;
}

h4 {
	color: #8B2810;
	font-size: 110% ;
	padding:0;
	margin: 20px 20px 5px 20px;
	display:block;
}
	
h5{
	color: #333333;
	font-size: 100% ;
	font-weight:600;
	padding:0;
	margin: 20px 20px 0px 20px  ;
}


td, th {
	font-size: 80%;
	line-height: 2em;
	color: #333333
}
	
textarea {
	font-size: 80%;
	background-color: #FFFFFF;
}
	
ul {	
	list-style-type: square;	
	list-style-position: outside;
	margin :20px 20px 20px 40px;
	padding:0;
}
	
ul ul {	
	list-style-type: square;	
	list-style-position: outside;
	margin :0;
	padding:0;
}

p {
margin:20px ;
padding:0;
}

#clr {
clear:both;
margin-top : -30px;
}

#text_center {
width: 590px;
text-align:center;
padding-left : 20px;
margin-bottom: 0px;
}


body#mick_productions p {
margin-top: 0px;
}

.bolder { 
	font-weight: 600 ; 
	font-size: 110% ;
}
		
a {
	color: #3366CC;	
	text-decoration: none
}	





/***********secondary navigation***************************/
ul#leftnav {
	width: 20%;
	list-style-type: none;
	left: 30px;
	color: #FFFFFF;
	padding: 0  ;
	margin: 0 ;

}

ul#leftnav li a {
	color:#666666;
	text-decoration: none;
	font-size: 95%;
	font-weight: 600;
	padding : .2em .1em .2em .4em;
	margin: 0 ;
}

ul#leftnav li a:hover {
  color: #6699CC;
}

/* gives leftnav links for each topnavbar section an active appearance(to be completed and 
/* home section */
body#home ul#leftnav li a#homebutton2,
/*company profile section */
body#company ul#leftnav li a#companybutton2,
body#mick ul#leftnav li a#mickbutton,
body#mick_productions ul#leftnav li a#mickbutton,
/* Productions section */
body#productions ul#leftnav li a#productionsbutton2,
body#documentary ul#leftnav li a#documentarybutton,
body#biographies ul#leftnav li a#biographiesbutton,
body#series ul#leftnav li a#seriesbutton,
body#drama ul#leftnav li a#dramabutton,
/* teaching section */
body#teaching ul#leftnav li a#teachingbutton2, 
/* contact us section */
body#contactus ul#leftnav li a#contactusbutton2,
body#job ul#leftnav li a#jobbutton,
/*help section*/
body#sitemap ul#leftnav li a#sitemapbutton {
	color: #000033;
}

/*****main page content ************/



#leftcol_main img {
	float:left;
	margin: 0 20px 0 20px ;
}

img{ border:0; }

#prod_box {
	border:0px solid #000;
	float : left ;
	margin-bottom : 20px ;
	width: 450px;
}

#prod_box img {
	border:1px solid #d9e0e6;
	border-bottom-color: #A0A9B1;
	border-right-color: #A0A9B1;
	background:#fff;
	padding:4px;
}

.box_left {
	float : left ;
}

.box_right {
	float:right;
}


#productions_display {
	float:left;
	width: 524px;
	padding: 10px 20px;
	background:  #ffffff;
	border : 0px solid #000;
}

#productions_display dl {
	float:left;
	width: 480px;
	border:0px solid #cccccc;
	margin: 10px 20px 10px 0;
	padding:0;
	display:inline; /*fixes IE/Win double margin bug*/
}

#productions_display dt {
	float: right;
	width:312px;
	color: #333333;
	font-size: 100% ;
	font-weight:600;
	letter-spacing: 1px;
	margin:0;
	padding:0;
}

#productions_display dd {
	font-size:85%;
	line-height: 1.5em;
	margin:0 0 0 158px;
	padding:0;
	border : 0px solid #000;
}

#productions_display dl dd.img {
	margin:0;
	padding:0;
}

#productions_display dd.img img {
	float:left;
	border:1px solid #d9e0e6;
	border-bottom-color: #A0A9B1;
	border-right-color: #A0A9B1;
	background:#fff;
	padding:4px;
	margin: 0 8px 0 0;
}

#productions_display .alt dt {
	float:left;
}

#productions_display .alt dd {
	margin:0 158px 0 0;
}
#productions_display .alt dd.img img {
	float:right;
	margin:0 0 0 8px;
}

ul.noliststyle {
margin-top : 5px;
}

ul.noliststyle li {
list-style:none;
}

/**************expanding curved text box********************/
.corners {
	float : left ;
	border : 0px solid #000000 ;
	margin : 20px ;
	padding:0px;
}

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url(../images/corners_2000x16.gif); 
	height: 8px;      
	font-size: 2px;    
}

.top-left, .bottom-left { 
	margin-right: 8px; 
}
.top-right, .bottom-right { 
	margin-left: 8px;  
	margin-top: -8px; 
}
.top-right {	background-position: 100% 0; }
.bottom-left  { background-position: 0 -8px;  }
.bottom-right { background-position: 100% -8px; }
.notopgap    { margin-top: 0px; }   
.nobottomgap { margin-bottom: 0px; } 

.insideleft, .insideright {
	background-image: url(../images/corners_1x16.gif); 
	background-repeat: repeat-y;  
}
.insideright { background-position: 100% 0; }

.inside {
	margin-left: 8px;               
	margin-right: 8px;              
	background: #94CADC;   
	color: #525252;          
	text-align: left;     
	line-height:130%;
	padding-left: 0px;    
	padding-right:0px;     
}

.inside p {
	padding-left: 0px;             /* YCC: all texts at some distance of the left border */
	padding-right:0px;
}

.inside h3{
	font-size: 110%;
	color: #3399FF;
	margin: 0 10px 0.3cm 10px;
}


/****************page footer**************************/


ul.legal  {
	font-size: 80%;
	color: #333333;
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.legal li.left {float:left;}

ul.legal li.right {float:right;}

/*slideshow*/
#slideshowbox {
	border : 0px solid #000000;
	margin: 30px 0 0 40px;
	height : 296px;
}

#slideshowbox img{
	background-color:#000000;
	float:left;
	border:0;
	margin: 20px ;
}

#slidetext {
	float:left;
	font-size:200%;
	color:#666666;
	width: 545px;
	margin: 0 ;
	height : 0px;
}

p.preshow {
	float:left;
	width:400px;
	color:#999999;
}

p.aftershow {
	float:left;
	width:400px;
	color:#999999;
}


/*contact form**/
.contactform {
	border-top:1px dotted #cccccc ;
	margin : 25px 15px 0 15px;
	width: 400px;
	
}

.contactform h3 {margin-left: 0px;}

.contactform img {}


.contactform input,textarea {
	font-size: 100% ; 
	background-color: #ffffff; 
	color: #000000; 
	border: 1px solid #000000; 
	
 }
 
 
 .contactform input#submit {
 	background-color:#CCCCCC;
}


#contact_send_button input {
	border : 0px ;
	width : 48px ;
	height:26px;
	margin-left : 0px ;
	margin-top : 3px ;
	background-color:#CCCCCC;
}

.DodosMailError {
	padding: 0px;
	margin-left:0px;
}

.DodosMailErrorHighLight {
	background-color: yellow;
	color: red;
	font-weight: bold;
}

/* layout used for sitemap  */
ul.sitemap {
	list-style-type: none; 
	margin-left: 0.5cm;
	padding: 0px;
}

ul.sitemap li {	margin-bottom:20px; }

ul.sitemap li a {
	cursor : pointer;
	padding-left : 2em ;
	background-image:url(../images/section_closed.gif);
	background-repeat: no-repeat;
} 

ul#sitepage1 li,
ul#sitepage2 li,
ul#sitepage3 li,
ul#sitepage4 li,
ul#sitepage5 li,
ul#sitepage6 li  {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0 0 25px;
}

ul#sitepage1 li a,
ul#sitepage2 li a,
ul#sitepage3 li a,
ul#sitepage4 li a,
ul#sitepage5 li a,
ul#sitepage6 li a {
	list-style-type: none;
	padding-left : 2em ;
	background-image:url(../images/page.gif);
	background-repeat: no-repeat;
}

ul.sitemap li a { color: #000033; }
ul.sitemap li a:visited { color: #666666; }
ul.sitemap li a:hover { color: #000000; }
ul.sitemap li a:focus { color: #000000; }

/*possible further accessibility to indicate accesskeys */
ul.sitemap li a:first-letter { text-decoration: underline;}
 .ie_fix ul.sitemap li a { text-decoration: none; } 


 

/*****************  class of list suitable for address format  *****************/
.address1 {
	list-style-type: none; 
	margin :20px;
	padding: 0;
}


body#home .address1 {
	list-style-type: none; 
	margin :20px 0 0 60px;
	padding: 0;
	text-justify:center;
}
/***************** reserve debug test  *****************/
.debug {
color : #ff0000 ;
}


/***************** final hacks **************************/


#header {height : 58px;} /*shown in safari*/
#header {height : 59px;#} /*shown in all other browsers*/