@charset "iso-8859-1";

<!--
html, body {
	/*  margin: 0; */
  padding: 0;
  border: 0;
  text-align:center;
  background-color:#363636;
  font-size: 100%;
  font: inherit;
 /* vertical-align: baseline; */
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
img
{ 
	 border: 0; 
}

a {
	text-decoration:none;
}
a:link {
	color: #363636;
}
 
a:visited {
	color: #363636;
}

a:active {
	color: #363636;
}

a:hover {
	color: #ffffff;
}
#nav {	position:relative;
	bottom:55px;
	font-size:30px;
	font-style:italic;
	font-weight:normal;
    font-family:Palatino, "Times New Roman", serif;
	color:#F75352;
	text-align:center;
	text-decoration:none;
}
#nav2 {	float:right;
	padding:27px 30px 0px 0px;
	font-size:24px;
	font-style:italic;
	font-weight:normal;
        font-family:Palatino, "Times New Roman", serif;
	color:#F75352;
	text-align:center;
	text-align: -moz-center;
	text-decoration:none;
}

#banner { height:70px;
	  background-color:#B0DA51;
		
}
#bannerleft { 
		float: left;
		margin-top: 4px; 
border:2px;
}

#centreframe {	margin-left: auto; 
		margin-right: auto; 
		background-color:#363636;
	     }

div.centrefilm, div.centrecontact, div.centrehome {
		margin-left: auto; 
		margin-right: auto; 
		background-color:#363636;
	     }

/****************************************** 
these now in the pages to overwrite for 800px + height
div.centrehome2 {
	position: absolute; 
	width: 1000px;
	height: 652px; 
	left: 50%; 
	margin-left: -500px; 
	top: 50%; 
	margin-top: -326px; 
	background-color: #363636;
}
div.centrefilm2 {
	position: absolute; 
	width: 1000px;
	height: 778px; 
	left: 50%; 
	margin-left: -500px; 
	top: 50%; 
	margin-top: -389px; 
	background-color: #363636;
}
div.centrecontact2 {
	position: absolute; 
	width: 1000px;
	height: 658px; 
	left: 50%; 
	margin-left: -500px; 
	top: 50%; 
	margin-top: -324px; 
	background-color: #363636;
}

/* for slide shows */
.mySlides {display:none}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-display-container{position:relative}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-button{white-space:normal}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-black{color:#fff!important;background-color:#000!important}

/************************/

#mainframe {   
		margin-left: auto; 
		margin-right: auto; 
          /*	width:1000px; */
          		width:100%;
          	background-color: #363636;
          }

#contents {   
		margin-left: auto; 
		margin-right: auto; 
         /* 	width:1000px;  */
        width:100%;
        background-color: #363636;
          }

#contents tr {
		font-family:Arial, Verdana; 
		font-size:14px;
		font-style:italic;
		color:white;		
}

span.put1s { 
       font-family:Palatino, "Times New Roman", serif;
}

#contact {  height:586px;
	    font-family:Arial, Verdana; 
	    font-size:24px;
	    color:white;		
}

#storyboards {
	font-family:Arial, Verdana;
	font-size:60px;
	display: inline-block;
	 overflow-y: hidden;
    white-space: nowrap;
}

#storyboards a:link {
			color: #fff;
}
#storyboards a:visited {
			color: #fff;
}
#storyboards a:hover {
			color: #B0DA51;
	}

div.header {	font-family:Palatino, "Times New Roman", serif;
		font-size:20px;
		font-style:italic;
		color:#fff;
		padding:14px 0px 10px 0px;
}

#samples { 	float:left;
		width:100%;
		padding-left: 350px;
		background-color:#363636;
}

#samples th {	font-family:Palatino, "Times New Roman", serif;
		font-size:25px;
		font-style:italic;
		font-weight: normal; 
		color:#fff;
		padding:14px 0px 10px 0px;
}

#samples tr {
		font-family:Arial, Verdana; 
		font-size:20px;
		color:white;
}
#samples tr a {
		text-decoration:none;
}

#samples tr a:link { 
		color: #fff;
}
		
#samples tr a:visited {
		color: #fff;
}
#samples tr a:hover {
		color: #B0DA51;
}
#contact { height:586px;
	font-family:Arial, Verdana; 
	font-size:24px;
	color:white;		
}


  #main { 
   	    	background-color:#363636;
	}
/* the navigation wrapps! */ 
 @media only screen and (max-width: 1000px)  {
#nav2 a:link {
	color:white;
 }
 #nav2 a:visited {
	color:white;
 }
  #nav2 a:hover{
	color:#B0DA51;
 }
}
-->