﻿/*----------------------------------------------------------------
  Note: These styles only only apply to the mainpage of the website.
------------------------------------------------------------------*/

/* Overrides  */

#Content
	{
	clear: both;
	overflow: hidden;
	background: url('../images/mainpage/content_bg.jpg') repeat-y 0;
	font-size: 1.2em;
	}

#ContentBody
	{
	position: relative;
	float: right;
	height: auto;
	line-height: 1.7em;	
	padding-bottom: 10px;
	padding-top: 0;
	width: 850px;
	margin-top: 0;
	}

.insideMain
	{
	position: relative;
	margin-left: 50px;
	width: 750px;
	}

#ContentGraphicMainTop 
	{ 
	height: 121px;
	width: 850px;
/*	background: url('../images/mainpage/mainBanner2.jpg') no-repeat 0 0;  */
	padding: 0;
	margin-top: -1px;
	}

.mainTopGraphic
	{
	clear:both;
	float:right;
	height: 121px;
	width: 618px;
	}
.sightMaxBox
	{
	float:left;
	width:232px;
	height:121px;
	background: url('../images/mainpage/sightmaxBox.jpg') no-repeat 0 0;
	}

#Footer
	{
	position: relative;	
	top: 0;
	background: url('../images/mainpage/footer_background_main.jpg') no-repeat;
	color: #3e3e3e;
	font-size: 1em;
	margin-bottom: 36px;
	padding: 15px 0 0 0;
	line-height: 1.2em;
	height: 160px;
	width: 100%;
	text-align: left;
	}

/*--------------------------
	Vendor Boxes
--------------------------*/

.vendorBox
	{
		position: relative;
		z-index: 1;
		float: left;
		left: 0;
		width: 358px;
		height: 208px;
		overflow: hidden;	
		margin:  10px 0 5px 10px;
		padding: 0;
		background: url('../images/mainpage-box-bg.png') no-repeat 0 0;
	}

.vendorInfo, .vendorAd { margin-top: 1em; }

.vendorInfo
	{
		margin-left: 1ex;
		width: 52%;
		float: left;
		font-size: 0.9em;
		line-height: 1.1em;
	}

.vendorInfo img { margin: 12px 0 0 15px }

.vendorInfo ul { margin: 7px 0 0 22px; padding: 0; color: #3d3e3e;}

.vendorInfo li { padding: 0 }

.vendorAd
	{
		width: 40%;
		float: right;
		margin-right: 1ex;
		text-align: left;
		padding: 10px 0 0 0;
	}
	
#wideBox
	{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	padding: 5px;
	margin: 10px 0 10px 9px;
	}

#AWeberBox
	{
		position: relative;
		float: left;
		width: 740px;
		height: 90px;
		padding-top: 10px;
		margin: 15px 0 5px 11px;
		background: url('../images/mainpage/aweber-box.jpg') no-repeat 0 0;
		text-align: center;
	}

#AWeberBoxSmall
	{
		position: relative;
		z-index: 1;
		float: left;
		left: 0;
		width: 358px;
		height: 208px;
		overflow: hidden;	
		margin:  10px 0 5px 10px;
		padding: 0;
		background: url('../images/mainpage-box-bg.png') no-repeat 0 0;
	}
