 /* This is the style of your browser text */
html {
     padding:0;
	 margin:0;
}

body {
	font-size:0.9em;
	background-color: #000000;
}

img {
	border: 0px none; 
}

.img_fi {
	border: 2px solid #3b3b3b; 
}

.b{

font-weight:bold
}

.bi{

font-weight:bold;
font-style:italic;
color: #eaa853;
}

.small {

font-size:9px;
color:#eaa853;

}

a{text-decoration:none;color:#cccccc}
a:hover{text-decoration:underline;color:#cccccc}

.darker {color:#3C3C3C}
.darkerstill {color:#5c5c5c}


#Admin {
	position:absolute;
	font-family: Trebuchet MS;
	color: #ccc;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1em;
	top: 90px;
	left: 275px;
	width:490px;
	height:490px;
}

#AdminView {
	position:absolute;
	font-family: Trebuchet MS;
	color: #ededed;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1em;
	top: 90px;
	left: 250px;
	width:490px;
	height:490px;
}



#Admin td {
	font-family: Trebuchet MS;
	color: #ccc;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1em;


}
#Admin td.notes {
	font-family: Trebuchet MS;
	color: #555;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 0.7em;
	margin:10px;
	


}



#AdminView td.viewass {
	font-family: verdana,arial;
	color: #dddddd;
	text-decoration: none;
	word-spacing: -0.08em;
	text-align: left;
	letter-spacing: -0.05em;
	line-height: 1.2em;
	font-size: 0.7em;
	


}


#AdminView td.header {
	font-family: verdana,arial;
	color: #dddddd;
	text-decoration: underline;
	word-spacing: -0.08em;
	text-align: left;
	vertical-align: top;
	letter-spacing: -0.05em;
	line-height: 1.2em;
	font-size: 0.7em;
	font-weight:bold;


}

#AdminView tr.odd {
	background-color: #343434; 
}

#AdminView tr.even {
	background-color: #454545; 
}

#modifyImageHolder {
	position:absolute;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1em;
	top: 40px;
	left: 40px;
	width:200px;
	height:200px;

}



#Main_site {
	position:absolute;
	top: 50%;
	left: 50%;
	width:800px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	border: 1px solid #333;
	background-image: url('../images/background.jpg');
	
}

#Admin_site {
	position:absolute;
	top: 50%;
	left: 50%;
	width:800px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	border: 1px solid #333;
	background-image: url('../images/admin_background.jpg');
	
}

#Nav {
	position:absolute;
	top: 300px;
	left: 0px;
	width:158px;
	height:260px;
	text-align:right;
}

#Admin_Nav {
	position:absolute;
	top: 300px;
	left: 15px;
	width:200px;
	height:260px;
	text-align:right;
}

#Admin_title {
	position:absolute;
	top: 25px;
	left: 175px;
	width:587px;
	height:25px;
	text-align:right;
}

#Animatics_title {
	position:absolute;
	top: 25px;
	left: 175px;
	width:587px;
	height:25px;
	text-align:right;
}

#Animatics {
	position:absolute;
	top: 53px;
	left: 275px;
	width:500px;
	height:490px;
	text-align:right;
}


.animatic img{
border: 1px solid #000;
}

.animatic:hover img{
border: 1px solid #5e69ff;
}

.animatic:hover{
color: #5e69ff; /* irrelevant definition to overcome IE bug */
border: 0px;
}


#Loginbox {
	position:absolute;
	top: 250px;
	left: 300px;
	width:200px;
	height:200px;
	text-align:left;
		font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #b7e2ba;
}

#actionComplete {
	position:absolute;
	top: 250px;
	left: 300px;
	width:300px;
	height:300px;
	text-align:left;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #b7e2ba;
}

.error{
	color: #880000;

}


#Storyboards_title {
	position:absolute;
	top: 25px;
	left: 175px;
	width:587px;
	height:25px;
	text-align:right;
}

#Storyboards {
	position:absolute;
	top: 53px;
	left: 275px;
	width:500px;
	height:490px;
	text-align:right;
}

.nav_storyboard_highlight {
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #b7e2ba;
	font-weight:bold;
	margin-right:-2px;
	padding-top:4px;
	letter-spacing:-.5pt;
}

.nav_storyboard_highlightsub {
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #b7e2ba;
	font-weight:bold;
	margin-right:-2px;
	padding-top:0px;
	letter-spacing:-.5pt;
}


.storyboard img{
border: 1px solid #000;
margin: 3px;
margin-top: 10px;
}

.storyboard:hover img{
border: 1px solid #b7e2ba;
}

.storyboard:hover{
color: #b7e2ba; /* irrelevant definition to overcome IE bug */
border: 0px;
}






#Pressads_title {
	position:absolute;
	top: 25px;
	left: 175px;
	width:587px;
	height:25px;
	text-align:right;
}

#Pressads {
	position:absolute;
	top: 53px;
	left: 275px;
	width:500px;
	height:490px;
	text-align:right;
}

.nav_pressads_highlight {
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #fdff7b;
	font-weight:bold;
	margin-right:-2px;
	padding-top:4px;
	letter-spacing:-.5pt;
}

.nav_pressads_highlightsub {
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #fdff7b;
	font-weight:bold;
	margin-right:-2px;
	padding-top:0px;
	letter-spacing:-.5pt;
}


.pressad img{
border: 1px solid #000;
margin: 3px;
margin-top: 10px;
}

.pressad:hover img{
border: 1px solid #fdff7b;
}

.pressad:hover{
color: #fdff7b; /* irrelevant definition to overcome IE bug */
border: 0px;
}








#Caa_title {
	position:absolute;
	top: 25px;
	left: 175px;
	width:587px;
	height:25px;
	text-align:right;
}

#Caa {
	position:absolute;
	font-family: Trebuchet MS;
	color: #444;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.6em;
	top: 90px;
	left: 275px;
	width:490px;
	height:490px;
}

.caa_clients{
	color:#e1dfdf;
}


.caa_agencies{
	color:#b6b6b6;
}


#Caa_info {
	position:absolute;
	font-family: Trebuchet MS;
	color: #5c5c5c;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.6em;
	top: 308px;
	left: 275px;
	width:490px;
	height:160px;
}


.nav_caa_highlight {
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #efb4b4;
	font-weight:bold;
	margin-right:-2px;
	padding-top:4px;
	letter-spacing:-.5pt;
}






#Wfu_title {
	position:absolute;
	top: 25px;
	left: 175px;
	width:587px;
	height:25px;
	text-align:right;
}

#Wfu {
	position:absolute;
	font-family: Trebuchet MS;
	color: #444;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.7em;
	top: 70px;
	left: 275px;
	width:490px;
	height:490px;
}

.wfu_brief{
	color:#e1dfdf;
}

.wfu_icons{
	font-size:0.8em;
	color:#ececec;
}

.wfu_icons_colour{
	position:absolute;
	top: 100px;
	left: 50px;
	width:111px;
	height:200px;
	font-size:0.6em;
	color:#ececec;
	text-align: center;

}

.wfu_icons_draw{
	position:absolute;
	top: 100px;
	left: 200px;
	width:111px;
	height:200px;
	font-size:0.6em;
	color:#ececec;
		text-align: center;

}

#Wfu_upload {
	position:absolute;
	font-family: Trebuchet MS;
	color: #5c5c5c;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.4em;
	top: 308px;
	left: 275px;
	width:490px;
	height:160px;
}

#Wfu_upload td {
	font-size: 1em;

}

.nav_wfu_highlight {
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #7aff87;
	font-weight:bold;
	margin-right:-2px;
	padding-top:4px;
	letter-spacing:-.5pt;
}



#Logout {
	position:absolute;
	top: 562px;
	left: 15px;
	width:200px;
	height:35px;
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:8pt;
	color: #3C3C3C;
	margin-right:-2px;
	letter-spacing:-.5pt;
}


#Legal {
	position:absolute;
	top: 562px;
	left: 0px;
	width:158px;
	height:35px;
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:8pt;
	color: #3C3C3C;
	margin-right:-2px;
	letter-spacing:-.5pt;
}

#Video{
	position:absolute;
	top: 313px;
	left: 415px;
	width:348px;
	height:281px;
	text-align:right;
	font-family:tahoma,verdana,sans-serif;
	font-size:18pt;
	color: #cccccc;
	letter-spacing:-.5pt;
}

.nav {

	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #cccccc;
	margin-right:-2px;
	padding-top:4px;
	letter-spacing:-.5pt;
}

.navsub {

	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #cccccc;
	margin-right:-2px;
	padding-top:0px;
	letter-spacing:-.5pt;
}

.nav_animatic_highlight {
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #8d92d0;
	font-weight:bold;
	margin-right:-2px;
	padding-top:4px;
	letter-spacing:-.5pt;
}


.nav_contact_highlight {
	text-align:right;
	font-family:verdana,tahoma,sans-serif;
	font-size:0.9em;
	color: #eeeeee;
	font-weight:bold;
	margin-right:-2px;
	padding-top:4px;
	letter-spacing:-.5pt;
}


#Contactus_title {
	position:absolute;
	top: 25px;
	left: 175px;
	width:587px;
	height:25px;
	text-align:right;
}

#map {
	position:absolute;
	font-family: Trebuchet MS;
	color: #444;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.7em;
	top: 70px;
	left: 275px;
	width:490px;
	height:490px;
}

#address {
	position:absolute;
	font-family: Trebuchet MS;
	color: #5c5c5c;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.4em;
	top: 308px;
	left: 275px;
	width:490px;
	height:160px;
}


p {
	margin: .5em 0 1em 0;
}

textarea, input{
	border: 1px solid #dedede;
	background-color:#727272;
	font-family:Trebuchet MS;
	font-size:0.8em;
	font-weight:bold;
	color: #bbfbc1;
}

select{
	border: 1px solid #dedede;
	background-color:#727272;
	font-family:Trebuchet MS;
	font-size:0.8em;
	font-weight:bold;
	color: #bbfbc1;
}

option{
	background-color:#727272;
	font-family:Trebuchet MS;
	font-size:0.8em;
	font-weight:bold;
	color: #bbfbc1;
}