/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 60px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -32px; /* negative value of footer height */
	height: 50px;
	clear:both;
	width: 100%;
	background-color: #444;
	color: #eee;
	text-indent: 80px;
	font-size: 10pt;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/** FFF homepage css by cgwyllie */
			body, div {
				margin: 0px;
				padding: 0px;
				font-family: verdana, sans;
				font-size: 11pt;
			}
			
			body {
				background-color: #eee;
				text-align: center;
				background-image: url('../images/page_bg.png');
				background-repeat: repeat-x;
				background-position: bottom center;
				/* hack.. ;-) */
				-ms-background-position-y: 400px;
			}
			
			p {
				width: 90%;
				margin: auto;
				/*padding-bottom: 10px;*/
				text-align: left;
				font-size: 12pt;
			}
			
			h3 {
				width: 95%;
				margin: auto;
				/*padding-bottom: 8px;*/
			}
			
			h2 {
				color: #ff0000;
			}
			
			a, a:link, a:active {
			text-decoration: none;
			color: #3333ee;
		}
		a:visited {
			color: #0000dd;
		}
		a:hover {
			color: #ee3333;
			text-decoration: underline;
		}
		a img {
			border: 0;
			text-decoration: none;
		}
			
			#header {
				width: 100%;
				height: 144px;
				background-color: #444;
				background-image: url('../images/header_bg.png');
				background-repeat: repeat-x;
				clear: both;
				margin-bottom: 10px;
			}
				#logo {
					margin-left: 10px;
					float: left;
					height: 144px;
					display: block;
					/* hack :P */
					margin-bottom: -6px;
				}
				#logo img {
					width: 270px;
					height: 144px;
					margin: 0;
					padding: 0;
				}
			
				#header_right {
					float: right;
				}
				#navigation {
					width: 600px;
					color: #eee;
					text-align: right;
					margin-right: 5px;
				}
				#navigation a, #navigation a:link, #navigation a:active {
					color: #9999dd;	
				}
				#fadeBox {	
					font-size: 38pt;
					font-style: italic;
					text-align: right;
					margin: 0px;
					width: 600px;
					height: 115px;
					line-height: 115px;
					color: #ccc;
				}
			
			#container {
				width: 100%;
				height: auto !important;
				height: 100%;
				min-height: 100%;
				position: relative;
			}
			#right_column_container {
				width: 908px;
				margin: auto;
			}
				#right_container {
					float: right;
				}
				#content_container {
					margin: auto;
					width: 428px;
					float: left;
					margin-right: 10px;
					/*margin-bottom: 10px;*/
				}
				#content {
					width: 428px;
					min-height: 400px;
					background-image: url('../images/content_middle.png');
					background-repeat: repeat-y;
				}
				#content_top_border {
					width: 428px;
					height: 12px;
					background-image: url('../images/content_top.png');
					font-size: 10%;
				}
				#content_bottom_border {
					width: 428px;
					height: 4px;
					background-image: url('../images/content_bottom.png');
					margin-top: auto;
					font-size: 10%;
				}
				
				#boxes {
					float: left;
				}
				
				.box {
					width: 268px;
					margin-right: 10px;
				}
				.box_top_border {
					width: 268px;
					height: 13px;
					background-image: url('../images/box_top.png');
					font-size: 10%;
				}
				.box_content {
					width: 268px;
					min-height: 100px;
					background-image: url('../images/box_middle.png');
					background-repeat: repeat-y;
				}
				.box_content p {
					text-align: center;
				}
				.box_bottom_border {
					width: 268px;
					height: 13px;
					background-image: url('../images/box_bottom.png');
					font-size: 10%;
				}
				
				#adverts {
					width: 188px;
					float: left;
				}
				.adbox {
					width: 188px;
					float: left;
					text-align: center;
				}
				.adbox_top_border {
					width: 188px;
					height: 12px;
					background-image: url('../images/adbox_top.png');
					font-size: 10%;
				}
				.adbox_content {
					width: 188px;
					min-height: 100px;
					background-image: url('../images/adbox_middle.png');
					background-repeat: repeat-y;
				}
				.adbox_content p {
					font-size: 10pt;
				}
				.adbox_bottom_border {
					width: 188px;
					height: 12px;
					background-image: url('../images/adbox_bottom.png');
					font-size: 10%;
				}
				
			/*#footer {
				width: 100%;
				height: 50px;
				background-color: #333;
				clear: both;
				position: absolute;
				bottom: 0px;
			}
			#footer p {
				color: #eee;
				font-size: 10pt;
				text-align: center;
				padding-left: 80px;
			}
			#footer_border {
				width: 100%;
				height: 4px;
				background-image: url('../images/footer_fade.png');
				background-repeat: repeat-x;
				position: relative;
				top: -4px;
			}*/

a.downloadButton {
	background-image: url('/images/downloadButton.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 22px;
	line-height: 20px;
	font-size: 14pt;
	color: #449;
	font-weight: bold;
	margin: auto auto;
}
a.downloadButton:hover {
	text-decoration: underline;
}