html, body {
    padding:0;
    margin:0;
}

body {
    font-family:"Trebuchet MS", "Verdana", sans-serif;
    background-color:white;
    color:black;
    font-size:14px;
}
a {
    text-decoration:none;
    color:#EE7827;
}
a:hover {
    text-decoration:underline;
    color:#269DED;
}
a img {
    border:none;
}

#Container {
    position:relative;
    width:785px;
    margin:0 auto;
    padding-top:20px;
    padding-left:115px;
    background:url('/img/layout/container_bg.jpg') top left repeat-y;
}

#Header {
    width:785px;
    border-bottom:2px solid #666;
    padding-bottom:5px;
    position:relative;
}
#Header #Logo {
    float:left;
    width:204px;
    height:53px;
}
#Header #Logo img, #Header #Logo a {
    display:block;
    margin:0;
    padding:0;
}

#Header .links {
    float:right;
    font-size:12px;
    position:absolute;
    bottom:3px;
    right:10px;
}
#Header .phone {
    text-align:right;
    padding-bottom:1em;
    color:#555555;
}

#Footer {
    border-top:2px solid #666;
    margin-top:30px;
    padding-top:4px;
    padding-bottom:3em;
    font-size:12px;
}

#Footer .links {
    float:left;
}
#Footer .counter {
    float:right;
    padding:0 1em;
}
#Footer .counter .number {
    font-family:"Lucida Sans Typewriter","Lucida Console",monospace;
    font-weight:bold;
    background-color:#030609;
    color:#FCA40F;
    padding:1px 2px;
}
#Header .links a,
#Footer .links a {
    color:#AAA;
    text-transform:uppercase;
}


#Content {
    eight:510px;
    verflow:auto;
    padding-left:120px;
    margin-top:30px;
}
#ContentLeft {
    width:465px;
}
#Content .box {
    background-color:#f9e8d8;
    padding:0 1em 1em;
    line-height:160%;
    margin:1em 0;
    width:445px;
    float:left;
}
#Content .box .header {
    float:left;
    color:#ed7b1b;
    font-size:16px;
    margin:1em 0;
}
#Content .box .top {
    float:right;
    margin-right:1em;
    font-size:10px;
}
#Content .contentImages {
    float:right;
    padding-top:2em;
    padding-right:12px;
    width:155px;
}
#Content .contentImages .quote {
    color:#ED7B1B;
    text-decoration:italic;
    font-size:12px;
}

#Content .box ul li {
    font-size:90%;
    margin:0.5em 0;
}



#Contact {
    padding:0 1em;
}
#Contact fieldset {
    float:left;
    border:0px none;
    padding:0;
    margin:0;
}
#Contact legend {
    margin:0;
    padding:0;
}
#Contact div.input,
#Contact div.radio {
    margin:1em 0;
    clear:both;
}
#Contact div.input label,
#Contact div.radio legend {
    display:block;
    font-weight:bold;
    color:black;
}

#Contact div.input input,
#Contact div.input textarea,
#Contact div.input select,
#Contact div.radio label {
    font-size:120%;
    font-family:"Trebuchet MS";
}

#Contact div.radio input {
    margin-left:1em;
}
#Contact .error-message {
    font-size:80%;
    font-weight:bold;
    color:#CC0000;
}


#Navigation {
    padding:5px 0;
    z-index:100;
}
#Navigation div.navItem {
    float:left;
    margin:0 5px;
}
#Navigation .wrapper {
    position:absolute;
    z-index:500;
}
#Navigation .navHead {
    width:163px;
    padding:10px 0;
    background:url('/img/layout/nav_button.png') center center no-repeat;
    text-align:center;
    font-size:14px;
    text-transform:uppercase;
    color:white;
    cursor:pointer;
}
#Navigation .sub {
    width:163px;
    padding-top:8px;
    background:url('/img/layout/nav_item_mid.png') top center no-repeat;
}
#Navigation .wrapper .bottom {
    width:163px;
    height:6px;
    line-height:0;
    font-size:0px;
    background:url('/img/layout/nav_item_bot.png') center center no-repeat;
}
#Navigation .sub a.item {
    display:block;
    text-align:right;
    color:white;
    font-size:11px;
    padding:0.2em 8px 0.2em 0;
    width:133px;
    position:relative;
    left:22px;
    text-transform:uppercase;
}
#Navigation .sub a.item:hover {
    background:white;
    color:black;
}




#LeftNav {
    position:absolute;
    top:200px;
    left:0;
    width:225px;
    z-index:200;
}
#LeftNav .navHead {
    width:207px;
    background-color:#1F1317;
    padding:8px 18px 8px 0;
    font-size:20px;
    color:white;
    text-align:right;
}
#LeftNav .navBody {
    padding-left:93px;
}
#LeftNav .navBody .item a {
    display:block;
    color:black;
    font-size:10px;
    padding:4px 0 4px 6px;
}
#LeftNav .navBody .item a:hover {
    color:white;
    background-color:#1F1317;
    text-decoration:none;
}

#Content .finePrint {
    margin:2em 2em;
    font-size:80%;
    line-height:120%;
}
#PriceLockTable {
    margin:0 1em;
    width:80%;
    line-height:160%;
}
#PriceLockTable td {
    background-color:#F9ECDF;
}


#Directions .pageLinks a {
    background:url('http://images.passportintl.com/icons/house.png') left center no-repeat;
    background-color:white;
    float:left;
    padding:3px 5px 3px 25px;
    margin-left:1em;
    margin-right:3em;
}
#Directions .pageLinks a:hover {
    background-color:#F8F8F8;
}
#Directions .left {
    float:left;
    width:450px;
}
#Directions .right {
    float:right;
    width:300px;
}
#Directions h3 {
    font-size:120%;
}
#Directions h4 {
    margin-top:0;
}


/* Plans */
#Plan {
    margin:1em 0 0;
    position:relative;
}
#PlanHeader {
    font-weight:bold;
    font-size:130%;
    margin:0 0 1em;
}
.planData {
    font-size:110%;
}
.planData label {
    display:block;
    float:left;
    clear:left;
    font-weight:bold;
    width:8em;
    text-align:right;
    padding-right:1em;
}
#PlanDescription,
#PlanSpecs {
    padding:0 2%;
    line-height:160%;
}
#PlanSpecs {
    border:1px solid #BBB;
}
#SpecHeader {
    background:#E5E5E5;
    border:1px solid #BBB;
    border-bottom:none;
    font-weight:bold;
    padding:4px 1em;
}

#PlanLeft {
    float:left;
    width:57%;
}
#PlanImages {
    float:right;
    width:40%;
}
#PlanImages a {
    display:block;
    float:left;
    text-align:center;
    margin:0.5em 1em;
}
#PlanImages a:hover {
    text-decoration:none;
    background:#FFFFCC;
}

#PlanSelect .group {
    float:left;
    width:175px;
    margin-right:10px;
    border:1px solid #BBB;
}
#PlanSelect .group .header {
    font-size:115%;
    font-weight:bold;
    background-color:#E5E5E5;
    text-align:center;
}
#PlanSelect .group .item {
    background:url('http://images.passportintl.com/icons/house.png') left center no-repeat;
    padding:3px 0 3px 25px;
    position:relative;
    left:8px;
}
#PlanSelect .group .item span.sqft {
    font-size:75%;
}

#Plan .intro {
    line-height:160%;
}

.pulldown {
    border:1px solid #BBBBBB;
    margin:0.5em 1em;
}
.pulldownHeader {
    background-color:#E5E5E5;
    padding:0.25em 0;
    padding-left:20px;
    background:#E5E5E5 left center no-repeat;
    cursor:pointer;
}
.pulldownHeader.closed {
    background-image: url('http://images.passportintl.com/icons/bullet_toggle_plus.png');
}
.pulldownHeader.opened {
    background-image:url('http://images.passportintl.com/icons/bullet_toggle_minus.png');
}



#Dealers {
    padding:0 0 0 1em;
}
#DealerLeft {
    float:left;
    width:470px;
    margin-top:30px;
}
#DealerRight {
    float:left;
    width:275px;
    margin-top:30px;
    margin-left:20px;
    font-size:12px;
    background-color:#f5f5f5;
    border-bottom:2px solid #BBB;
}
#DealerRight .header {
    font-size:18px;
    ont-weight:bold;
    border-bottom:2px solid #BBB;
    padding:0.5em 0 0.5em 5px;
    background-color:white;
}
#DealerRight p {
    padding:0 10px;
}
#DealerRight ul {
    padding:0 10px 0 1.5em;
    margin:0;
}
#DealerRight li {
    padding:0;
    margin:0.5em 0;
}
#Dealers #States a {
    padding:3px 6px;
    margin-left:1em;
    background-color:#efefef;
    border:1px solid #ddd;
}
#Dealers .state {
    border:1px solid #BBB;
    margin-bottom:3em;
    width:460px;
}
#Dealers .dealer {
    margin:1.5em 0;
}
#Dealers .dealer.border {
    border-top:1px solid #eee;
}

#Dealers .stateHeader {
    font-size:125%;
    font-weight:bold;
    background-color:#E5E5E5;
    border-bottom:1px solid #BBB;
    margin-bottom:0.5em;
    padding:0 0.5em;
    position:relative;
}
#Dealers .top {
    position:absolute;
    top:3px;
    right:1em;
    font-size:10px;
}

#Dealers .companyName, #Dealers .field {
    padding:0 8px;
}
#Dealers .companyName {
    font-weight:bold;
    font-size:115%;
    margin:0.25em 0;
}
#Dealers .field label {
    width:125px;
    font-weight:bold;
    float:left;
    clear:left;
}
#Dealers .field span {
    float:left;
}


.thumbnail {
    text-align:center;
}
.thumbnail img {
    border:1px solid #444;
    padding:1px;
}