/*
Author: John O'Reilly -|- Futurexperience -|- www.fxwebdesign.ca 
Project: NPCH.CA Warren Broad Counceling
Date: 3/22/2010
*/



/*        :::::       CSS contents */

/*
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/

/*        :::::       Colour reference */
 
/*



/*   

/*     :::::       Reset defaults  based on Eric Meyer's CSS Reset  http://meyerweb.com/eric/tools/css/reset/ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/*        :::::       Layout */

body {
	font-family: Tahoma, Geneva, sans-serif;
	background:#fff;
	color:#000;
	}

/*        :::::      sticky footer css  http://ryanfait.com/resources/footer-stick-to-bottom-of-page */

html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -200px; }
#footer_container, .push { height: 200px; clear:both; }

/*        :::::      CONTAINER ELEMENTS  */	
#wrapper {
	width:100%;
	margin:0 auto;
	min-width:960px;
	}
	

#header_container {
	clear:both;
	margin:0 auto;
	width:850px;
	}
	
#width_container {
	margin:-30px auto 0;
	width:800px;
	padding:50px;
	line-height:24px;
	}


#footer_container{
	clear:both;
	width:650px;
	margin:0 auto;
	}
	

/*        :::::      LOGO ELEMENTS  */	


h1#logo{
	position:relative;
	margin-top:50px;
	width:800px;
	height:350px;
	background: url('../imgs/logo.jpg') top left no-repeat;
	}

h1#logo a {
	display:block;
	height:350px;
	text-indent:-9999px;
	}

#fx-logo{
	float:right;
	width:135px;
	height:40px;
	background: url('../imgs/fx-logo.png') top left no-repeat;
	}

#fx-logo a {
	display:block;
	height:40px;
	text-indent:-9999px;
	}



/*        :::::       Headings */

h1 a { 
	text-decoration:none;
	letter-spacing:-1px;
	margin:0 0 15px; 
	font-weight:normal;
	font-size: 64px;
	color: #000; 
	}

h2{ margin:0 0 15px; font-weight:normal; font-size: 46px; color: #000; }

/*        :::::       Lists */



/*        :::::       Images */

img{ border:none; }
img.left{ margin:0 10px 10px 0; }
img.right{ margin:0 0 10px 10px; }

/*        :::::       Links */

a{}
a:hover{}

/*        :::::       Forms */


/*        :::::       Tables */


/*        :::::       Typography */

p{margin:0 0 15px;}

#content_container p {margin:0 0 15px; line-height:20px; font-size:14px; }

/*        :::::       Other */

.right{float:right;}
.left{float:left;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}


/* TO SOLVE SEVERAL OF IE5 ISSUES EASILY */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear{clear:both;}
.clear {display: inline-block;} /* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear {display: block;} /* End hide from IE-mac */