@charset "utf-8";

/* CSS Document */



/*LICENCE --------------------------------------

Spiffmedia Limited

Monday 13th July 2009

*/



/*NOTES ----------------------------------------



CSS Style Sheet created by Lele Simeon



UPDATE INFO ------------------------------------



Revision number: 1.0

Last updated: 13 July 2009

Last update made by: Lele



CONTENTS ---------------------------------------

=1: Reset all elements to a common value

=2: Default classes

=3: Accessibility

=4: Default Styles

=5: Layout Styles

=6: Generic styles

=7: Page related styles

*/



/* -- =1: reset all elements to a common value ----------------------------------------------------- */

body {color:#000;background:#000;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:"'";}

abbr,acronym {border:0;font-variant:normal;}

sup,sub {line-height:-1px;vertical-align: text-top;}

sub {vertical-align:text-bottom;}

input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}







/* -- =2: default classes -------------------------------------------------------------------------- */



.error { font-family:Georgia, "Times New Roman", Times, serif; width: 150px!important; float: left; margin-left: 10px; text-align: left; color: #CC3300; font-size: 1.2em; font-weight:bold; text-transform:lowercase; font-style:italic!important; }

.blue { color: #6699cc!important; }

.bold { font-weight: bold !important; }

.boldred {font-weight: bold!important; color: #CC3300;}

.boldblue { font-weight: bold!important; color: #6699cc; }

.boldpink {font-weight: bold!important; color: #FF0099;}

.boldpurple {font-weight: bold!important; color: #663399;}

.boldgrey {font-weight: bold!important; color: #666;}

.boldgray {font-weight: bold!important; color: #999;}

.boldbrown { font-weight: bold!important; color: #5c342a!important;}

.boldbrowncaps { font-weight: bold!important; color: #5c342a!important; text-transform: uppercase; }

.bigboldpink {font-size: 1.2em!important; font-weight: bold!important; color: #FF0099;}

.italic { font-style:italic !important; padding: 15px; margin-left: 10px; margin-right: 10px;}

.bolditalic { font-weight: bold; font-style:italic !important; padding: 15px; margin-left: 10px; margin-right: 10px;}

.bolditalicgreygeorgia { color: #4d4d4d!important; font-weight: bold; font-style:italic !important; font-family:Georgia, "Times New Roman", Times, serif!important; padding: 15px; margin-left: 10px; margin-right: 10px; text-align:justify;}

.bolditalicgeorgia { font-weight: bold; font-style:italic !important; margin-left: 10px; margin-right: 10px; font-family:Georgia, "Times New Roman", Times, serif!important;}



.capitalise { text-transform:capitalize;}

.caption { font-size: 1em; font-style:italic; font-weight: bold; text-align: left;}

.center { text-align: center; }

.copyright { font-size: 1em; text-align: center!important; color: #EDEDED!important; padding: 5px; margin: 0 auto;}

.clear { clear: both; }

.emphasis { font-weight: bold !important; color: #FF0099; font-size: 1.3em!important; }



.floatRight { float: right; }

.floatLeft { float: left;}

.heading { margin: 0 0 10px 10px!important; padding: 0!important; text-align:left!important; letter-spacing: 0.2em; font-size: 1.4em!important; color: #999!important; text-transform: uppercase;}

.subheading { margin: 0 0 0 10px!important; padding: 0!important; text-align:left!important; letter-spacing: 0.1em; font-size: 1.3em!important; color: #666!important; }

.uppercase { text-transform: uppercase; }

.adminheading { margin: 0 0 10px 0!important; padding: 0!important; text-align:left!important; letter-spacing: 0.1em; font-size: 1.4em!important; color: #999!important; text-transform: uppercase;}

.adminsubheading { margin: 0 0 0 0!important; padding: 0!important; text-align:left!important; font-size: 1.3em!important; color: #666!important; }





.imgpad { float: left; margin: 10px;}

.imgpad20 { float: left; margin: 20px 20px 20px 40px; border: 1px solid #333;}

.normal { padding: 0; margin: 10px; text-align:justify; line-height:1.5em;}

.toggle { margin-left: 20px; margin-right: 10px; text-align:justify;}

.right { text-align: right !important; }

.left { text-align: left !important; }

.small { font-size: 0.9em; }

.smaller { font-size: 0.8em !important; }

.smalladdress { font-size: 0.9em!important; font-weight: bold;}



.marginleft10 { margin-left: 10px!important; }

.marginleft20 { margin-left: 20px!important; }



.formdesc { color:#993300 !important; font-size:1.1em; font-style:italic; font-weight:bold; margin-left:160px !important; width:80%; }

.formdesc2 { color:#993300 !important; font-size:1.1em; font-style:italic; font-weight:bold; margin-left:100px !important; width:80%; }

.formimgdesc {  color:#993300 !important; font-size:1.1em; font-style:italic; font-weight:bold; margin-left:160px !important; width:50%!important;  }

.cancel { float: left; margin: 5px;}



p.footer { margin-top: 30px; color: #CCCCC; font-size: 1em;}



/* -- =3: accessibility ---------------------------------------------------------------------------- */

.aural {

	position: absolute;

	left: -9999px;

	font-size: small;

}



.hide { display: none; }





/* -- =4: Default Styles --------------------------------------------------------------------------- */

/* =4a: colours, sizes, etc of elements */

body {

	font: 62.5%/1.4 sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */

	background-color: #000000!important;

}



img, div { behavior: url(scripts/iepngfix.htc)!important; }



h1 { font-family: Verdana, Tahoma, sans-serif; font-size: 2.2em; color: #CCCCCC; font-weight: bold; padding: 10px; margin-left: 20px; }



h2 { font-family: Verdana, Tahoma, sans-serif; font-size: 1.8em; color: #CCCCCC; font-weight: bold; padding: 10px; margin-left: 20px;}



h3 { font-family: Verdana, Tahoma, sans-serif; font-size: 1.6em; color: #CCCCCC; font-weight: bold; padding: 10px; margin-left: 20px;}



h4 { font-family: Verdana, Tahoma, sans-serif; font-size: 1.5em; color: #CCCCCC; font-weight: bold; padding: 10px; margin-left: 20px;}



h5 { font-family: Verdana, Tahoma, sans-serif; font-size: 1.4em; color: #CCCCCC; font-weight: bold; padding: 10px; margin-left: 20px;}



p {  font-family: Verdana, Tahoma, sans-serif; font-size: 1.2em; color: #CCCCCC; text-align: justify; }



ul { font-family: Verdana, Tahoma, sans-serif; color: #CCCCCC; padding: 0!important;  }

ol { font-family: Verdana, Tahoma, sans-serif; font-size: 1.2em; color: #CCCCCC; margin-left: 10px; padding: 0!important; line-height: 2em!important; }

li {list-style-type:disc; list-style-position: outside;}

ol li { list-style-type:decimal!important; font-weight: bold;}

pre { color:#EDEDED !important; font-size:1.5em; font-style:italic; font-weight:bold; margin-left:160px !important; width:80%; }



table { font-family: Verdana, Tahoma, sans-serif; color: #CCC; font-size: 1.2em; margin-left: 20px; }

td { padding: 5px; }

table a:link {color: #CC3300!important; text-decoration:none;  font-weight: bold;}						/* Grey unvisited link */

table a:visited {color: #CC3300!important; text-decoration:none;  font-weight: bold;}						/* PALE GREY visited link */

table a:hover {color: #993300!important; text-decoration:none;  font-weight: bold;}						/* WHITE BOLD mouse over link */

table a:active {color: #CC3300!important; text-decoration:none;  font-weight: bold;}   					/* GREY selected link */





/* NAVIGATION STYLE ENDS*/



/* -- =5: Layout Styles ---------------------------------------------------------------------------- */

html, body {

height: 100%;

}



html {

background-color: #000!important;	

}



body {

	font: 62.5%/1.4 sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */

	background-color: #000!important;

}

#header, #body_section, #nav, #footer { float: left; }

#container { /* keep the layout together and centered */

	width: 1022px;

	overflow: hidden;

	margin: 0 auto;

	padding: 0;

	/*border: 1px solid #333;*/

}



#header {

	width: 1022px;

	height: 128px;

	margin: 0 auto;

	padding: 0;

	}



	#logosymbol {

	margin-top: 28px;

	margin-left: 528px;

	padding: 0;

	float: left;

	width: 40px;

	height: 59px;

	}

	

	#redlogo {

	width: 40px;

	height: 59px;

	float: left;

	margin-left: 511px;

	margin-top: 45px;

	}

	

	#logo {

	margin-top: 12px;

	margin-left: 303px;

	padding: 0;

	float: left;

	width: 415px;

	height: 66px;

	}

	

	#myFlashLogo {

	margin-top: 12px;

	margin-left: 303px;

	padding: 0;

	float: left;

	width: 415px;

	height: 66px;

	}

	

#body_section {

	width: 1022px;

	height: 100%;

/*	min-height: 578px;*/

	min-height: 478px;

	}

	

	#nav {

	width: 120px;

	height: 346px;

	margin: 0 auto;

	padding: 0;

	}

	

/*  CONTAINER: 892 pixels  */

	

#footer {

	width: 1022px;

	height: 100px;

	margin-left: 386px;

	padding: 0;

}



#myFlashContent {

	float: left; 

	margin: 0 auto;

	width: 828px;

	height: 387px;

	background-color: #000;	

}