/*
	/lib/css/site.css
	Where the magic happens. Layout your site-specific styles here.
*/

/*
	Reset and set Global styles.
	See files for documentation.
*/

@import url(/lib/css/reset.css);
@import url(/lib/css/global.css);
	
body {background: #ebebe4;} /* Matte Color */
#Page {
	background:white;
	width:819px;
	margin: 45px auto;
	position: relative;
}

/*
	Page Header
*/
#PageHeaderContainer {
	background: transparent url('/lib/images/site/header-bg-shadow.gif') no-repeat scroll top left;
	position: relative;
}
#PageHeader {
	position: relative;
	width: 797px;
	padding-top: 10px;
	margin: 0px auto;
}
#HeaderImage {}
#HeaderImage img {
	display:block;
}

#PrimaryNav {
	width: 100%;
	height:45px;
	background: white;
	padding-top:15px;
}
#PrimaryNav table {
	margin: 0 auto 0 auto;
	/*width:723px;*/
}
#PrimaryNav table td {
	text-align: center;
	vertical-align: middle;
	color: #81807c;
}
#PrimaryNav table td#Home {
	text-align: left;
	width:60px;
}
#PrimaryNav table td#Products {
	width:100px;
}
#PrimaryNav table td#Comparison {
	width:145px;
}
#PrimaryNav table td#Buy {
	width:120px;
}
#PrimaryNav table td#Contact {
	width:105px;
}
#PrimaryNav table td#Forward {
	text-align: right;
	width:155px;
}

#PrimaryNav table td a, 
#PrimaryNav table td a:link,
#PrimaryNav table td a:active,
#PrimaryNav table td a:visited {
	display:block;
	color: #81807c;
	text-decoration: none;
}
#PrimaryNav table td.Selected a,
#PrimaryNav table td a:hover {
	color:#ea1f2b;
	font-weight:bold;
}



/*
	Page Body
*/
#PageBodyContainer {
	background: transparent url('/lib/images/site/body-bg-shadow.gif') repeat-y scroll top left;
	position: relative;
}	
#PageBody {
	background: white;
	position: relative;
	width: 797px;
	height:450px;
	margin: 0px auto; 
	
}	
#BodyCopy {
	width:723px;
	margin-left: 36px;
}



/*
	Page Footer
*/
#PageFooterContainer {
	background: transparent url('/lib/images/site/footer-bg-shadow.gif') no-repeat scroll bottom left;
	position: relative;
	height: 40px;
}

#PageFooter {
	background: white;
	position: relative;
	width: 797px;
	height:30px;
	margin: 0px auto; 
}

#FooterNav {
	position:relative;
	left: 20px;
	bottom: 0px;
	color: #90908f;
}

#FooterNav a {
	color: #90908f;
}
#FooterNav a:active,
#FooterNav a:visited,
#FooterNav a:link {
	text-decoration: none;
}
#FooterNav a:hover {
	text-decoration: underline;
}
	
#FooterNav a.Selected {
	color: #3f3f3f;
}