body
{background: #000;
margin: 0px 0px 20px 0px;
font-family: verdana; font-size: 90%;
line-height:140%;
}
 
#container
{width: 1000px; margin: auto;}
 
#header
{width: 978px; height: 325px; margin: auto}
 
#back
{width: 978px;  background:url(../images/site/bg.jpg); margin: auto; repeat-y}

#content
{width: 900px;  margin:auto; padding: 30px 0px 30px 0px;}



td.blue{vertical-align: top; background: url(../images/site/bgleft.jpg) repeat-y; border: solid 1px #feb836}
td.blue2{vertical-align: top; background: url(../images/site/bg4.jpg) repeat-y; border: solid 1px #feb836}
td.blue3{vertical-align: top; background: #92ced1;}
td.blue4{vertical-align: top; background: #b2dada; border-right: solid 1px #feb836}
td.blue5{vertical-align: top; background: #cfe7e7;}
td.blue6{vertical-align: bottom; text-align: right; background: #92ced1; font-weight: bold}
td.main{vertical-align: top; background: url(../images/site/bgmain.jpg) repeat-y; border: solid 1px #feb836}





ul
{list-style-type: circle}

ul.dot{list-style-type: disc; font-size: 100%}

hr {
border: 0;
color: #feb836;
background-color: #feb836;
height: 1px;
width: 100%;
text-align: left;
}

hr.bla {
border: 0;
color: #000;
background-color: #000;
height: 1px;
width: 100%;
text-align: left;
}

.one
{background-color:#bce3f3; padding: 10px}

p.white{color: #fff}

a:link {color:#010080; font-weight: bold; text-decoration: none}     
a:visited {color:#6d2b7b;font-weight: bold; text-decoration: none }  
a:hover {color:#595cd1; font-weight: bold; text-decoration: none}  




a.copy:link{color: #fff;}
a.copy:visited{color: #fff}
a.copy:hover{color:#ffff66}

a.copy2:link{color: #000;}
a.copy2:visited{color: #000}
a.copy2:hover{color:#000}

.small{font-size: 70%; color:#fff}
.sml{font-size: 70%}
.smll{font-size: 80%}

.right{float: right; margin: 10px 10px 10px 10px}
.left{float: left; margin: 0px 20px 10px 0px}
.left2{float: left; margin: 20px 20px 10px 0px}


.img-shadow {
  float:left;
  background: url(../images/site/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/site/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;}




		








		


h1.picfilmpro {
	width: 920px; height: 70px;
	position: relative;
	overflow: hidden}
	
	h1.picfilmpro span {
		background: url("images/titles/film-and-tv-production.jpg");
		position: absolute;
		width: 100%;
		height: 100%;}	
		
		

	
		
h1.picqa {
	width: 920px; height: 70px;
	position: relative;
	overflow: hidden}
	
	h1.picqa span {
		background: url("images/titles/questions-and-answers.jpg");
		position: absolute;
		width: 100%;
		height: 100%;}	
		
	
		
			
		


		
		
h1.picts {
	width: 920px; height: 70px;
	position: relative;
	overflow: hidden}
	
	h1.picts span {
		background: url("images/titles/tony-scannell.jpg");
		position: absolute;
		width: 100%;
		height: 100%;}			
		
		
h1.picsite {
	width: 920px; height: 70px;
	position: relative;
	overflow: hidden}
	
	h1.picsite span {
		background: url("images/titles/site-map.jpg");
		position: absolute;
		width: 100%;
		height: 100%;}	
		
		

h1.picty {
	width: 920px; height: 70px;
	position: relative;
	overflow: hidden}
	
	h1.picty span {
		background: url("images/titles/thank-you.jpg");
		position: absolute;
		width: 100%;
		height: 100%;}	
		
		

		



		
#preview{
	position:absolute;
	border:1px solid #000;
	background:#000;
	padding:1px;
	display:none;
	color:#000;
	}

	#box{
	width:600px;
	border: solid 3px #c00000;
	margin: 10px;
	padding: 10px
	}