/* Style Sheet: layout.css
 * Creator: Corey Eacret - Invio Design
 * Description: Layout Styles For Entire Site
 * Copyright © Invio Design - http://www.inviodesign.com
 */

/* Top Bar */
#top-Bar {
	background: url("images/topbar-Tile.png") repeat-x;
	height: 35px; 
	width: 100%;
	color: #ceccbe; 
	margin-bottom: -5px;
	font-size: 1.2em;
}
#top-Bar a {
	color: #ceccbe;
	font-weight: normal;
}
#top-Bar a:hover {
	color: #a80505;
}
#top-Bar a:visited { 
	color: #ceccbe;
}
#left-Float {
	text-align: left;
	float: left;
	margin: 4px 0px 0px 8px;
}
#right-Float {
	text-align: right;
	float: right;
	margin: 4px 10px 0px 0px;
}
#right-Float a {
	padding: 0px 0px 0px 15px;
	background: url("images/topbar-Icon.png") no-repeat 0px 6px;
	font-weight: normal;
}
#right-Float a:hover {
	background: url("images/topbar-IconHover.png") no-repeat 0px 6px;
}

/* Body Container */
	#content-Container {
	background: #f7f5e6 url("images/content-MidTile.png") repeat-y;
	height: auto;
	width: 710px;
	margin: auto;
	position: relative;
	padding: 20px 20px 5px 20px;
}

/* Menu Basics */
#menu-Container {
	width: 710px;
	height: 150px;
	padding: 0;
	margin: 0px 0px 17px 0px;
}
#menu-Container ul {
	padding: 0;
	margin: 0;
	list-style-type:none;
	height: 150px;
	font-size: 2em;
	clear: left;
}
#menu-Container li {
	float: left;
	list-style-type:none;
	height: 150px;
}
#menu-Container ul li a span{
	display:none;
}


/* Image Rollovers */
#menu-Home a {
	display: block;
	background: url("images/menu-Home.png") no-repeat  0px -150px;
	height: 150px;
	width: 131px;
	margin-right: 14px;
}
#menu-Home a:hover {
	background: url("images/menu-Home.png") no-repeat;
}
#menu-Learn a {
	display: block;
	background: url("images/menu-Learn.png") no-repeat  0px -150px;
	height: 150px;
	width: 131px;
	margin-right: 14px;
}
#menu-Learn a:hover {
	background: url("images/menu-Learn.png") no-repeat;
}
#menu-Gallery a {
	display: block;
	background: url("images/menu-Gallery.png") no-repeat  0px -150px;
	height: 150px;
	width: 131px;
	margin-right: 13px;
}
#menu-Gallery a:hover {
	background: url("images/menu-Gallery.png") no-repeat;
}
#menu-Apply a {
	display: block;
	background: url("images/menu-Apply.png") no-repeat  0px -150px;
	height: 150px;
	width: 131px;
	margin-right: 14px;
}
#menu-Apply a:hover {
	background: url("images/menu-Apply.png") no-repeat;
}
#menu-Contact a {
	display: block;
	background: url("images/menu-Contact.png") no-repeat  0px -150px;
	height: 150px;
	width: 131px;
}
#menu-Contact a:hover {
	background: url("images/menu-Contact.png") no-repeat;
}
#menu-Active{
	background-position: 0px 0px;
	background: url("images/menu-Home.png") no-repeat;
}

/* Content Backgrounds */
#content-TopLeft {
	background: url("images/content-TopLeft.png") no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 13px;
	height: 13px;
}
#content-TopRight {
	background: url("images/content-TopRight.png") no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 13px;
	height: 13px;
}
#content-TopTile {
	background: url("images/content-TopTile.png") repeat-x;
	position: absolute;
	top: 0px;
	left: 13px;
	width: 724px;
	height: 13px;
}


/* Footer */
#middle-Band {
	background: #a3a198 url('images/content-BottomTile.png') repeat-y;
	width: 750px;
	height: 10px;
	margin: auto;
}
#footer-Container {
	background: #222222 url('images/footer-Tile.png') repeat-y;
	width: 710px;
	height: 50px;
	padding: 5px 20px 10px 20px;
	margin: auto;
	position: relative;
	color: #aba99e;
	font-size: 1em;
}
#footer-Container p {
	padding: 0px;
	margin: 0px 0px 3px 0px;
	text-align: center;
}
#footer-Container ul {
	display: table;
	padding: 0px;
	margin: auto;
	list-style-type:none;
}
#footer-Container li {
	display:inline;
	list-style-type:none;
}
#footer-Container li a {
	color: #aba99e;
	font-weight: normal;
}
#footer-Container li a:hover {
	color: #a80505;
	font-weight: normal;
}
#page-Load {
	font-size: 0.9em;
}