@charset "UTF-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

li {list-style:none;}
.clearfloat {clear:both;}

body {
	font-size: 62.5%;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background: url(images/body-bg.jpg) repeat-x top #ffffff;
	color:#5d5d5d;
	margin: 0;
	padding: 0;
}

h1 {
color:#262626;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:55px;
font-weight:bold;
letter-spacing:0;
line-height:1em;
text-transform:uppercase;
}

div#page-wrap {
	margin: 0 auto;
	width: 960px;
}

/* Billboard */

	ul#header {
	height: 596px; width: 960px;
	background: url(images/header-bg.jpg) no-repeat top;
	}
	ul#header-whoisryan {
	height: 596px; width: 960px;
	background: url(images/header-bg-whoisryan.jpg) no-repeat top;
	}
	ul#header-whatisfh {
	height: 596px; width: 960px;
	background: url(images/header-bg-whatisfh.jpg) no-repeat top;
	}
	
/* Clear Navbar in IE */
	
div#clear-nav {
	height: 100px;
	clear: both;
	}	
	
/* Home Navigation Menu */
        ul#header li, ul#header-whoisryan li, ul#header-whatisfh li{
	    display:inline;
	 	position:relative;
		}
	
		ul#header li a, ul#header-whoisryan li a, ul#header-whatisfh li a{
		text-indent:-9999px;
		color: transparent;
		list-style: none;
		border-style: none;
		}

		
		ul#header li#nav1 a{
	   	height:100px; width:180px;
		background: url(images/nav1.jpg) bottom center;
		float: left;
	  	margin-top: 595px;
		}
	
			ul#header li#nav1 a:hover{background: url(images/nav1.jpg) top center;}
			
			
		ul#header li#nav2 a{
		height:100px; width:780px;
		background: url(images/nav2.jpg) bottom center;
		margin:0;
		float: right;
	 	margin-top:595px;
		}
			ul#header li#nav2 a:hover{background: url(images/nav2.jpg) top center;}
			
/* Who Is Ryan? Navigation */

		ul#header-whoisryan li#nav1-whoisryan a{
		height:100px; width:180px;
		background: url(images/nav1-whoisryan.jpg) bottom center;
		float: left;
		margin-top: 595px;
			}
			
			ul#header-whoisryan li#nav1-whoisryan a:hover{background: url(images/nav1-whoisryan.jpg) top center;}
		
		ul#header-whoisryan li#nav2-whoisryan a{
		height:100px; width:780px;
		background: url(images/nav2-whoisryan.jpg) bottom center;
		float: right;
		margin-top: 595px;
		}
			ul#header-whoisryan li#nav2-whoisryan a:hover{ background: url(images/nav2-whoisryan.jpg) top center;}
			
/* What is Financial Harmony? Navigation */

		ul#header-whatisfh li#nav1-whatisfh a{
		height:100px; width:180px;
		background: url(images/nav1-whatisfh.jpg) bottom center;
		float: left;
		margin-top: 595px;
		}
			ul#header-whatisfh li#nav1-whatisfh a:hover{ background: url(images/nav1-whatisfh.jpg) top center;}

		ul#header-whatisfh li#nav2-whatisfh a{
		height:100px; width:780px;
		background: url(images/nav2-whatisfh.jpg) bottom center;
		float: right;
		margin-top: 595px;
		}
	
			ul#header-whatisfh li#nav2-whatisfh a:hover{ background: url(images/nav2-whatisfh.jpg) top center;}

/* Home quotes */

div#main-content {
	width:640px;
	margin-bottom: 25px;
	padding-bottom:25px;
	float:left;
}
	div#main-content p{
	width:500px;
	line-height: 1.5em;
	font-size: 1.5em;
	padding:25px 25px;
	}
	div#main-content p#disclaimer{
	width:500px;
	color:#999999;
	font-style: italic;
	font-size: 1.1em;
	padding:25px 25px;
	}
	div#main-content h1{
	margin: 10px 0;	
	}
	div#main-content h4{
	font-family: "Georgia";
	color:#9c6b4a;
	text-transform: none;
	letter-spacing: -1px;
	font-size: 1.9em;
	font-weight: normal;
	font-style: italic;
	padding:0 25px;
	margin-top: -20px;

	}
	
/* Common Content */
	
	div#main-content-common {
		width:640px;
		margin-bottom: 25px;
		float:left;
		padding-bottom: 25px;
	}
		div#main-content-common a {
		color:#5d5d5d;
		}
		div#main-content-common h4 a{
		color: #5d5d5d;
		font-size: 1.5em;
		font-family: "Georgia";
		font-weight: normal;
		font-style: italic;
		}
		div#main-content-common p{
		width:500px;
		line-height: 1.5em;
		font-size: 1.5em;
		padding:25px 25px;
		}
		div#main-content-common h1{
		margin: 0 0 30px 0;	
		}
		div#main-content-common h4{
		font-family: "Georgia";
		color:#9c6b4a;
		text-transform: none;
		letter-spacing: -1px;
		font-size: 1.9em;
		font-weight: normal;
		font-style: italic;
		padding:0 25px;
		margin-bottom: -5px;
		}	
	ul#main-content-list {
		width:500px;
		line-height: 1.5em;
		font-size: 1.5em;
		padding:25px 25px;
	}

/* Sidebar */

div#sidebar-right {
	width:300px;
	background: url(images/email-bg.jpg) top no-repeat;
	float:right;
    }
	div#sidebar-right p{
	font-size: 1.25em;	
	padding:0 10px;
	margin:10px 0;
	}

/* Footer */

div#footer {
	width:100%; height:400px;
	background:url(images/footer-bg.jpg) repeat-x top;
}

	div#footer-text {
		margin: 0 auto;
		width: 960px;
		color:#CCCCCC;
	}
		div#footer p {
		font-size: 1.5em;
		padding-top: 35px;
		}
		
		div#footer-text img {
		border: none;
		margin: 20px 0 0 15px;
	}
		div#footer-text a{
		color:#CCCCCC;	
		font-size: 1.2em;
		}
		
		div#footer-text ul{
		width: 240px;
		list-style: none;
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 0px;
		display: block;
		float:left;
	}
		div#footer-text ul#legal {
		width: 500px;
		list-style:none;
		margin:0;
		float: right;
		}
		
		div#footer-text ul#legal h3{
		margin-top: 2em;
		}
		
		div#footer-text ul#legal p {
		font-size: 1.2em;
		padding:0;	
		}
			div#footer-text h3{
			font-family:arial;
			font-weight: bold;
			font-size: 1.6em;
			text-transform: none;
			border-bottom: dotted thin;
			margin-bottom: .2em;
			margin-top: 4em;
			margin-left: 0em;
			letter-spacing: .2em;
			color: #CCCCCC;
	}
			div#footer-text li{
			margin:0;
	}

div#clearfooter {
	        height: 300px;
	        clear: both;
	}