﻿/* 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: #000000;
	background-image: url("images/bg.png");
    background-repeat: repeat;
    background-position: top center;
	margin:0px auto;
	margin-bottom:5px;
	width:800px;
	height:auto;
	font-family: Sans-Serif, Arial;
}

.stateDD {
	margin: 20px 0px 0px 342px;
	width:125px;
	height:23px;

}

.formbubble 
{
    margin: -233px 0 0 260px;
}

.formbubble1 
{
    margin: -230px 0 0 260px;
    float:left;
}

.statebutton {
	margin: -22px 0px 0px 0px;
}

.mainText 
{
 margin: -145px 0px 0px 50px;
 font-size: 16pt;
 font-family: Tahoma, Geneva, sans-serif;
 color: #FFFFFF;

 text-align: justify;
 line-height: 1.0em;
 font-weight: 900;
 font-variant: small-caps;
 font-stretch: normal;
 font-size-adjust: 0.89;
}

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;
	width:800px;
	height:auto;	
	}
.content{
	margin:5px 0;
	background:#ffffff;
	width:727px;
	height:auto;
	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:0 0 0 0px;
	}
	
	.pageHeader .pageLogo{
	background-color:#104A9B;
	height:68px;
	width:800px;
	float:left;
}

.logohref {
			margin:-60px 0px 0px 20px;
}

.pageHeader .pageLogo img{
		padding:0px 0px 6px 0px;
}
.pageHeader .pageHeaderRight{
	height:68px;
	width:800px;
        background-image: url("images/topimage2009.jpg");
	background-color:#104A9B;
    text-align: right;
}
.pageHeaderRight .tagLine {
	
	background-image: url("../images/logotopbar.jpg");
	background-repeat:repeat-y;
	background-color:#0072BC;
	width:486px;
	height:38px;
	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-right:11px;
    padding-top:12px;
    overflow:hidden;
    text-transform:uppercase;
    text-align:right;
}

.pageNav 
{
   
	width:800px;
	height:38px;
	margin:30px 0px 0px 260px;
	float:left;
}

#navcontainer ul
{
padding: 11px 0;
margin-top:20px;
margin: 0;
list-style-type: none;
color: #ffffff;
width: 100%;
font: normal 90% Arial Black;
font-weight:900;
font-size:13px;
text-align: left;
}

.active li { display: inline; }

.active li a
{
text-decoration: none;
color: #FFFFFF;

padding: 11px;
}

.active li a:hover
{
color: #77B5DA;
text-decoration:none;

}

/*** Body of Website. ***/
.mainPicture {
	margin:0px 0px 0px 0px;
	width:515px;
	height:413px;
	background-image: url("images/TOP-2.jpg");
background-repeat:no-repeat;
}

.content .Secondheader {
	margin:0px 0px 0px 0px;
background-image: url("images/bg-no.jpg");
background-repeat:no-repeat;
padding-top:10px;
padding-left:14px;
padding-right:-14px;
	width:502px;
	height:414px;

}

.content .rightside2 {
	
margin-left:514px;
	width:285px;
	height:452px;
        margin-top:-423px;
	
}
.content .rightside3 {
	
 margin-left:515px;
	width:285px;
	height:452px;
    margin-top:-373px;

}

.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:#4097CD;
	width:800px;
	height:165px;
	margin-top:-40px;
	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;
}

.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:-112px 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 {font-weight: 700; color: #000000; text-decoration: underline;}     /* Sitemap Text Style unvisited link */
a:visited {font-weight: 700; color: #000000; text-decoration: underline;}  /* Sitemap Text Style visited link */
a:hover {font-weight: 700; color: #000000; text-decoration: none;}   /* Sitemap Text Style mouse over link */
a:active {font-weight: 700; color: #000000; 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:724px;
	height:78px;
	margin:5px 0 0 0px;
	float:left;
}

.bottom .housinglogo {
	
	background-image: url("../images/bottombar2009.gif");
	width:800px;
	height:78px;
	margin-top:20px;
	float:left;
}


#navcontainerBOTTOM
{
margin-bottom: 1em;
overflow: hidden;
text-align:center;
margin:-48px 0 0 0;
width: 800px;
float:left;
}

#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-weight:800;
	font-size:11px;
    margin: 0 .1em 0 -.9em;
    padding: 0 .9em 0 .9em;
}


a.activeBOTTOM:link {font-weight: 800; color: #000000; text-decoration: underline;}     /* Sitemap Text Style unvisited link */
a.activeBOTTOM:visited {font-weight: 800; color: #000000; text-decoration: underline;}  /* Sitemap Text Style visited link */
a.activeBOTTOM:hover {font-weight: 800; color: #000000; text-decoration: none;}   /* Sitemap Text Style mouse over link */
a.activeBOTTOM:active {font-weight: 800; color: #000000; text-decoration: underline;}   /* Sitemap Text Style selected link */

.navcontainerCOPYRIGHT
{
    margin-bottom: 1em;
    overflow: hidden;
    font-family: Sans-Serif, Arial;
    text-align:center;
    text-transform:uppercase;
    font-weight:800;
	font-size:8px;
    margin:6px 0 0 0px;
    width: 800px;
    color: #77B5DA;
    text-decoration:none;

}

.navcontainerCOPYRIGHTA:link {font-weight: 800; color: #77B5DA; text-decoration: none;}     /* Sitemap Text Style unvisited link */
.navcontainerCOPYRIGHTA:visited {font-weight: 800; color: #77B5DA; text-decoration: none;}  /* Sitemap Text Style visited link */
.navcontainerCOPYRIGHTA:hover {font-weight: 800; color: #FFFFFF; text-decoration: underline;}   /* Sitemap Text Style mouse over link */
.navcontainerCOPYRIGHTA:active {font-weight: 800; color: #77B5DA; text-decoration: none;}   /* Sitemap Text Style selected link */



.navcontainerBUYMOBILE
{
    margin-bottom: 1em;
    overflow: hidden;
    color:#77B5DA;
    font-family: Sans-Serif, Arial;
    text-align:center;
    text-transform:uppercase;
    font-weight:800;
	font-size:11px;
    margin:4px 0 0 0px;
    width: 800px;
    float: left;

}

p.pageTitle {             /* Page Text Heading Title Style */
 font-size: 12pt;
 font-family: sans-serif;
 font-weight:900;
 color: #0359AA;
 line-height: 1.4em;
 text-transform: capitalize;
}

p.pageHeadingTitle {
 
 margin: 15px 0 5px 0;
 font-size: 11pt;
 font-family: sans-serif;
 color: #0359AA;
 text-align: justify;
 line-height: 1.4em;
 font-weight: bold;
}
    
     .homeFormMainBox
    {
     margin:-110px 0px 0px 25px;
     float:left;
    }
      
         .homeformMain
    {
     width:480px;
     margin-left:5px;
     margin-top:-5px;
     float:left;
     text-align: left;
    }
    
         .homeformFields
    {
        margin:-60px 0px 0px 90px;
    width:480px;
    }
    
            .contactformFields
    {
        margin:-85px 0px 0px 96px;
    width:360px;
    }

p.FormText {
 font-size: 9pt;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 line-height: 22px;
 margin-top:2px;
 margin-bottom:12px;
 letter-spacing: 1.0px;
}

 .homeformTitles
    {
    width:180px;
    text-align:right;
    }


            .contactformFields
    {
        margin:-36px 0px 0px 200px;
    width:360px;
    }

    .homeformLabel 
    {
    font-size: 8pt;
     font-family: sans-serif;
     font-weight:900;
     color: #000000;
     margin-left: 2px;
     line-height: 1.4em;
     text-transform: uppercase;
    }

label {    
float: left;    
width: 10em;    
margin-right: 1em;    
text-align: right;   
}

fieldset {     
float: left;     
clear: both;     
width: 100%;     
margin: 0 0 1.5em 0;     
padding: 0;     
border: 0px solid #BFBAB0;     
    
}
p.yes 
{
    margin:0 0 0 20px;
}


fieldset ol {   
padding: 1em 1em 0 1em;   
list-style: none;  
}  
fieldset li {   
padding-bottom: .5em;  
}  
fieldset.submit {   
border-style: none;  
}
/*** Start of Template Page CSS Controls ***/
