<STYLE TYPE="text/css">
<!--

/*sub heading blue*/	
	H5 
		{ 
		font-size: 6pt; 
		color: #111111;
		font-family: arial,sans-serif

		}

		/*sub heading blue*/	
	H4 
		{ 
		font-size: 8pt; 
		color: #586970;
		margin:0;
		font-weight: bold;
		font-family: arial,sans-serif

		}

/*main heading red*/
	H1 
		{ 
		font-size: 12pt; 
		color: 586970;
		margin:0;
		font-family: arial,sans-serif 
		}

/*sub heading blue*/	
	H2 
		{ 
		font-size: 11pt; 
		color: 7F939B;
		margin:0;
		font-family: arial,sans-serif 
		}

/*sub heading gold*/	
	H3 
		{ 
		font-size: 9pt; 
		color: #586970;
		font-family: arial,sans-serif;
		margin:0;
		}




/*black text*/	

	p
	{
	font: 9pt arial;
	color: #111111;
	}
	
	
	.home
		{
		color: #111111;
		margin:0; 
		font-size: 8pt; 
		font-family: arial,sans-serif; 
		}
	
	p.blue
		{
		color: #2C5F91;
		font-size: 10pt; 
		margin:0;
		font-family: arial,sans-serif; 
		font-weight: bold;
		}

	p.error
		{
		color: #ff0000;
		font-size: 6pt; 
		margin:0;
		font-family: arial,sans-serif
		}

	p.tiny
		{
		color: #111111;
		font-size: 8pt; 
		margin:0;
		font-family: arial,sans-serif
		}

	p.copyright
		{
		color: #003465;
		font-size: 6pt; 
		margin:0;
		font-family: arial,sans-serif; 
		font-weight: bold;
		}


hr.light { 
	color: #ffffff;
		}



td.mainBody { 
	margin: 0px 0px 0px 0px; 
	padding: 0px;  
	text-align: left;
	margin:0;
	font: 9pt arial;
	color: #111111;
		}

	td.mainBody a:link {color: #586970; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
	td.mainBody a:visited {color: #586970; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
	td.mainBody a:hover {color: #586970; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: underline}


	td.mainbody ul	{ 
	list-style-image: url("arrow.gif"); 
	margin:0;
	font: 9pt arial;
	color: #111111;
	position: relative;
	padding-left: .45em;
	margin-left: 1em;
	/*text-indent: -5px; when IE figures it out*/
	}


/* mainbody for red links on home and portfolio page, linked to header3 in commone.php*/
td.mainBodyRed { 
	margin: 0px 0px 0px 0px; 
	padding: 0px;  
	text-align: left;
	margin:0;
	font: 9pt arial;
	color: #111111;
		}
		td.mainBodyRed a:link {font-size: 9pt; color: #A90100; font-family: arial,sans-serif; margin:0; font-weight: bold; text-decoration: none}
		td.mainBodyRed a:visited {font-size: 9pt; color: #A90100; font-family: arial,sans-serif; margin:0; font-weight: bold; text-decoration: none}
		td.mainBodyRed a:hover {font-size: 9pt; color: #A90100; font-family: arial,sans-serif; margin:0; font-weight: bold; text-decoration: underline}



 table.popup
	{
	background-color: #ffffff;
	width: 500px;
	border: 1px solid #718790;
	border-spacing: 0px;
	padding: 0px;
	padding: 5px 10px 5px 10px;
	}


 td.popup
	{
	color: #111111;
	border: 0;
	margin:0; 
	font-size: 8pt;
	font-family: arial,sans-serif;
	background-color:ffffff;
	padding: 5px 10px 5px 10px;
	}

 td.header 
	{
	background-color: #5D8595;
	font-family: arial,sans-serif;
	text-indent: 10;
	color:ffffff; 
	font-size:11pt; 
	caption-side:bottom; 
	}

 






.box {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	clear: center;
	float: center;
	width: 550px;
	height: auto;
	border: 1px solid #44537A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #111111;
	background-color: #ffffff;
	vertical-align: center;
/*	background: #FFF9F9 url(http://www.cleanfilms.com/images/error.gif) 5px 20% no-repeat;*/
}

.box2 {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	clear: center;
	float: center;
	width: 500px;
	height: auto;
	border: 1px solid #44537A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #111111;
	background-color: #ffffff;
	vertical-align: center;
/*	background: #FFF9F9 url(http://www.cleanfilms.com/images/error.gif) 5px 20% no-repeat;*/
}



.blueBoxRight {
	margin: 0px;
	padding: 10px 10px 10px 10px;
	clear: center;
	float: right;
	width: 200px;
	height: auto;
	border: 10px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
/*	background-color: #718790;*/
	vertical-align: center;
	background: #89A3AE url(boxbg.gif) no-repeat top;
}

.newsBox {
	margin-bottom: 30px;
	padding: 2px 10px 2px 10px;
	clear: center;
	float: right;
	width: 120px;
	height: auto;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #111111;
	background-color: #DBE1E3;
	vertical-align: center;
	/*background: #89A3AE url(boxbg.gif) no-repeat top;*/
}

.rightbox {
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 2px 10px 2px 10px;
	float: right;
	width: 280px;
	height: auto;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5pt;
	color: #111111;
	background-color: #DBE1E3;
	vertical-align: center;
	/*background: #89A3AE url(boxbg.gif) no-repeat top;*/
}

		.rightbox a:link {font-size: 5pt; color: #A90100; font-family: arial,sans-serif; margin:0; font-weight: bold; text-decoration: none}
		.rightbox a:visited {font-size: 5pt; color: #A90100; font-family: arial,sans-serif; margin:0; font-weight: bold; text-decoration: none}
		.rightbox a:hover {font-size: 5pt; color: #A90100; font-family: arial,sans-serif; margin:0; font-weight: bold; text-decoration: underline}




/*link decorations*/
	
		a.body:link {color: #477575; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
		a.body:visited {color: #477575; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
		a.body:hover {color: #477575; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: underline}
		
		a.homelink:link {color: #2C5F91; font-size: 10pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
		a.homelink:visited {color: #2C5F91; font-size: 10pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
		a.homelink:hover {color: #2C5F91; font-size: 10pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: underline}

		a.tiny:link {color: #477575; font-size: 8pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
		a.tiny:visited {color: #477575; font-size: 8pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
		a.tiny:hover {color: #477575; font-size: 8pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: underline}


/* cell background for extra links*/
	.cellshadowleft 
		{
		background-image: url('http://www.web-mirage.com/fadeleft.jpg');
		background-repeat: repeat-y;
		}

	.cellshadowright 
		{
		background-image: url('http://www.web-mirage.com/faderight.jpg');
		background-repeat: repeat-y;
		}

	.cellshadowtop 
		{
		background-image: url('http://www.web-mirage.com/fadetop.jpg');
		background-repeat: repeat-x;
		}
	
	.cellshadowbottom 
		{
		background-image: url('http://www.web-mirage.com/fadebottom.jpg');
		background-repeat: repeat-x;
		}

	.cellshadowbody 
		{
		background-image: url('http://www.web-mirage.com/fadebody.jpg');
		background-repeat: repeat-x;
		}

/*repeating bg*/
/*

body

{ 
background-image: 
url("stripe.jpg");
background-repeat: repeat-x
}

*/

/* sign in boxes */

.signin 

{
font: 10px verdana, arial, sans-serif; 
padding-left: 3px; 
border: 1px #818181 solid; 
color: #111111; 
width: 80px; 
background-color: #a7bdbd
}


.signindark

{
font: 10px verdana, arial, sans-serif; 
padding-left: 3px; 
border: 1px #818181 solid; 
color: #ffffff; 
width: 80px; 
background-color: #477575
}


/* form boxes */

.form 

	{
	color: #111111;	
	font-size: 8pt;
	font-family: arial,sans-serif
	padding-left: 3px; 
	border: 1px #818181 solid; 
	color: #111111; 
	width: 200px; 
	background-color: #C2D1D6;
	}

.form2 

	{
	color: #111111;	
	font-size: 8pt;
	font-family: arial,sans-serif
	padding-left: 3px; 
	border: 1px #818181 solid; 
	color: #111111; 
	width: 300px; 
	background-color: #C2D1D6;
	}


.formdark 

	{
	color: #ffffff;	
	font-size: 8pt;
	font-family: arial,sans-serif
	padding-left: 3px; 
	border: 1px #818181 solid; 
	width: 120px; 
	font-weight: bold;
	background-color: #718790;
	}



.emailbody 

	{
	color: #111111;	
	font-size: 8pt;
	font-family: arial,sans-serif
	padding-left: 3px; 
	border: 1px #818181 solid; 
	color: #111111; 
	width: 450px; 
	background-color: #C2D1D6;
	}










/*##################### Newsletter #########################*/

td.newsBody { 
	margin: 0px 0px 0px 0px; 
	padding: 20px 10px 10px 10px;  
	text-align: left;
	margin:0;
	vertical-align: top;
	font: 9pt arial;
	color: #111111;
		}

	td.newsBody a:link {color: #586970; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
	td.newsBody a:visited {color: #586970; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
	td.newsBody a:hover {color: #586970; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: underline}





td.newsBody hr 
		{ 
	color: 586970;
		}


	td.newsBody ul	{ 
	list-style-image: url("arrow.gif"); 
	margin:0;
	font: 10pt arial;
	color: 586970;
	font-weight: bold;
	position: relative;
	padding-left: .45em;
	margin-left: 1em;
	/*text-indent: -5px; when IE figures it out*/
	}

	
td.newsSide {  
	padding: 10px 0px 10px 10px;  
	text-align: left;
	margin: 0;
	vertical-align: top;
	background-color:#DCE4E8;
	font: 9pt arial;
	width: 198px;
	color: #111111;
		}

	td.newsSide a:link {color: #586970; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
	td.newsSide a:visited {color: #586970; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: none}
	td.newsSide a:hover {color: #586970; font-size: 9pt; font-family: arial,sans-serif; font-weight: bold; text-decoration: underline}

	
	td.newsSide hr 
		{ 
	color: 586970;
		}


#newsSideBox {  
	padding: 0px;  
	text-align: center;
	margin: 0px -10px 0px -10px;
	background-color:#586970;
	BORDER: none; 
	border: solid 0px; 
	width: 208px;
	height: 25;
	display: block;
	font: 14pt arial;
	color: #fff;
		}



td.footer {  
	padding: 2px 0px 2px 5px;  
	text-align: left;
	margin: 0;
	vertical-align: top;
	background-color: 282526;
	font: 9pt arial;
	color: fff;
		}

/*######################### end Newsletter ##########################*/







 

/*
	p.table
		{
		border-style: solid;
		border-color: #00255B;
		border-width: 2px;
		background-color: #00255B;
		font-size: 10pt;
		font-family: arial,sans-serif;
		color: #ffffff
		}

.inset {
	margin: -5px 0px 5px 5px;
	padding: 5px;
	clear: right;
	float: right;
	height: auto;
	width: 200px;
	border: 3px solid #a99059;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 111111;
	background-color: efe9da;
	text-align: justify;
	vertical-align: top;
}

*/

/*numbered list*/
	ol.decimal 
	{ 
	list-style-type: decimal;
	font-size: 10pt;
	font-family: arial,sans-serif	
	}

	ol.alpha
	{
	list-style-type: lower-alpha;
	font-size: 10pt;
	font-family: arial,sans-serif
	}


/*bulleted list*/
	ul.check
	{ 
	list-style-image: url("../bullet.gif"); 
	list-style-type: circle;
	font-size: 10pt;
	font-family: arial,sans-serif	
	}
	
	ul.arrow
	{ 
	list-style-image: url("arrow.gif"); 
	list-style-type: circle;
	margin:0;
	}
	
	ul.arrow2
	{ 
	list-style-image: url("../arrow2.gif"); 
	list-style-type: circle;
	font-size: 10pt;
	font-family: arial,sans-serif
	}
-->
</STYLE>
