@import url(Common.css);

.FirstTier
{
	width: 1002px;
	height: 180px;
	background: url(../Images/Default/header.jpg) no-repeat right top;
	position: relative;
	float: left;
}

.SplashImage
{
	width: 523px;
	height: 178px;
	position: absolute;
	left: 7px;
}

.SplashText
{
	font-family: Whitman, Garamond, Times New Roman, Times, Serif;
	position: absolute;
	font-size: 35px;
	color: #3c2e23;
	bottom: 15px;
	left: 30px;
	font-weight: bold;
}

.ConnectArrow
{
	width: 31px;
	height: 16px;
	background: url(../Images/Default/top_arrow.png);
	position: absolute;
	bottom: 0px;
	left: 130px;
}

.SecondTier
{
	width: 1002px;
	height: 105px;
	background: url(../Images/Default/secondtier.jpg) no-repeat;
	position: relative;
	color: #b5c59c;
	float: left;
}

.ThirdTier
{
	width: 1002px;
	background: url(../Images/Default/thirdtier_bottom.jpg);
	position: relative;
	float: left;
}

.ThirdTierTop
{
	width: 1002px;
	background: url(../Images/Default/thirdtier_top.jpg) no-repeat left top;
	min-height: 248px;
	float: left;
}

/******** Begin Smart Search *********/

.SmartSearchContainer
{
	width: 400px;
	height: 160px;
	position: absolute;
	left: 550px;
	top: 15px;
	font-family: Arial, Sans-Serif;
	color: #576166;
	font-size: 11px;
}

.SmartSearchTitle
{
	color: #5f6a6f;
	text-transform: uppercase;
	padding-bottom: 15px;
}

.SmartSearchContainer table
{
	position: relative;
	left: 10px;
}

.SmartSearchContainer input, .SmartSearchContainer select
{
	font-size: 11px;
	padding: 0px 0px 0px 5px;
	border: solid 1px #CCCCCC;
	height: 20px;
	margin-left: 7px;
	margin-right: 5px;
}

.SmartSearchContainer td
{
	padding: 1px 10px 1px 0px;
}

.SmartSearchContainer #Location
{
	width: 140px;
}

.SmartSearchContainer #Minimum, .SmartSearchContainer #Maximum
{
	width: 122px;
}

.SmartSearchContainer #Bedrooms, .SmartSearchContainer #Bathrooms
{
	width: 48px;
}

.SmartSearchContainer #Bedrooms
{
	margin-right: 0px;
}

.SmartSearchContainer #Bathrooms
{
	margin-left: 0px;
}

#Zip
{
	width: 70px;
}

#MLSNumber
{
	width: 96px;
}

.SearchActions
{
	position: relative;
	top: 30px;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 11px;
	color: #4a402b;
}

.SearchBTNFix2, .SearchBTNFix3
{
	padding-top: 4px;
}

.SearchBTNFix2 a ,.SearchBTNFix3 a
{
	color: #4a402b;
	text-decoration: none;
	font-style: italic;
	padding-right: 15px;
	padding-left: 18px;
	background: url(../Images/Common/searchsmall.gif) no-repeat right 2px;
}

.SearchActions div
{
	float: left;	
}

/******** End Smart Search *********/

/********* Begin Second Tier ************/

.QuoteBox
{
	width: 400px;
	position: absolute;
	left: 40px;
	top: 15px;
}

.RealtorImage
{
	float: left;
}

.RealtorImage img
{
	border: solid 1px #c0b16c;
	margin-right: 8px;
}

.Quote
{
	float: left;
	width: 270px;
	margin-left: 10px;
}

.QuoteTop
{
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	font-size: 19px;
	background: url(../Images/Default/callout1.png) no-repeat left top;
}

.QuoteBottom
{
	background: url(../Images/Default/callout2.png) no-repeat right bottom;
	padding-left: 25px;
	padding-right: 25px;
}

#QuoteLink
{
	color: #db892c;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
	margin-left: 0px;
	padding-right: 15px;
	background: url(../Images/Common/searchsmall2.gif) no-repeat right top;
	position: relative;
	top: 5px;
	float: right;
}

.YouTubeBox
{
	width: 250px;
	position: absolute;
	left: 428px;
	padding-top: 7px;
}

.YouTubeIcon
{
	width: 95px;
	height: 95px;
	background: url(../Images/Default/icon_youtube.png) no-repeat;
	float: left;
	position: relative;
	top: -5px;
}

.YouTubeText, .OpenHousesText
{
	padding-top: 10px;
}

.YouTubeTitle
{
	font-size: 14px;	
	padding-bottom: 5px;
}

.YouTubeTeaser
{
	color: #c0b16c;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 11px;
	font-style: italic;
}

.OpenHousesBox
{
	width: 250px;
	position: absolute;
	left: 740px;
	padding-top: 7px;
}

.OpenHousesIcon
{
	width: 86px;
	height: 88px;
	background: url(../Images/Default/icon_openhouses.png) no-repeat;
	float: left;
	position: relative;
	left: -7px;
}

/************ End Second Tier ************/
/************ Begin Third Tier *************/

/*** HOUSES ***/

.Houses
{
	float: left;
	width: 370px;
	padding-top: 20px;
	color: #5d5b38;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	padding-bottom: 20px;
	position: relative;
}

.MainHouse
{
	width: 218px;
	float: left;
	margin-left: 35px;
}

.MainHouse .HousePhoto
{
	background: White;
	border: solid 1px #c0b16c;
	padding: 3px;
	width: 218px;
	float: left;
	min-height: 164px;
}

.MainHouse .MainPhoto
{
	width: 218px;
	padding: 0px;
	float: left;
}

.MainHouse .HouseInfo
{
	float: left;
	padding-top: 5px;
	width: 218px;
}

.MainHouse .Price
{
	font-weight: bold;
	font-size: 15px;
	position: relative;
	width: 280px;
	float: left;
}

.MainHouse .Info
{
	
}

.AddThis
{
	position: absolute;
	top: 0px;
	right: 54px;
}

.SecondaryHouses
{
	float: left;
	width: 101px;
	text-align: center;
	position: relative;
	left: 35px;
	padding-bottom: 5px;
}

.SecondaryHouse .HousePhoto
{
	background: White;
	border: solid 1px #c0b16c;
	padding: 3px 3px 0px 3px;
	width: 95px;
}

.SecondaryHouse .HousePhoto a
{
	display: block;
	padding: 0px;
}

.SecondaryHouse .MainPhoto
{
	width: 95px;
}

.SecondaryHouse .Price
{
	font-weight: bold;
}

.SecondaryHouse .Info
{
	font-size: 10px;
	text-transform: capitalize;
}

/*** GETTING SMART ***/
.GettingSmart
{
	float: left;
	width: 290px;
	margin-left: 60px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 20px;
}

#SmartContent1
{
	border-bottom: dashed 1px #c0b16c;
	padding-bottom: 10px;
	margin-bottom: 8px;
}

.GettingSmartHeader
{
	width: 239px;
	height: 44px;
	padding-left: 60px;
	padding-top: 2px;
	background: url(../Images/Default/gettingsmart.png);
	font-weight: bold;
}

.Getting
{
	color: Black;
	font-style: italic;
	font-family: Georgia, Times New Roman, Sans-Serif;
}

.Started
{
	color: #942b27;
	font-size: 13px;
	letter-spacing: 1px;
	
}

.AddThis2
{
	position: absolute;
	right: 5px;
	top: 38px;
}

.SmartContent
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
}

.SmartContent .Title
{
	color: #3c2e23;
	font-family: Georgia, Times New Roman, Sans-Serif;
	font-size: 16px;
	line-height: 24px;
}

.SmartContent .Content
{
	font-size: 12px;
	color: #7c7445;
	line-height: 20px;
}

.SmartContent a
{
}

/*** THIRD COLUMN ***/

.GettingSmart2
{
	float: left;
	width: 230px;
	font-size: 11px;
	color: #5d5b38;
	margin-left: 30px;
	margin-top: 15px;
	position: relative;
	padding-bottom:10px;
}

.GettingSmart2 .Content
{
	padding-bottom: 15px;
}

.GettingSmart2 .Title
{
	padding-left: 15px;
	background: url(../Images/Default/doc.gif) no-repeat left 2px;
	color: #3c2e23;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	font-family: Georgia, Times New Roman, Serif;
}

.Adv
{
	margin: 15px 15px 0px;
}


.TwitterTitle, .GettingSmart2 .TwitterTitle
{
	display:block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/Content/images/common/twitter.png) no-repeat;
	height: 34px;
	width: 168px;
	margin: 0px 0px 7px;
}

.Twitter .Content p
{
	margin: 0px;
	color: #343434;
	font-size: 11px;
	line-height: 14px;
	font-family: Georgia, Times New Roman, serif;
	margin-bottom: 5px;
}

.Twitter .Content .tweetDate
{
	color: #a1a09c;
}

.Twitter .Content a
{
color: #c0b16c;
}
 

.fb
{
	position: relative;
	left: -10px;
	background: #ECEFF5;
	width: 240px;
}

/************ End Third Tier ***************/
