/*


Layout
*/
html {
  background: url(../images/html.jpg) center;
}

body {
  background: url(../images/body.png) top center repeat-x;
  font-family: Georgia, sans-serif;
  font-size: 18px;
  min-width: 1000px;
  position: relative;
  text-align: center;
}

  #shell {
    margin: auto;
    position: relative;
    width: 960px;
    text-align: left;
  }
  
    #head {
      height: 100px;
      position: relative;
    }
    
      #head h1 {
        margin: 0;
        padding: 0;
      }
        
        #head h1 a {
          background: url(../images/grc-logo.png) no-repeat;
          height: 59px;
          left: 20px;
          position: absolute;
          top: 10px;
          width: 443px;
        }
          
          #head h1 a span {
            display: none;
          }
          
      #head h2 {
        display: none;
      }
    
    #wrapper {
      background: white;
/*      position: relative;*/
      z-index: 5;
    }
    
      #wrapper #primary {
        padding: 50px 100px 50px 30px;
        width: 530px;
      }
        
        #wrapper #primary p {
          line-height: 30px;
        }
        
        #wrapper #primary form {
          position: relative;
          margin-top: 30px;
          zoom: 1;
        }
        
        #wrapper #primary form .top label {
          display: inline;
          float: left;
          margin-right: 10px;
          padding-top: 5px;
          text-align: right;
          width: 160px;
        }
        
          form .top label.req::after {
            content: ' *';
            color: red;
          }
        
        #wrapper #primary form .top input[type="text"] {
          background: #F2F2EA;
          border: 1px solid #333333;
          display: inline;
          float: left;
          font-family: Georgia, serif;
          font-size: 16px;
          margin-bottom: 20px;
          padding: 5px;
          width: 250px;
        }
        
        #primary form input[type="submit"] {
          margin-top: 30px;
        }
        
        #primary form textarea {
          background: #F2F2EA;
          border: 1px solid #333;
          font-family: Georgia, serif;
          font-size: 16px;
          padding: 5px;
        }

      #wrapper #secondary {
        background: #E3E2D0 url('../images/column-bg.png');
        font-size: 16px;
        padding: 50px 20px;
        width: 260px;
      }
      
        #secondary p {
          line-height: 24px;
        }
            
        #secondary ul {
          list-style: none;
          text-align: right;
          margin: 0;
/*          padding-right: 20px;*/
/*          width: 280px;*/
        }
        
          #secondary ul li {
            margin-bottom: 20px;
          }
          
          #contact-side {
            background: url('../images/contact-side.jpg') right no-repeat;
            height: 170px;
            padding: 0 90px 0 30px;
          }
    
      #wrapper #top-shadow {
        background: url(../images/feature-top.jpg) no-repeat;
        height: 19px;
        left: 0;
        position: absolute;
        top: 80px;
        width: 960px;
        z-index: 1;
      }
      
      #wrapper #left-shadow {
        background: url(../images/feature-left.jpg) no-repeat;
        width: 19px;
        position: absolute;
        height: 500px;
        left: -19px;
        top: 100px;
        z-index: 1;
      }
      
      #wrapper #right-shadow {
        background: url(../images/feature-right.jpg) no-repeat;
        width: 19px;
        position: absolute;
        height: 500px;
        right: -19px;
        top: 100px;
        z-index: 1;
      }
      
        #gmaps {
          background: white;
          width: 952px;
          position: relative;
          padding: 4px;
          height: 491px;
        }
        
          #insert-map {
            background: url('../images/ajax-loader2.gif') center center no-repeat;
            height: 488px;
            width: 948px;
            position: relative;
          }
          
          #map {
            position: relative;
          }

          #gmaps #find-callout {
            background: url(../images/find-callout-bg.png);
            height: 378px;
            left: 10px;
            position: absolute;
            top: 22px;
            z-index: 2;
            width: 258px;
          }
          
            #find-wrapper {
              background: url(../images/find-callout-interior.jpg) no-repeat;
              height: 339px;
              margin: 18px 20px 0;
              width: 220px;
            }
            
              #find-wrapper ul {
                margin: 0;
                padding-top: 135px;
              }
              
                #find-wrapper ul li {
                  margin-bottom: 10px;
                  list-style: none;
                  text-align: center;
                }
                
                  #find-wrapper ul li a {
                    color: #333;
                    font-size: 26px;
                    text-decoration: none;
                  }
                  
                  #find-wrapper ul li a:hover {
                    background: #333;
                    color: white;
                  }
                  
              #find-wrapper h1 {
                position: absolute;
                left: -9999px;
              }
                            
          #view-listings-callout {
            background: url('../images/vl-shell.png');
            bottom: 0;
            height: 106px;
            right: -5px;
            position: absolute;
            width: 195px;
          }
          
            #view-listings-callout a {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              height: 100%;
              width: 100%;
              z-index: 5;
            }
            
              #view-listings-callout a:hover {
                background: transparent;
              }
          
            #view-listings-callout span {
              background: url('../images/vl-body.png');
              height: 75px;
              left: 29px;
              position: absolute;
              top: 14px;
              width: 157px;
            }
          
            #view-listings-callout h3, #view-listings-callout p {
              position: absolute;
              left: -9999px;
            }
          
/*          #gmaps #map {
            position: relative;
            border: 1px solid #9E9B78;
            height: 488px;
            width: 948px;
            z-index: 1;
          }
          
            #map img {
              position: absolute;
              z-index: 1;
            }*/
          
    #military-news {
      position: relative;
      background: url('../images/home-content-bg.jpg');
      height: 321px;
      overflow: hidden;
    }
    
      #military-news .left {
        margin: 35px 0 0 40px;
        width: 275px;
      }
      
      #military-news .right {
        margin: 35px 20px 0 0;
        width: 420px;
      }
      
      #military-news h5 {
        margin-bottom: 0;
      }
      
        #military-news h5 + p {
          margin-top: 10px;
        }
        
        #military-news .right p {
          font-size: 14px;
        }
      
      #military-news h2 {
        color: white;
        text-shadow: rgba(0,0,0,.8) 0 0 4px;
      }
      
      #military-news h2 + h5 {
        margin-top: 10px;
      }
      
      #military-news #rss-feed {
        background: url('../images/rss-icon.png') right no-repeat;
        position: absolute;
        padding-right: 42px;
        right: 30px;
        text-align: right;
        text-shadow: rgba(0,0,0,.8) 0 0 4px;
        top: 10px;
        width: 200px;
      }
      
        #military-news #rss-feed a {
          color: white;
          font-size: 14px;
          height: 39px;
          line-height: 15px;
          text-decoration: none;
        }
      
    #contact-row {
      position: relative;
      height: 230px;
    }
    
      #contact-row h2 {
        color: #7F0000;
      }
    
      #contact-row .left {
        background: url('../images/house.jpg') no-repeat;
        margin: 20px 0 0 10px;
        padding: 30px 0 0 202px;
        width: 233px;
      }
      
      #contact-row .right {
        margin: 20px 10px 0 0;
        padding: 30px 20px 0 0;
        right: 0px;
        bottom: 0;
        width: 255px;
      }
      
        #contact-row .right #mailbox {
          background: url('../images/homepage-mail.png');
          height: 250px;
          position: absolute;
          right: 292px;
          top: -30px;
          width: 212px;
        }
    
    #main {
      float: right;
      position: relative;
      width: 75%;
    }
    
      #listings-form-wrapper {
        color: #C4C2AB !important;
        background: url('../images/listing-search-form-bg.jpg');
        bottom: 0;
        height: 120px;
        left: 0;
        position: absolute;
        width: 950px;
        z-index: 5;
      }
      
        #listings-form-wrapper a {
          color: #EDEDE5;
        }
      
        ul#form-nav {
          padding: 0;
          position: absolute;
          top:-34px;
        }
          
          ul#form-nav li {
            background: url('../images/tab-left.png') left no-repeat;
            height: 39px;
            margin-right: 10px;
            padding-left: 6px;
          }
          
            ul#form-nav li:hover, ul#form-nav li.active, ul#form-nav li.hover {
              background-image: url('../images/tab-left-active.png');
            }
          
            ul#form-nav li a {
             background: url('../images/tab-right.png') right no-repeat; 
             height: 28px;
             padding: 6px 10px 5px 4px;
             text-decoration: none;
            }
            
            ul#form-nav li a:hover, ul#form-nav li:hover a, ul#form-nav li a.active, ul#form-nav li a.hover {
              background-image: url('../images/tab-right-active.png');
            }
            
          p.form-question {
            left: 15px;
            position: absolute;
            top: 10px;
          }
          
            p.form-question + p.form-question {
              left:460px;
            }
            
          ul#interested-city {
            position: absolute;
            bottom: 10px;
            left: 0;
          }  
            
            #listings-form-wrapper #interested-city li {
              margin-right: 20px;
            }
            
            input[type="checkbox"] + label {
              font-size: 26px;
            }
            
            input[type="checkbox"] {
              float: left;
              display: inline;
              margin-right: 10px;
            }
            
            #listings-form-wrapper input[type="submit"] {
              width: 80px;
            }
            
        .form-block {
          left: 15px;
          position: absolute;
          top: 20px;
        }
        
          .form-block + .form-block {
            left: 250px;
          }
          
          .form-block + .form-block + .form-block {
            left: 410px;
          }
        
          .form-block label {
            font-size: 14px !important;
          }
          
          .form-block p {
            margin: 2px 0 0;
          }
          
          .form-block select {
            width: 80px;
          }
          
          .selectboxes label {
            display: inline;
            float: left; 
            margin-right: 10px;
            text-align: right;
            width: 80px;
          }
            
        #listings-found {
          position: absolute;
          top: 30px;
          right: 30px;
        }
        
          #listings-found h2 {
            color: #EDEDE5;
          }
          
          #listings-found a:hover {
            background: transparent;
            text-decoration: none;
          }
        
    #search-wrapper {
      display: block;
      background: white url('../images/listing-top-bg.jpg') top center no-repeat;
      padding: 40px 0;
    }
      
      #search-wrapper h1 {
        padding-left: 40px;
      }
                
      #unit-info {
        padding: 5px;
      }  
        
      #unit-pics {
        display: inline;
        float: left;
        width: 480px;
      }
      
        #unit-pics img {
          border: 1px solid black;
        }
      
        #unit-thumbs-container {
          height: 129px;
          margin-top: 5px;
          overflow: auto;
          width: 480px;
        }
      
        ul#unit-thumbs {
          margin: 0;
          padding: 0;
          width: 3000px;
        }
        
          ul#unit-thumbs li{
            margin-right: 5px;
          }
          
          ul#unit-thumbs li a img {
            cursor: pointer;
          }
      
      #unit-content {
        background: url('../images/listing-text-bg.jpg') no-repeat;
        display: inline;
        float: right;
        padding: 40px 20px 10px;
        position: relative;
        width: 425px;
        z-index: 5;
      }

        #unit-content #view-listings-callout {
          right: -20px;
          top: -25px;
          z-index: 10;
        }
        
          #unit-content #view-listings-callout span {
            background: url('../images/inquire-now-body.png');
          }
        
        #unit-content p:first-child {
          margin-top: 0;
        }
      
        #unit-content .top {
          height: 170px;
          margin-bottom: 20px;
          overflow: hidden;
        }
      
        #unit-content .left {
 
        }
        
        #unit-content .right {
 
        }
        
          #unit-content ul{
            margin: 0;
            padding: 0;
            list-style: none;
          }
        
          #unit-content #map-thumb {
/*          background: url('../images/map-thumb-shadow.png') no-repeat;
            padding: 3px 3px 4px 4px;*/
            box-shadow: rgba(0, 0, 0, .5) 0px 0px 5px;
            -moz-box-shadow: rgba(0, 0, 0, .5) 0px 0px 5px;
            -webkit-box-shadow: rgba(0, 0, 0, .5) 0px 0px 5px;
          }
          
      table#unit-table td small {
        font-size: 14px;
        line-height: 18px;
      } 
    
    #sub {
      float: left;
      position: relative;
      width: 25%;
    }
    

    #foot {
      background: url('../images/foot-bg.jpg') no-repeat;
      color: white;
      clear: both;
      font-size: 18px;
      height: 189px;
      padding-top: 30px;
      position: relative;
      text-shadow: rgba(0 ,0, 0, .8) 0 0 4px;
    }
    
      #foot h3 {
        color: white;
      }
    
      #foot #site-map {
        margin-left: 30px;
      }
      
      #foot #company-info {
        margin-right: 30px;
      }
      
        #company-info .left {
          margin-right: 30px;
        }
        
          #company-info .left p {
            margin-top: 0;
          }
          
      #grc-copyright {
        background: url('../images/grc-logo-foot.png') left no-repeat;
        font-size: 14px;
        padding-left: 75px;
      }
      
      #grc-copyright + p {
        background: url('../images/cocologo.gif') left no-repeat;
        font-size: 14px;
        height: 22px;
        padding-left: 75px;
      }
    
      #foot a {
        color: #E2E0D7;
        text-decoration: none;
      }
      
      #foot a:hover {
        background: #E2E0D7;
        color: #333;
      }      
      
      #foot ul.navFoot {
        margin: 0 80px 0 0;
      }
      
        #foot ul.navFoot li {
          list-style: none;
          margin-bottom: 3px;
        }
        
/*

Forms
*/

.error-container {
  position: relative;
  float: left; 
  width: 100%;
}

.error-bubble {
  color: white;
  background: #CC0501;
  background: rgba(255, 6, 2, .75);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
  font-style: italic;
  height: 20px;
  top: -3px;
  padding: 10px 20px;
  position: absolute;
  right: -140px;
  width: 70%;
}

.contact input[type='submit'] {
  background: url('../images/contact-submit.jpg') no-repeat;
  cursor: pointer;
  border: none;
  height: 57px;
  width: 188px;
}
          

/*

Generic Table
*/

table {
  margin: 0 auto;
}
  
  table thead tr th{
    border-bottom: 1px solid #C0BDA3;
    border-collapse: collapse;
    padding: 5px 10px;
  }
  
  table tbody tr td {
    padding: 20px 10px 10px;
    border-bottom: 1px solid #C0BDA3;
  }
  
  table tr:nth-child(even) {
    background: #EDEDE5;
  }
  
  table tr {
    vertical-align: top;
  }
          
    table tr td *:first-child {
      margin-top: 0;
    }
    
    table td h2 + p, table td h4 + p {
      margin-top: -5px;
    }
    
    table tbody tr td:first-child {
      padding-top: 10px;
    }


    table tfoot tr th{
      padding-top: 10px;
      text-align: right;
    }


#scroll {
  max-height: 600px;
  margin-left: 5px;
  width: 98%;
  overflow: auto;
}    
/*

Navigation
*/
ul#navPrimary {
  right: 0;
  position: absolute;
  top: 29px;
}

  ul#navPrimary li {
    margin-left: 5px;
  }
    
    ul#navPrimary li a {
      color: #D3D0B4;
      font-size: 18px;
      text-shadow: 1px 1px 4px black;
      text-decoration: none;
      padding: 10px;
    }
    
    ul#navPrimary li a:hover {
      background: #410000;
      color: white;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
    }
    
ul#navTop {
  position: absolute;
  right: 10px;
  top: 0;
}
 
    ul#navTop li a {
      color: #F2EEF9;
      font-size: 13px;
      padding: 6px;
      text-shadow: 1px 1px 4px black;
      text-decoration: none;
    }
    
    ul#navTop li a:hover {
      background: #410000;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
    }
    

ul.navSub {
  width: 100%;
}

  ul.navSub li {
    list-style: none;
  }
  
    ul.navSub li a {
      display: block;
      text-decoration: none;
      width: 100%;
    }
    
    ul.navSub li a:hover {
      background: #fff;
    }
    
/*

Default type

*/

ol, ul {
  margin-left: 1em;
  padding-bottom: 1em;
}

p {
	line-height:1.3em;
	margin:1em 0 .5em;
}

h1
{
	font-size:1.6em;
	line-height:1;
	margin:1em 0 .5em;
}

h2
{
	font-size:1.5em;
	line-height:1;
	margin:1.07em 0 .535em;
}

h3
{
	font-size:1.4em;
	line-height:1;
	margin:1.14em 0 .57em;
}

h4
{
	font-size:1.3em;
	line-height:1;
	margin:1.23em 0 .615em;
}

h5
{
	font-size:1.2em;
	line-height:1;
	margin:1.33em 0 .67em;
}

h6
{
	font-size:1em;
	line-height:1;
	margin:1.6em 0 .8em;
}

h1, h2, h3, h4, h5, h6 {
  color: #7F0000;
  font-weight: 100;
}

div > h1:first-child, div > h2:first-child, div > h3:first-child,
div > h4:first-child, div > h5:first-child, div > h6:first-child {
  margin-top: 0;
}

/*

Type
*/
a {
  background: transparent;
  color: #7F0000;
}

a:hover {
  background: #7F0000;
  color: white;
  text-decoration: none;
}


/*


Misc
*/

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}
/*


Comes in Handy Sometimes
*/
.NoMargin {
  margin: 0 !important;
}
.clear, .clearme {
  margin: 0;
  padding: 0;
  height: 0px;
  clear: both;
  width: 0px;
}



ul.inline-list {

}
  ul.inline-list li {
    display: inline;
    float: left;
    list-style: none;
  }
    ul.inline-list li a {
      float: left;
    }
    
.left {
  display: inline;
  float: left;
}
.right {
  display: inline;
  float: right;
}
#primary .left {
  margin: 10px;
  margin-left: 0;
}
#primary .right {
  margin: 10px;
  margin-right: 0;
}


.spacer {
  width: 100%;
  height: 30px;
}

/*


Default styles for BrainBuster logic captcha
*/
#captcha {
  margin: .5em 0 .5em 0;
  font-size: 13px;
}

#captcha_answer {
  margin-left: .5em;
}

.captcha_failed input {
  border-style: inset;
  border-color: red;
  border-width: 3px;
}