/*
Description: Primary styles
Author: Travis Buck
Version: 0.1
.
General comments/License Statement if any.
.

[Table Of Contents]

1. Global
2. Header/Navigation
3. Content
4. Footer

*/

@import url('Reset.css');


/* 1. Global
--------------------------------------------------*/

body
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#Container
{
	margin: auto;
	position: relative;
	width: 700px;
}


/* 2. Header/Navigation
--------------------------------------------------*/

#Header
{
	height: 124px;
	width: 700px;
}

	#Logo
	{
		float: left;
		height: 88px;
		padding: 24px 35px 0px 12px;
		width: 146px;
	}
	
	#Navigation
	{
		float: left;
		list-style: none;
		overflow: hidden;
	}
	
		#Navigation li
		{
			display: inline;
		}
		
		#Navigation a.InspireMe
		{
			background: url('../images/nav_inspire_me.gif') no-repeat 0px 0px;
			display: block;
			float: left;
			height: 9px;
			overflow: hidden;
			margin: 88px 9px 0px 9px;
			text-indent: -5000px;
			width: 61px;
		}
		
			#Navigation a:hover.InspireMe
			{
				background: url('../images/nav_inspire_me.gif') no-repeat 0px -9px;
			}
			
		#Navigation a.DoorStyle
		{
			background: url('../images/nav_door_style.gif') no-repeat 0px 0px;
			display: block;
			float: left;
			height: 9px;
			overflow: hidden;
			margin: 88px 9px 0px 9px;
			text-indent: -5000px;
			width: 69px;
		}
		
			#Navigation a:hover.DoorStyle
			{
				background: url('../images/nav_door_style.gif') no-repeat 0px -9px;
			}
			
		#Navigation a.RecentNews
		{
			background: url('../images/nav_recent_news.gif') no-repeat 0px 0px;
			display: block;
			float: left;
			height: 9px;
			overflow: hidden;
			margin: 88px 9px 0px 9px;
			text-indent: -5000px;
			width: 79px;
		}
		
			#Navigation a:hover.RecentNews
			{
				background: url('../images/nav_recent_news.gif') no-repeat 0px -9px;
			}
			
		#Navigation a.AboutUs
		{
			background: url('../images/nav_about_us.gif') no-repeat 0px 0px;
			display: block;
			float: left;
			height: 9px;
			overflow: hidden;
			margin: 88px 9px 0px 9px;
			text-indent: -5000px;
			width: 54px;
		}
		
			#Navigation a:hover.AboutUs
			{
				background: url('../images/nav_about_us.gif') no-repeat 0px -9px;
			}
			
		#Navigation a.Education
		{
			background: url('../images/nav_education.gif') no-repeat 0px 0px;
			display: block;
			float: left;
			height: 9px;
			overflow: hidden;
			margin: 88px 9px 0px 9px;
			text-indent: -5000px;
			width: 66px;
		}
		
			#Navigation a:hover.Education
			{
				background: url('../images/nav_education.gif') no-repeat 0px -9px;
			}
			
		#Navigation a.MyPortfolio
		{
			background: url('../images/nav_my_portfolio.gif') no-repeat 0px 0px;
			display: block;
			float: left;
			height: 9px;
			overflow: hidden;
			margin: 88px 9px 0px 9px;
			text-indent: -5000px;
			width: 84px;
		}
		
			#Navigation a:hover.MyPortfolio
			{
				background: url('../images/nav_my_portfolio.gif') no-repeat 0px -9px;
			}
			
	a.ContactExpert
	{
		background: url('../images/cta_talk_to_expert.gif') no-repeat top left;
		display: block;
		float: right;
		height: 40px;
		margin-right: 12px;
		overflow: hidden;
		text-indent: -5000px;
		width: 179px;
	}
	
		a:hover.ContactExpert
		{
			background: url('../images/cta_talk_to_expert.gif') no-repeat bottom right;
		}
			
	.LoginText
	{
		color: #959595;
		font-size: 12px;
		line-height: 37px;
		position: absolute;
		right: 210px;
		text-align: right;
		top: 0px;
	}
	
		.LoginText a.LogoutLink
		{
			color: #007FAC;
		}
		
		.LoginText a.NotYouLink
		{
			color: #959595;
		}
			

/* 3. Content
--------------------------------------------------*/

#Content
{
	background: url('../images/bkg_middle.gif') repeat-y;
	width: 700px;
}
	
	#ContentBackground
	{
		background: url('../images/bkg_top.gif') top no-repeat;
		width: 700px;
	}

	#ContentBackground2
	{
		background: url('../images/bkg_bottom.gif') bottom no-repeat;
		min-height: 465px;
		padding-top: 0px;
		width: 700px;
	}
	


.BackTo 
{
	color:#003F55;
	display:block;
	font-size:12px;
	height:20px;
	margin:10px 35px 0;
	text-decoration:none;
	width:200px;
}