/**
 *  the page layout elements
 **/
body 
{
    text-align: center;
    background-color: #333333;
    
    font-family:Verdana, Arial, Sans-Serif;
    font-size: 12px;
}

div.Wrapper 
{
    width: 750px;
    
    text-align: left;
    background-color: #dddddd;
}

div.Header
{
    background-image: url("img/NewBanner.jpg");
    background-repeat: no-repeat;
    background-color: #dddddd;
    width: 100%;
    height: 125px;
}

div.NavigationBar
{
    width: 100%;
    padding-top: 3px;    
    padding-bottom: 3px;
    background-color: Black;
    color: White;
    text-align: center;
    font-family:Arial Black, Arial, Sans-Serif;
    font-size: 10.5pt;
    font-style: italic;
}

div.Content
{
    width: 450px;
    margin: 10px;
    padding: 10px;
    float: left;
    border: 1px solid #999999;
    background-color: #bbbbbb;
}

div.NoToolsContent
{
    width: 650px;
    margin: 10px;
    padding: 10px;
    float: left;
    border: 1px solid #999999;
    background-color: #bbbbbb;
}

div.RightNavigation
{
    width: 200px;
    padding: 10px;
    margin: 10px;
    float: right;
    border: 1px solid #999999;
    background-color: #bbbbbb;
}

div.Footer
{
    border-top: 0px solid black;
    text-align:center;
    padding-bottom: 10px;
}

/**
 *  text formatting
 **/
.NavigationBar a:link, .NavigationBar a:visited
{
    color: #dddddd;
    text-decoration: none;
}

.NavigationBar a:hover
{
    color: #5f0000;
}

.feedback
{
    color: Red;
}

.Bold
{
    font-weight: bold;
}

.Centered
{
    text-align: center;
}

.RightAligned
{
    text-align: right;
}

.LeftAligned
{
    text-align: left;
}

.Indented
{
    padding-left: 20px;
}

.Title
{
    font-family: 'Palatino Linotype', 'Times New Roman', Serif;
    font-size: 20px;
    font-weight: bold;
}

.Subtitle
{    
    font-family: 'Palatino Linotype', 'Times New Roman', Serif;
    font-size: 15px;
    font-weight: bold;
}

.SmallText
{
    font-family: 'Verdana', 'Arial', Sans-Serif;
    font-size: 10px;
}

/**
 *  other formatting
 **/
.ClearingElement
{
    clear: both;
}

.Left
{
    float: left;
}

.Right
{
    float: right;
}

/**
 *  image sizes
 **/
.linkImage
{
    float: left;
    width: 180px;
    height: 160px;
    border: 0px;
}

.largeImage
{
    width: 180px;
    height: 160px;
    border: 1px solid #999999;
}

/**
 *  link styles
 **/
.link
{
    width: 420px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    
    border: 1px solid #999999;
    background-color: #dddddd;
}

.linkText
{
    float: right;
    width: 200px;
}

.linkTitle
{
    font-weight: bold;
}

.linkDescription
{
}

/**
 *  Contact Us Page
 **/
.contactTable
{
    width: 450px;
}

.contactField
{
    width: 150px;
}

.contactValue
{
    width: 275px;
}

.contactTextbox
{
    width: 275px;
}

.contactValid
{
    width :10px;
}

.contactFeedback
{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    width: 430px;
    
    background-color: #bbbbbb;
    border: 1px solid #999999;
    color: Red;
}

/**
 *  Home Description Page
 **/
.homeDescriptionContent
{
    width: 650px;
    background-color: #bbbbbb;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;    
}

.homeDescriptionLeftColumn 
{
    float: left;
    width: 300px;
    margin: 10px;
}

.homeDescriptionPictureBox
{
    float: right;
    width: 300px;
    margin: 10px;
}

.propertyDetails
{
 
}

.propertyDetailsField
{
    width: 160px;
}

.largePropertyDetailsValue
{
    width: 75px;
}

.smallPropertyDetailsValue
{
    width: 40px;
}

/**
 *  home plan description page
 **/
.homePlanContent
{
    width: 450px;
    background-color: #bbbbbb;
    border: 1px solid #999999;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;    
}

.homePlanPictureBox
{
    text-align: center;
}

.homePlanSquareFootage
{
    float: left;
    width: 200px;
}

.homePlanAttributes
{
    float: right;
    width: 200px;
}

.homePlanFeatures
{
    float: left;
    width: 200px;
}

.homePlanRooms
{
    float: right;
    width: 200px;
}

.homePlanCustomize
{
    float: left;
    width: 200px;
}

.FloorPlans
{
    border: 1px solid #999999;
    background-color: #dddddd;
    margin: 10px;
    padding: 10px;
    text-align: center;
}

#FloorPlansSubtitle
{
    text-align: left;
    padding-left: 10px;
}
    

/**
 *  Home Plan Customization
 **/
.HomePlanCustomizationLeftColumn
{
    float: left;
    width: 200px;
}

.HomePlanCustomizationRightColumn
{
    float: right;
    width: 200px;
}

.HomePlanCustomizationPersonalization
{
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #999999;
    background-color: #dddddd;
    margin: 10px;
    padding: 10px;
}

/**
 *  Home Brief Description
 **/
.BriefHomeDescription
{    
    width: 430px;
    background-color: #dddddd;
    border: 1px solid #999999;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;    
}

.BriefHomeDescriptionLeftColumn
{
    float: left;
    width: 200px;
}

.BriefHomeDescriptionRightColumn
{
    float: right;
    width: 200px;
}