/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
	vertical-align: baseline;
}



html { height: 100%; overflow: hidden; }
body { height: 100%; margin: 0; padding: 0; background-color: #d4d4d4; color:#ffffff; font-family:sans-serif; font-size:11px; }

a { color:#cccccc; }
a img { border: none; } 


#blackbox { position:absolute; z-index:2; margin-left:60px; margin-top:30px; width:240px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }
#flashcontent { position:absolute; width:100%; height:100%; z-index:1; margin-left:0px; }

/* -- to delete after CCB DVD is sold out-- */
a#showcasedvd { position: absolute; left: -52px; top: 420px; background: url(../images/dvd-newdirectorsshowcase.png); width:186px; height: 242px; }
/* -- end of to delete -- */

a.saatchilogo { background: url(../images/saatchilogo.png) no-repeat; width: 240px; height: 64px; margin-bottom:25px; display:block; z-index:3; border:none; }
.ourhomepageisyours { text-indent: -9999px; background: url(../images/ourhomepageisyours.png) no-repeat; margin-bottom:25px; width: 230px; height: 84px; }
.thankyou { text-indent: -9999px; background: url(../images/thanks.png) no-repeat; margin-bottom:25px; width: 230px; height: 84px; }
		
		
ul#buttons { list-style:none;}
ul#buttons li { float:left;text-indent: -9999px;margin: 0 0 0 0;}
ul#buttons li a  {display:block;height:28px;}
ul#buttons li#add a { width: 138px;background:url(../images/addyourpicture.png) no-repeat;}
ul#buttons li#add a:hover { background-image:url(../images/addyourpicture-active.png);}
ul#buttons li#goto { float:right;}
ul#buttons li#goto a { width: 83px;background:url(../images/gotosite.png) no-repeat;}
ul#buttons li#goto a:hover { background-image:url(../images/gotosite-active.png);}
ul#buttons li#goto2{ float:left;}
ul#buttons li#goto2 a {width: 83px;background:url(../images/gotosite.png) no-repeat;}
ul#buttons li#goto2 a:hover{background-image:url(../images/gotosite-active.png);}

ul#buttons li#goto3 { float: right; }
ul#buttons li#goto3 a {width: 83px;background:url(../images/gotosite.png) no-repeat;}
ul#buttons li#goto3 a:hover{background-image:url(../images/gotosite-active.png);}
	
#actionindex { position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;	 width:352px; margin-top:165px; margin-left:20px; z-index:4; line-height:150%; }
#actionindex img { margin-bottom:10px; }
	
.st { position:absolute; margin-top:353px; z-index:5; margin-left:300px; }
.ayp { position:absolute; margin-left:20px; margin-top:350px; z-index:6; }
			
.browsebutton { position:absolute;}
.fileinput { position: relative; height: 30px; width: 300px; }
label { display:block; margin-bottom: 3px; text-indent: -9999px; width: 200px; height: 18px; }
label.picture { background: url(../images/picture.png) no-repeat;}
label.pictureBecause { background: url(../images/thispicture-because.png) no-repeat;}
label.title { background: url(../images/title.png) no-repeat;}
label.email { background: url(../images/email.png) no-repeat;}

input { border:none; margin-bottom:15px; display:block; width: 240px; }
textarea { margin-bottom:15px; border:none; width: 240px; }
file{ border:none; }
input.submit { width: auto; }

form.example input { background: url('images/form/fileinputbox.png') no-repeat; width: 167px; border:none; padding-top:13px; height: 35px; }
form.example input:focus { background-color: transparent; }
form.example div.fileinputs { position: relative; height: 30px; width: 300px; }
form.example input.file { width: 300px; margin: 0; }
form.example input.file.hidden { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; }
form.example div.fakefile { position: absolute; top: 0px; left: 0px; width: 350px; padding: 0; margin: 0; z-index: 1; line-height: 90%; }
form.example div.fakefile input { margin-bottom: 5px; margin-left: 0; }