@charset "UTF-8";
/* CSS Document */
html {
    background: none;
}

body {
    background: #d6d6d6 url(../images/bg-body.jpg) repeat-y top;;
    font-size: 62.5%;
    font-family: Helvetica, Arial, sans-serif;
    color: #333333;
}

blockquote {
    margin-bottom: 35px;
    width: 90%;
}

blockquote span {
    text-align: right;
    display: block;
    color: #d5e614;
    padding-top: 10px;
}

h1 {
    font-size: 1.9em;
    font-weight: bold;
    color: #8d4808;
    margin-bottom: 8px;
}

h2 {
    font-size: 1.7em;
    font-weight: bold;
    color: #8d4808;
    padding: 16px 0 20px 0;
}

h3 {
    font-size: 1.6em;
    font-weight: bold;
    color: #8d4808;
    margin: 10px 0 5px 4px;
}

h4 {
    font-size: 1.5em;
    margin: 11px 0 10px 0;
}

h5 {
    font-size: 1.4em;
    font-weight: bold;
    color: #8d4808;
    margin-bottom: 15px;
}

hr {
    color: #CCC;
    background: #CCC;
    border: #CCC;
    margin-left: 12px;
}

a:link {
    text-decoration: none;
    color: #8C4013;
}

a:visited {
    text-decoration: none;
    color: #8C4013;
}

a:focus {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
    color: #BB7044;
}

a:active {
    text-decoration: underline;
    color: #8C4013;
}

.action-text a, .action-text a:active, .action-text a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #1B3DDF;
    text-decoration: underline;
}

.action-text a:hover {
    color: #0F2381;
}

#wrapper {
    width: 980px;
    margin: 0 auto;
}

#wrapper-interior {
    width: 882px;
    display: block;
    margin: 0 auto;
    position: relative;
}

#nav-placeholder {
    background: url(../images/nav-placeholder.jpg) no-repeat top center;
}

#breadcrumb {
    position: absolute;
    top: 85px;
    left: 110px;
    font-size: 1.1em;
}

#breadcrumb a, #breadcrumb a:visited {
    text-decoration: none;
    color: #333;
}

#left-column {
    width: 580px;
    float: left;
    padding-left: 10px;
}

#intro-text {
    font-size: 1.3em;
    padding-bottom: 15px;
}

.inner-left-column {
    float: left;
    width: 310px;
    padding: 0 0 0 10px;
}

#mobile-office-thumbnail {
    float: left;
}

#storage-container-thumbnail {
    float: left;
}

#modular-buildings-thumbnail {
    padding-bottom: 45px;
    float: left;
}

.inner-left-column p {
    padding: 5px 0 10px 0;
    font-size: 1.1em;
}

.inner-right-column {
    float: left;
    width: 250px;
}

.inner-right-column p {
    padding: 0 0 10px 0;
    font-size: 1.1em;
    line-height: 1.3em;
}

.inner-right-column p span {
    font-size: 1.5em;
    margin: 11px 0 10px 0;
}

.button-text {
    font-size: 1.7em !important;
    font-weight: bold;
    position: absolute;
    top: 7px;
    left: 45px;
    color: #fff;
}

.button-text a, #button-text a:visited {
    color: #fff;
    text-decoration: none;
}

#right-column {
    float: right;
    width: 251px;
    position: relative;
    z-index: -1;
}

/* Change city image by overwriting "bg-location.jpg" Should be 221px by 171px*/
#location {
    background: url(../images/bg-location.jpg) no-repeat 17px 13px;
    position: relative;
}

#city-state {
    position: absolute;
    left: 25px;
    top: 26px;
    font-size: 1.8em;
    color: #fff;
    font-weight: bold;
}

#we-serve {
    padding: 3px 5px 0 10px;
    font-size: 1.2em;
}

#we-serve span {
    font-weight: bold;
}

#phone {
    position: absolute;
    top: 310px;
    left: 19px;
    width: 215px;
}

/*#phone img {float:left; padding:0 10px 30px 20px;}*/
#phone p {
    font-size: 1.8em;
    text-align: center;
}

/*#phone p span {font-weight:bold;}*/
#logo-farm {
    position: absolute;
    top: 405px;
    left: 20px;
}

#middle {
    background: url(../images/bg-middle-allgray.jpg) top left no-repeat;
    padding: 0 15px 30px 15px;
    position: relative;
    min-height: 333px;
    height: auto !important;
    height: 333px;
}

#column1 {
    width: 270px;
    padding-left: 20px;
    float: left;
}

#column1 h4 {
    font-weight: bold;
}

#column1 p {
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 8px 0 10px 0;
}

#column2 {
    width: 270px;
    padding-left: 20px;
    float: left;
}

#column2 h4 {
    font-weight: bold;
}

#column2 p {
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 8px 0 10px 0;
}

#column3 {
    width: 250px;
    padding-left: 20px;
    float: left;
}

#column3 h4 {
    font-weight: bold;
}

#column3 p {
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 8px 0 10px 0;
}

#bottom-btn {
    margin: 25px 0 25px 0;
}

#bottom-left {
    float: left;
    width: 565px;
    padding: 0 75px 20px 0
}

#bottom-left p {
    font-size: 1.2em;
    margin-bottom: 15px;
    line-height: 1.2em;
}

#bottom-right {
}

#bottom-right p {
    font-size: 1.2em;
    margin-bottom: 6px;
    line-height: 1.2em;
}

#bottom-right p a, #bottom-right p a:visited {
    text-decoration: underline;
    color: #333;
}

#footer {
    background: #f1f1f1;
    border-top: 4px #999;
    font-family: Verdana, Helvetica, Arial;
    font-size: 1.1em;
    padding: 30px 0 20px 0;
    text-align: center;
    width: 939px;
    display: block;
    margin: 0 auto;
}

#footer ul {
    padding-left: 0;
}

#footer ul li {
    display: inline;
}

#footer ul li a, #footer ul li a:visited {
    color: #333333;
}

#action-text1 {
    float: left;
    padding-top: 3px;
    padding-right: 15px;
    width: 260px;
    text-align: center;
}

#action-text2 {
    float: left;
    padding: 3px 15px;
    width: 257px;
    text-align: center;
}

#action-text3 {
    float: left;
    padding: 3px 15px;
    width: 260px;
    text-align: center;
}

/* misc. */
.thumbnail-column {
    float: left;
    width: 163px;
}

.details {
    float: left;
    width: 125px;
}

.clear-both {
    clear: both;
}

.button {
    position: relative;
    width: 178px;
}

.left {
    float: left;
}

.middle-thumbnail img {
    border: 2px #aaa;
}

.middle-text {
    width: 140px;
}

.middle-logo1 {
    position: absolute;
    left: 183px;
    top: 270px;
}

.middle-logo2 {
    position: absolute;
    left: 477px;
    top: 270px;
}

.middle-logo3 {
    position: absolute;
    left: 767px;
    top: 270px;
}

.last-link {
    padding-bottom: 35px;
}

.rollover_button {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    background: url(/resources/local-page/images/button-on.gif) no-repeat;
    white-space: nowrap;
    /*display: block;*/
    width: 225px;
    height: 40px;
    margin: 0;
    padding: 0;
    right: 4px;
}

.rollover_button a, .rollover_button a:visited {
    display: block;
    width: 225px;
    height: 40px;
    float: left;
    color: #ffffff;
    text-decoration: none;
}

.rollover_button a:hover {
    color: #EFEDE9;
}

.rollover_button img {
    width: 225px;
    height: 40px;
    border: 0
}
* html a:hover {
    visibility: visible
}

.rollover_button a:hover img {
    visibility: hidden
}

.rollover_button span {
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    font-size: 1.7em !important;
    font-weight: bold;
    position: absolute;
    top: 9px;
    left: 45px;
}

/* Header and Navigation */
#logolink {
    /* it is what makes the "logo" clickable */
    /* The logo graphic is part of div background.  An image link is inserted for a clickable area */
    float: left;
    cursor: pointer;
}

#logolink.default {
    width: 170px;
    height: 60px;
}

/* ================================================================================ */
/* Navigation																		*/
/* ================================================================================ */
/*  This nav menu is based off of the CSSplay "final drop" menu.
 I had to recode the old nav to include a drop down selection for product categories.
 The "final drop" menu was simplified since I only needed 2 levels.
 However, it was made more complicated due to the requirements for rounded corners and
 a selected page indicator. -Brian */
/* ================================================================
 This copyright notice must be untouched at all times.
 
 The original version of this stylesheet and the associated (x)html
 is available at http://www.cssplay.co.uk/menus/final_drop.html
 Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
 This stylesheet and the associated (x)html may be modified in any
 way to fit your requirements.
 =================================================================== */
/* ================================================================================ */
/* Navigation Menu - Positioning													*/
/* ================================================================================ */
#menu {
    /*	width: 392px;*/
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    height: 27px;
    float: right;
    z-index: 100;
    text-transform: uppercase;
    text-align: center;
    padding-top: 20px;
    margin: 0;
}

/*  Since the background image for #logoanduppernav is different on the home page vs all other pages,
 the menu padding is set differently to get the menu to sit in the same vertical page location.
 There is still some horizontal shifting of the menu since the browser adds a scroll bar for
 pages that are longer than the viewable area.  -Brian */
#menu.home {
    padding-top: 35px;
}

/*Set this class for all pages with the small logo and nav menu*/
#menu.default {
    padding-top: 20px;
}

/* General Menu Styling - Remove all the bullets, borders and padding from the default list styling */
#menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 27px;
    float: left;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
    float: left;
    width: 90px;
    height: 27px;
    position: relative;
    margin: 0;
}

/*  To summarize the menu...The middle items use a background color.  When a middle item is hovered,
 it switches to a dark background color.
 
 For the left and right menu items, a background image is used in order to achieve the rounded corners.
 When hovered, a different image with dark color is used.
 
 To indicate the current page selected, the appropriate nav item will be set to a dark version while on that page.
 This is achieved at the page level.  Each page's menu code is edited to set a selector class on the appropriate
 menu item.  Every List Item should have a class assigned to it (see below). */
/*
 List Class				Default Style											On Hover
 ----------				---------------------------------------------------		-------------------------------------
 middle					BG color: #FFF65E, color #000							BG color: #9C5924, color #FFF
 middleyouarehere		BG color: #9C5925, color #FFF							same as default
 level2					BG color: #DF05C3, color #000							BG color: #9C5924, color #FFF
 
 */
/* General styling for all top level links*/
#menu a, #menu a:visited {
    display: block;
    text-decoration: none;
    /*Setting the anchor and line height the same effectively centers the text vertically. */
    height: 27px;
    line-height: 27px;
    padding: 0 13px;
    font-weight: bold;
}

#leftmost {
    background: url(/resources/nav-background-left-sel.jpg) no-repeat top left;
    float: left;
    width: 13px;
    height: 27px;
}

/* style top level items */
#menu ul li a {
    background: #9C5924;
    color: #fff;
}

/* top level hover */
#menu ul li a:hover, #menu ul :hover {
    background: #CFA481;
    color: #FFF;
}

/*Need these 2 lines in order for Top Level Menu Hover to stick when in 2nd level*/
/*First one is for IE6 which does not support child selectors*/
/*Key is the hover has to be set for at the ul level.  Doesn't work when set at li level*/

#menu a:hover, #menu ul ul a:hover {
    color: #FFF;
    background: #CFA481;
}

#menu ul :hover > a {
    color: #FFF;
    background: #CFA481;
}
*#menu ul li.selected a, #menu ul li.selected a:hover {
    color: #5F3717;
    background: #F1B851;
}

#rightmost {
    background: url(/resources/nav-background-right-sel.jpg) no-repeat top right;
    width: 13px;
    height: 27px;
    float: left;
}

/* Second Level Menu Items */
/* General Styling for 2nd Level Menu Items */
#menu #level2, #menu #level2 li {
    width: 164px;
    text-align: left;
    height: 35px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
    visibility: hidden;
    position: absolute;
    height: 0;
    top: 27px;
    left: 0;
}

/* style the table so that it takes no part in the layout - required for IE to work */
/*  The menu code uses some conditional statements to put the 2nd level items into a table
 for IE6 compatibility */
#menu table {
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;
}

#menu #level2 li a, #menu #level2 li a:visited {
    background: #DFD5C3;
    color: #000;
    /*Due to 1px border, height should be 1 px less than parent li height */
    height: 34px;
    line-height: 34px;
    width: 164px;
    padding: 0 13px;
    border-left: solid black 1px;
    border-right: solid black 1px;
    border-bottom: solid black 1px;
}

/* style the 2nd level hover */
#menu #level2 li a:hover {
    background: #CFA481;
    color: #fff;
}

/* make the second level visible when hover on first level list */
#menu ul li:hover ul#level2, #menu ul li a:hover #level2 {
    visibility: visible;
}

#menu ul a:hover {
    visibility: visible;
}

/* The no_rollover_border class gets rid of the dotted line border that the browser creates around an image link */
a.no_rollover_border:focus, a.no_rollover_border:active {
    outline: 0;
    -moz-outline: none;
}

/* ================================================================================ */
/* end of navigation																*/
/* ================================================================================ */
/* ================================================================================ */
#logoanduppernav_default {
    background: url("/resources/local-page/images/header.gif") no-repeat;
    width: 882px;
    height: 89px;
    float: left;
    margin-top: 13px;
    margin-bottom: 15px;
}

#credits {
    color: #808080;
    font-size: 8px;
}

/* ================================================================================ */
/* City background images
 /* ================================================================================ */
#salt-lake-city {
    background: url(../images/bg-salt-lake-city.jpg) no-repeat 17px 13px;
    position: relative;
}

#fort-lauderdale {
    background: url(../images/bg-fort-lauderdale.jpg) no-repeat 17px 13px;
    position: relative;
}

#beaumont {
    background: url(../images/bg-beaumont.jpg) no-repeat 17px 13px;
    position: relative;
}

#columbia {
    background: url(../images/bg-columbia.jpg) no-repeat 17px 13px;
    position: relative;
}

#escondido {
    background: url(../images/bg-escondido.jpg) no-repeat 17px 13px;
    position: relative;
}

#palmdale {
    background: url(../images/bg-palmdale.jpg) no-repeat 17px 13px;
    position: relative;
}

#spring {
    background: url(../images/bg-spring.jpg) no-repeat 17px 13px;
    position: relative;
}

#tyler {
    background: url(../images/bg-tyler.jpg) no-repeat 17px 13px;
    position: relative;
}

#west-palm-beach {
    background: url(../images/bg-west-palm-beach.jpg) no-repeat 17px 13px;
    position: relative;
}

#wichita {
    background: url(../images/bg-wichita.jpg) no-repeat 17px 13px;
    position: relative;
}

#corpus-christi {
    background: url(../images/bg-corpus-christi.jpg) no-repeat 17px 13px;
    position: relative;
}

#fort-worth {
    background: url(../images/bg-fort-worth.jpg) no-repeat 17px 13px;
    position: relative;
}

#laredo {
    background: url(../images/bg-laredo.jpg) no-repeat 17px 13px;
    position: relative;
}

#riverside {
    background: url(../images/bg-riverside.jpg) no-repeat 17px 13px;
    position: relative;
}

#oakland {
    background: url(../images/bg-oakland.jpg) no-repeat 17px 13px;
    position: relative;
}

#memphis {
    background: url(../images/bg-memphis.jpg) no-repeat 17px 13px;
    position: relative;
}

#austin {
    background: url(../images/bg-austin.jpg) no-repeat 17px 13px;
    position: relative;
}

#houston {
    background: url(../images/bg-houston.jpg) no-repeat 17px 13px;
    position: relative;
}
#dallas {
    background: url(../images/bg-dallas.jpg) no-repeat 17px 13px;
    position: relative;
}
#anaheim {
    background: url(../images/bg-anaheim.jpg) no-repeat 17px 13px;
    position: relative;
}
#kansas-city {
    background: url(../images/bg-kansas-city.jpg) no-repeat 17px 13px;
    position: relative;
}
#miami {
    background: url(../images/bg-miami.jpg) no-repeat 17px 13px;
    position: relative;
}
#los-angeles {
    background: url(../images/bg-los-angeles.jpg) no-repeat 17px 13px;
    position: relative;
}