﻿/* CSS Document for Legacy Housing, LTD */

/*** Zero out padding & margin on all elements (Helps reduce a lot of the cross browser issues) ***/
* {margin: 0px;	padding: 0px;}



body {
    font-size:75%;
	background-color: #A7CC31;
	background-image: url(images/grassbg.jpg);
    background-repeat: repeat;
    background-position: center center;
	margin:0px auto;
	margin-bottom:5px;
	width:747px;
	height:auto;
	font-family: Sans-Serif, Arial;
}

.navcontainerTERMS
{
    margin-bottom: 3em;
    padding-top:10px;
    color:#035AAA;
    font-family: Sans-Serif, Arial;
    text-align:center;
    text-transform:uppercase;
	font-size:16px;
    margin:0 0 0 -10px;
        font-weight:800;
    width: 747px;
    height: 54px;
    background-color: #FFFFFF;
    background-position: center center;
    float:left;

}
img {
	border:none;
	}
h3, h4, h5, h6 {
	font-size:1em;
	margin:0;
	padding:0;
	}
ol {
	margin:0;
	list-style-position:outside;
	padding:0;
	padding-left:5px;
	}

/*** Body of Website. ***/	
.body{
    background-color:#ffffff;
	padding:0px 0px 6px 0px;
    margin:0px auto;
	width:747px;
	height:950px;
	position:absolute;
	
	}
.content{
	margin:5px 0;
	background:#ffffff;
	width:727px;
	height:604px;
	float:left;
	}
.left{
	padding:10px 0;
	width:152px;
	overflow:hidden;
	float:left;
	}
.middle{
	color:#333;
	width:473px;
	margin:0 10px;
	overflow:hidden;
	float:left;
	}
.right{
	width:314px;
	overflow:hidden;
	float:right;
	background:#ecf5f7;
	}	
	
/*** Top of Website.  Includes Legacy Logo, Nav menu, & current page. ***/

.pageHeader {
	margin:5px 0 0 10px;
	}
	
	.pageHeader .pageLogo{
	background-color:#FBF0BA;
	height:81px;
	width:235px;
	margin-right:5px;
	float:left;
}
.pageHeader .pageLogo img{
		padding:0px 0px 6px 0px;
}
.pageHeader .pageHeaderRight{
	height:81px;
	width:486px;
	background-color:#ffffff;
	float:left;
    text-align: right;
}
.pageHeaderRight .tagLine {
	
	background-image: url(images/topheader2012.jpg);
	background-repeat:repeat-y;
	background-color:#0072BC;
	width:486px;
	height:81px;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
	text-align:right;
	float:left;
}
.tagLine .tagText {
    color:#AE1B29;
    font-family: Sans-Serif, Arial;
    font-weight:900;
	font-size:.98em;
    width:486px;
    height:38px;
    padding-top:12px;
    overflow:hidden;
    text-transform:uppercase;
    text-align:right;
}

.pageNav 
{
    background-color:#0359AA;
	width:725px;
	height:38px;
	margin:5px 0px 0px 0px;
	float:left;
}

.navcontainerCOPYRIGHTD
{
    margin-bottom: 1em;
    overflow: hidden;
    font-family: Sans-Serif, Arial;
    text-align:left;
    text-transform:uppercase;
	font-size:8px;
    margin:6px 0 0 0px;
    width: 747px;
    color: #035AAA;
  }

.navcontainerCOPYRIGHTA:link {font-size:8px;  color: #000000; text-decoration: none;}     /* Sitemap Text Style unvisited link */
.navcontainerCOPYRIGHTA:visited {font-size:8px;  color: #000000; text-decoration: none;}  /* Sitemap Text Style visited link */
.navcontainerCOPYRIGHTA:hover {font-size:8px; color: #035AAA; text-decoration: underline;}   /* Sitemap Text Style mouse over link */
.navcontainerCOPYRIGHTA:active {font-size:8px;  color: #000000; text-decoration: none;}   /* Sitemap Text Style selected link */



#navcontainer ul
{
padding: 11px 0;
margin: 0;
list-style-type: none;
background-color: #0359AA;
color: #ffffff;
width: 725px;
font-size:12px;
font-family:Helvetica, sans-serif;
font-weight:900;
text-align: left;
}

.active li { display: inline; }

.active li a
{
text-decoration: none;
background-color: #0359AA;
color: #FFF;
padding: 11px;
border-right: 1px solid #fff;
}

.active li a:hover
{
background-color: #1C99EA;
text-decoration:none;
color: #fff;
}

/*** Body of Website. ***/
.content .mainPicture {
	margin:0px 0px 0px 0px;
	width:385px;
	height:234px;
	float:left;
}

.content .rightSearch {
	background-image: url(images/findhome.gif);
	background-repeat:repeat-y;
	background-color:#FF952D;
	margin:0px 0px 0px 5px;
	width:335px;
	height:234px;
	float:left;
}

.content .bedroomDD {
	margin:55px 0px 0px 135px;
	width:175px;
	height:23px;
	float:left;
}
.content .statesDD {
	margin:5px 0px 0px 135px;
	width:175px;
	height:23px;
	float:left;
}

.content .goButton {
	margin:35px 0px 0px -60px;
	width:45px;
	height:28px;
	float:right;
}

.content .stateMap {
	margin:26px 0px 0px 5px;
	float:left;
}

.content .CitiesDD {
	margin:5px 0px 0px 135px;
	width:175px;
	height:23px;
	float:left;
}

.content .zipcodeBox {
	margin:79px 0 0 15px;
	width:90px;
	height:25px;
	float:left;
	font: normal 90% Sans-serif, Arial;
    font-weight:900;
    font-size:20px;
}

.content .submitbutton {
	margin:79px 0 0 4px;
	width:82px;
	height:33px;
	float:left;
}

.content .form1 {
	padding-top: 5px;
	margin:85px 0px 0px 150px;
	width:150px;
	height:25px;
	float:left;
	font: normal 90% Sans-serif, Arial;
    font-weight:900;
    font-size:12px;
}
.content .form2 {
	padding-top: 5px;
	margin:115px 0px 0px 150px;
	width:150px;
	height:25px;
	float:left;
	font: normal 90% Sans-serif, Arial;
    font-weight:900;
    font-size:12px;
}

.content .intPicture {
	padding-top: 5px;
	margin:0px 0px 0px 0px;
	width:258px;
	height:177px;
	float:left;
}

.content .interiorSegment {
	
	background-color:#FFFFFF;
	width:461px;
	height:177px;
	margin:5px 0 0 6px;
	float:left;
}

.interiorText1 {
	font-family: Arial;
    font-weight:900;
    font-size:16px;	
    color:#FFAE00;
	width:225px;
	height:20px;
	margin:45px 0 0 13px;
	float:left;
}

h1 {font-family: Arial;
    font-weight:900;
    font-size:16px;	
    color:#FFAE00;
	width:225px;
	height:20px;
	float:left;}

.interiorText2 {
	font-family: Sans-serif, Arial;
    font-weight:900;
    width:225px;
    font-size:11px;	
    color:#E7E6E6;
	margin:4px 0 0 13px;
	float:left;
}

.findoutmore 
{
    font-family: Sans-serif, Arial;
    font-weight:900;
    width:225px;
    font-size:11px;	
    color:#FFAE00;
	margin:4px 0 0 13px;
	float:left;
	text-decoration: underline;
}

.findoutmore2 
{
    font-family: Sans-serif, Arial;
    font-weight:900;
    width:225px;
    font-size:11px;	
    color:#FFAE00;
	margin:-15px 0 0 245px;
	float:left;
	text-decoration: underline;
}

.interiorText3 {
	font-family: Arial;
    font-weight:900;
    font-size:16px;	
    color:#FFAE00;
	width:225px;
	height:20px;
	margin:-125px 0 0 245px;
	float:left;
}

.interiorText4 {
	font-family: Sans-serif, Arial;
    font-weight:900;
    width:215px;
    font-size:11px;	
    color:#E7E6E6;
	margin:-89px 0 0 245px;
	float:left;
}

.interiorOptions {
	
	background-image: url(images/optionchoices.gif);
	background-color:#0359AA;
	width:272px;
	height:45px;
	margin:95px 0 0 6px;
	float:left;
}

.interiorGE {
	
	background-image: url(images/geappliances.gif);
	background-color:#0359AA;
	width:165px;
	height:131px;
	margin:-130px 0 0 285px;
	float:left;
}

.interiorCredit {
	
	background-color:#FBF0BA;
	width:216px;
	height:125px;
	margin:-126px 0 0 170px;
	float:left;
}

 .interiorMortgage {
	
	background-color:#FBF0BA;
	width:385px;
	height:188px;
	margin: 0 0 0 0;
	float:left;
}

 .bottomSegment {
	
	background-color:#FBF0BA;
	width:385px;
	height:188px;
	margin:5px 0 0 0px;
	float:left;
}



.content .bottomSegment .galleryofhomes {
	
	background-image: url(images/galleryofhomes.gif);
	background-color:#FBF0BA;
	width:171px;
	height:34px;
	margin:120px 0 0 6px;
	float:left;
}

.content .bottomSegment .homegallery {
	
	background-image: url(images/homegallery.jpg);
	background-color:#FBF0BA;
	width:153px;
	height:75px;
	margin:120px 0 0 30px;
	float:left;
}


a:link { color: #FFAE00; text-decoration: underline;}     /* Sitemap Text Style unvisited link */
a:visited { color: #FFAE00; text-decoration: underline;}  /* Sitemap Text Style visited link */
a:hover { color: #FFAE00; text-decoration: none;}   /* Sitemap Text Style mouse over link */
a:active { color: #FFAE00; text-decoration: underline;}   /* Sitemap Text Style selected link */


.content .bottomPicture {
	padding-top: 5px;
	margin:0px 0px 0px 6px;
	width:335px;
	height:188px;
	float:left;
}

/*** Bottom of Website. ***/
.bottommulti {
	
	width:794px;
	height:78px;
	margin:5px 0 0 0px;
	float:left;
}

.bottom .housinglogo {
	
	background-image: url(images/bottombar2009.jpg);
	width:724px;
	height:78px;
	float:left;
}

.bottom .bottomWood {
	
	background-image: url(images/bottomwood.jpg);
	background-color:#FBF0BA;
	width:724px;
	height:96px;
	float:left;
}

#navcontainerBOTTOM
{
margin-bottom: 1em;
overflow: hidden;
text-align:center;
margin:7px 0 0 40px;
    width: 747px;
}

#navlistBOTTOM
{
list-style-type: none;
margin: 0;
padding: 0;
}

.activeBOTTOM
{
    border-left: 1px solid #000;
    float: left;
    color:#000000;
    font-family: Sans-Serif, Arial;
    text-transform:uppercase;
	font-size:11px;
    margin: 0 .1em 0 -.9em;
    padding: 0 .9em 0 .9em;
}


a.activeBOTTOM:link { color: #000000; text-decoration: underline;}     /* Sitemap Text Style unvisited link */
a.activeBOTTOM:visited { color: #000000; text-decoration: underline;}  /* Sitemap Text Style visited link */
a.activeBOTTOM:hover { color: #000000; text-decoration: none;}   /* Sitemap Text Style mouse over link */
a.activeBOTTOM:active { color: #000000; text-decoration: underline;}   /* Sitemap Text Style selected link */

.navcontainerCOPYRIGHT
{
    overflow: hidden;
    color:#000000;
    font-family: Sans-Serif, Arial;
    text-align:center;
    text-transform:uppercase;
    font-weight:900;
	font-size:9px;
margin-top:5px;
    width: 715px;
}

/*** Start of Template Page CSS Controls ***/


