/*////////////////////////////////////////////////////
     Clear Fixes
////////////////////////////////////////////////////*/

	.clearfix:after {
		content:".";
		display:block;
			height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix { /* Hide from IE Mac */
		display:block;
	}
	
	.clear {
		height:0;
		padding:0;
		margin:0;
		text-indent:-9999%;
		font-size:0.0001em;
		clear:both;
	}
	
/*////////////////////////////////////////////////////
     Reset
////////////////////////////////////////////////////*/

	* {
		margin:0;
		padding:0;
	}
	
	body, textarea, input, select {
		font:62.5%/1.6 Arial, Helvetica, sans-serif;
		color:#666666;
	}
	
	label input, label select, label textarea {
		font-size:1em;
	}
	
	button {
		display:block;
		cursor:pointer;
	}
		
	img {
		display:block;
	}
	a img {
		border:none;
	}
	
	table {
		border-collapse:collapse;
	}
	
/*////////////////////////////////////////////////////
    Site
////////////////////////////////////////////////////*/

	body {
		background:url(../../images/layout/background.gif) no-repeat top center;
	}

	#wrapper {
		width:940px;
		margin:0 auto;
	}

/*////////////////////////////////////////////////////
    Header
////////////////////////////////////////////////////*/
	
	#header {
		height:290px;
	}
	
	/* logo */
	h1#logo {
		height:111px;
		width:224px;
		float:left;
		padding:95px 0 0 10px;
	}
	h1#logo a {
		display:block;
		outline:0;
		text-indent:-9999px;
		height:111px;
		width:224px;
		background:url(../../images/layout/landing/logo.jpg) no-repeat top center;
	}
	
	/* large Image */
	#image {
		float:right;
		padding:20px 0 0 0;
	}

/*////////////////////////////////////////////////////
    Options
////////////////////////////////////////////////////*/
	
	#container {
	}
	
	#container .box {
		float:left;
		width:466px;
		height:258px;
		background-repeat:no-repeat;
		background-position:top center;
	}
	
	#container .box h2 {
		padding:36px 40px 0 40px;
		margin:0 0 8px 0;
		font-size:2.2em;
		line-height:1em;
		font-weight:100;
		color:#ffffff;
	}
	#container .box p {
		float:left;
		padding:10px 0 0 40px;
		width:210px;
		color:#ffffff;
		font-size:1.2em;
		line-height:1.2em;
		text-align:justify;
	}
	
	#container .box ul.options {
		width:78px;
		float:right;
		width:171px;
		padding:0 28px 0 0;
	}
	#container .box ul.options li {
		height:78px;
		list-style:none;
	}
	#container .box ul.options li a {
		color:#00549e;
		font-size:1.6em;
		font-weight:100;
		text-decoration:none;
		background-position:0 0;
		background-repeat:no-repeat;
		display:block;
		height:78px;
		line-height:78px;
		text-align:center;
	}
	#container .box ul.options li a.double {
		padding:20px 15px;
		height:38px;
		line-height:20px;
	}
	#container .box ul.options li a:hover {
		background-position:0 -78px;
	}
	
	#container #blue {
		background-image:url(../../images/layout/landing/blue-box.png);
	}
	#container #blue ul.options li a {
		background-image:url(../../images/layout/landing/blue-button.png);
	}
	
	#container #purple,
	#container #purple2 {
		background-image:url(../../images/layout/landing/purple-box.png);
		float:right;
	}
	#container #purple ul.options li a,
	#container #purple2 ul.options li a {
		background-image:url(../../images/layout/landing/purple-button.png);
		color:#5e4b8e;
	}
	
/*////////////////////////////////////////////////////
    Footer
////////////////////////////////////////////////////*/

	#footer {
		clear:both;
		padding:10px 30px 100px;
	}
	
	#footer p {
		color:#7D8A83;
		font-size:1.1em;
		line-height:1.6em;
	}
	#footer p a {
		color:#2B859F;
		text-decoration:none;
	}
	#footer p a:hover {
		text-decoration:underline;
	}
	
	#footer p#copyright {
		float:left;
	}
	#footer p#credit {
		float:right;
	}