/* 
    Document   : style
    Created on : 6-May-2011, 12:25:23 PM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
margin:0;
padding:0;
}

body {
background:#203756 url('images/site_bg.png') repeat-x;
background-position:50% 0;
font-family:'Times New Roman', 'Times', 'serif';
font-size:14px;
}

ul {
list-style:circle;
margin-top:5px;
}

ol {
list-style:decimal;
margin:5px;
}
.line_divider {
    border-top:1px solid #ccc;
    border-bottom:1px solid #fff;
    margin:30px 5px;
}

blockquote,q {
padding-left:50px;
padding-right:50px;
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

table {
border-spacing:0;
border-collapse:collapse;
width:100%;
}

html {
overflow-y:scroll;
overflow-x:auto;
}
/***************
/* MAIN LAYOUT
****************/

#site-wrap {
width:962px;
margin:5px auto 0px auto;
padding:0;

}
#header {
    display:block;
    height:81px;
    padding-top:10px;
}

.logo {
    float:left;
}
.phone {
    float:right;
    margin-right:10px;
    margin-top:25px;
}
h1,h2 {
    font-size:20px;
    color:#26455e;
    font-weight:normal;
    font-family:'Georgia','serif';
    margin-top:10px;
}
h1 {
    font-size:28px;
}
p {
    margin:10px 5px;
}
.gallery img {
    padding:5px;
    background:#fff;
    border:1px solid #ccc;

    margin:10px 10px 20px 10px;
    max-width:195px;
}

.realtor {
    text-align:center;
    margin-top:10px;
}
.realtor2 {
   float:left;
   margin:5px;
   
}
.realtor2 img {
    width:60px;
}
a {
    color:#3366cc;
}
.realtor p {
    font-weight:bold;
    color:#3366cc;
}
ul {
    margin-left:0px;
    padding-left:17px;
}
.mission li {
    margin-top:8px;
}
.navigation {
width:480px;
margin-top:17px;
float:left;
margin-left:30px;
}

.navigation ul {
list-style:none;
margin:0;
padding:0;
}

.navigation ul li {
float:left;
display:inline;
margin:0px 0 0 0;
padding:0;
height:52px;
}

.navigation ul li a {
font-family:'Georgia','serif';
font-weight:400;
font-size:18px;
text-align:center;
display:block;
padding:12px 7px 4px 7px;
color:#8bd8fc;
text-shadow:1px 1px 0 #000;
text-decoration:none;
/*border-right:1px solid #4f3726;*/
}

.navigation ul li a.currentpage {
color:#fcee4b;
text-decoration:none;
}

.navigation ul li a:hover {
color:#fcee4b;
}

#content {
    font-size:16px;
    overflow:hidden;
    background:#fff url('images/content-fade.png') repeat-x;
    width:930px;
    padding:15px;
    border:1px solid #233d50;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
}
#main {
    float:left;
    width:630px;
    margin-bottom:25px;
}
#side {
    float:left;
    margin-left:20px;
}
.card {
    width:279px;
    height:166px;
    background:#fff url('images/card_bg.png') no-repeat;
}
.card h2 {
    padding:2px 10px 5px 10px;
    margin:0px;
}
.card h2 span {
    font-size:12px;
    font-style:italic;
}
.regency {
    margin-left:2px;
    margin-top:10px;
}
.card p {
    padding:5px 10px;
    margin:5px;
}
#footer {
    color:#ccc;
}
#footer p {
    margin-top:5px;
    margin-left:15px;
    float:left;
}

.footer_menu {
float:right;
padding:0;
margin-top:5px;
    margin-right:15px;
}
.footer_menu ul {
list-style:none;
margin:0;
padding:0;
}
.footer_menu ul li {
float:left;
display:inline;

}

.footer_menu ul li a {
font-size:14px;
color:#ccc;
font-weight:400;
text-align:center;
display:block;
padding:0 12px;
text-decoration:none;
}
.footer_menu ul li a:hover {
color:#fff;
}

.contact td {
    padding:4px;
    vertical-align:top;
}
.contact input[type='text']{
    width:250px;
}
.contact input[type='text'], .contact textarea {
 font-size:14px;
 font-family:'Times New Roman', 'Times', 'serif';
}
.contact textarea {
    width:100%;
    height:200px;
}

.error {
padding: 5px;
margin: 10px;
background-color: #ffdede;
border: 2px solid #ec9393;
}

.success {
padding: 5px;
background-color: #E8FAE1;
border: 1px solid #006633;
margin:10px;
}

#mortgage-calculator {
    margin:0px auto;
    margin-top:40px;
    border:1px solid #ccc;
}


#gallery {
     margin-left:140px;
}
.mm-gallery {
  width: 640px;
 
}
.mm-gallery, .mm-gallery * {
  margin: 0;
  padding: 0;
}
  .mm-gallery .mm-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
  }
    .mm-gallery .mm-image-wrapper .mm-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .mm-gallery .mm-image-wrapper .mm-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .mm-gallery .mm-image-wrapper .mm-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .mm-gallery .mm-image-wrapper .mm-prev, .mm-gallery .mm-image-wrapper .mm-next {
      /* Or else IE will hide it */
      background: url(java/images/non-existing.jpg)\9
    }
      .mm-gallery .mm-image-wrapper .mm-prev .mm-prev-image, .mm-gallery .mm-image-wrapper .mm-next .mm-next-image {
        background: url(java/images/mm_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .mm-gallery .mm-image-wrapper .mm-next .mm-next-image {
        background: url(java/images/mm_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .mm-gallery .mm-image-wrapper .mm-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .mm-gallery .mm-image-wrapper .mm-image a img {
        border: 0;
      }
      .mm-gallery .mm-image-wrapper .mm-image .mm-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(java/images/opa75.png);
        color: #fff;
      }
      * html .mm-gallery .mm-image-wrapper .mm-image .mm-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='java/images/opa75.png');
      }
        .mm-gallery .mm-image-wrapper .mm-image .mm-image-description .mm-description-title {
          display: block;
        }
  .mm-gallery .mm-controls {
    height: 20px;
    margin:0 10px;
    display:none;
  }
    .mm-gallery .mm-info {
      float: left;
    }
    .mm-gallery .mm-slideshow-controls {
      float: right;
    }
      .mm-gallery .mm-slideshow-controls .mm-slideshow-start, .mm-gallery .mm-slideshow-controls .mm-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .mm-gallery .mm-slideshow-controls .mm-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .mm-gallery .mm-slideshow-running .mm-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .mm-gallery .mm-nav {
    width: 92%;
    margin-left:25px;
    margin-bottom:5px;
    position: relative;
    display:none;
  }
    .mm-gallery .mm-forward, .mm-gallery .mm-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .mm-gallery .mm-forward, .mm-gallery .mm-back {
      height: 100px;
    }
    .mm-gallery .mm-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(java/images/mm_scroll_back.png) 0px 22px no-repeat;
    }
    .mm-gallery .mm-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(java/images/mm_scroll_forward.png) 0px 22px no-repeat;
    }
    .mm-gallery .mm-nav .mm-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .mm-gallery .mm-thumbs .mm-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .mm-gallery .mm-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .mm-gallery .mm-thumbs li a {
            display: block;
          }
            .mm-gallery .mm-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
              max-height:60px;
            }
            .mm-gallery .mm-thumbs li a.mm-active img {
              border: 3px solid #3366cc;
            }
/* Can't do display none, since Opera won't load the images then */
.mm-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}