/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* Site
-------------------------------------------------------------- */
  
	/* Layout 
	------------------ */
	body {
		padding:10px;
		background:url(images/bg-body.png) repeat-x top #e0f5fb;
	}
	#page {
		width:750px;
		margin:0 auto;
		background:#fff;
		overflow: hidden;
	}
	#header {
		padding:20px 40px;
		text-align: right;
	}
		#header #logo {
			display:block;
			width:180px;
			height:50px;
			float:left;
			background:url(images/header-logo.png) no-repeat;
			overflow: hidden;
			text-align: left;
			text-indent: -5000px;
		}
		#header ul {
			margin:30px 0 0 0;
			list-style: none;
			font-size:1.2em;
			display: block;
		}
		#header li {
			display:inline;
		}
		#header li a {
			height:10px;
			padding:5px 10px;
			text-decoration: none;
		}
		#header li a:hover {
			color:#16c1f3;
			text-decoration: none;
		}
		#header li a:active {
			color:#333;
			text-decoration: none;
		}
		#header li .sel,
		#header li a.sel:hover {
			background:#16c1f3;
			color:#fff;
			text-decoration: none;
		}
	#banner {
		display:block;
		width:100%;
		height:210px;
		overflow: hidden;
		text-indent: -5000px;
		background:url(images/home-banner.png) no-repeat;
	}
	#bannerInner {
		display:block;
		width:100%;
		height:80px;
		overflow: hidden;
		text-indent: -5000px;
		background:url(images/home-banner.png) no-repeat;
	}
	.inner {
		margin:40px;
	}
	#footer {
		padding:40px 20px 0 20px;
		height:80px;
		background:url(images/bg-footer.png) repeat-x bottom;
		font-size:0.9em;
		overflow: hidden;
		clear:both;
	}
		#footer p {
			float:left;
			display:inline;
			margin:0;
			padding:10px;
			color:#2a86a9;
		}
		#footer ul {
			margin:0;
			padding:0;
			display: block;
			list-style: none;
			float:right;
		}
		#footer li {
			display:inline;
		}
		#footer li a {
			display:block;
			float:left;
			padding:10px;
		}
		#footer a {	color:#2a86a9; }
		#footer a:hover { color:#16c1f3; }
	hr {
		border:0;
		padding:0;
		margin:10px 0 20px 0;
		height:2px;
		background:url(images/hr.png) repeat-x;
	}
	
	/* Columns
	------------------ */
	
	.twoCol {
		float:left;
		width:45%;
		margin-right:5%;
	}
	.threeCol {
		float:left;
		width:30%;
		margin-right:5%;
	}
	.last {
		margin-right:0;
	}
	
	html { height:100%; margin-bottom:1px; }