@import url(global/user.css);
@import url(global/common.css);
@import url(apps/forms01.css);
@import url(../../lightbox/lightbox.css);

html {
  background: #fff url(../images/bg.gif) top repeat-x;
}

body {
  background: url(../images/footer.gif) bottom repeat-x;
  color: #333333;
  font-family: "Trebuchet MS", verdana, "Bitstream Vera Sans", helvetica, sans-serif;
  font-size: 15px;
  text-align: center;
}

#wrap {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 760px;
}

/* HEADER
-------------------------------------------*/
#header {
  height: 230px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  background: url(../images/header.gif) 265px -4px no-repeat;
}

.admin #header{
background-position:265px -22px;
}

  #logo {
    position: absolute;
    top: 49px;
    left: 0;
  }
  
  .admin #logo {
    top: 30px;
  }
    #logo img {
      width: 263px;
      height: 151px;
      border: none;
    }
    #printlogo {
      display: none;
      height: 15px;
      color: #000;
      font-size: 12px;
    }
  #tagline {
  }

/* MAIN NAVIGATION
-------------------------------------------*/
#tabs {
  position: absolute;
  height: 27px;
  top: 210px;
  left: 169px;
  width: 595px;
  background: #ebebeb;
}

.admin #tabs{
top:192px;
}

  #nav {
      width: 566px;
  }
    #nav ul {
        margin: 0;
    }
      #nav li {
        list-style: none;
        float: left;
        height: 27px;
      }
        #nav a {
            padding-top: 27px;
          height: 0 !important;
          overflow: hidden;
                    display: block;
                    position: absolute;
                    background: url(../images/tabs.gif) no-repeat;
                }
                #nav a.active:hover {
                    cursor: default;
                }

                    /* Home */
                    li#t39849 a {
                        background-position:-9px 0;
                        width: 63px;
                        left: 9px;
                    }
                    li#t39849 a:hover, li#t39849 a.active {
                        background-position: -9px -27px;
                    }

          
          /*Residential*/
          li#t76797 a{
          background-position:-268px -0;
          left:268px;
          width:94px;
          }
          
          li#t76797 a:hover, li#t76797 a.active{
          background-position:-268px -27px;
          }
          
                    /* About Us */
                    li#t40403 a {
                        background-position: -80px 0;
                        width: 69px;
                        left: 80px;
                    }
                    li#t40403 a:hover, li#t40403 a.active {
                        background-position: -80px -27px;
                    }
          
          /*Portfolio*/
          li#t76796 a{
          background-position:-160px 0;
          left:160px;
          width:89px;
          }
          
          
          li#t76796 a:hover, li#t76796 a.active{
          background-position:-160px -27px;
          }
          
          /*Commercial*/
          li#t76798 a{
          background-position:-378px  -0px;
          left:378px;
          width:104px;
          }
          
          li#t76798 a:hover, li#t76798 a.active{
          background-position:-378px  -27px;
          }

                    /* Contact Us */
                    li#t40406 a {
                        background-position: -496px 0;
                        width: 82px;
                        left: 497px;
                    }
                    li#t40406 a:hover, li#t40406 a.active {
                        background-position: -496px -27px;
                    }

#main-body {
}

/* BREADCRUMBS
-------------------------------------------*/
#breadcrumbbar {
    width: 760px;
  height: 49px;
    color: #27393c;
  line-height: 49px;
    font-size: 90%;
    border-bottom: 11px solid #EBEBEB;
}
  #breadcrumblist {
      position: absolute;
    padding-left: 4px;
  }
    #breadcrumblist a:link, #breadcrumblist a:visited {
      color: #333333;
      font-weight: bold;
      text-decoration: underline;
    }
    #breadcrumblist a:hover, #breadcrumblist a:active {
      color: #652031;
      font-weight: bold;
      text-decoration: none;
    }
    #breadcrumbemail, #breadcrumbprint {
      float: right;
      text-align: right;
      background-repeat: no-repeat;
      background-position: left;
    }
        #breadcrumbemail {
            background-image: url(../images/email.gif);
        }
        #breadcrumbprint {
            background-image: url(../images/printer.gif);
            padding-right: 30px;
        }
    #breadcrumbemail a, #breadcrumbprint a {
        padding: 0 2px 0 15px;
    }
      #breadcrumbemail a:link, #breadcrumbemail a:visited,
      #breadcrumbprint a:link, #breadcrumbprint a:visited {
          color: #ccc;
        text-decoration: none;
      }
            #breadcrumbemail a:hover, #breadcrumbemail a:active,
            #breadcrumbprint a:hover, #breadcrumbprint a:active {
                color: #652031;
                text-decoration: underline;
            }

#main-table-body {
    margin-top: 15px;
    border-collapse: separate;
  height: 510px;
}
  #main-table-body-leftcell {
        border-right: 1px solid #c5d7da;
    vertical-align: top;
  }
  #main-table-body-rightcell {
    vertical-align: top;
  }

/* SUB MENU
-------------------------------------------*/
#sidebar {
  width: 155px;
  background: none;
    padding-bottom: 26px;
}

#menu-header {
}

#menu {
    font-size: .9em;
    line-height: 1.2em;
}
  #menu ul {
        margin: 0;
    }
    #menu ul li ul {
      margin:0 4px 4px 7px;
    }
  
  #menu li {
    list-style: none;
    padding:0 0 5px 0;
  }
  
  #menu a {
      color: #333;
      padding-left: 12px;
    text-decoration: none;
    display:block;
  }
    #menu a:hover {
      color: #800020;
            text-decoration: underline;
    }
    #menu a.subcurrent {
      color: #800020;
    }
    #menu a.current {
            background: url(../images/marker.gif) left 5px no-repeat;
      color: #800020;
    }
      #menu li li {
        padding-left:13px;
      }
      #menu li li a {
        padding:0;
      }

  #menu-footer {
      position: absolute;
      bottom: 126px;
        margin-top: 48px;
      padding: 6px 6px;
      width: 129px;
      background: #652031;
      color: #acb3b5;
    font-size:12px;
  }
        #menu-footer ul {
            margin: 0;
            padding: 6px 0;
            list-style: none;
        }
        #menu-footer em {
            color: #fff;
            font-style: normal;
        }
        #menu-footer a {
            color: #fff;
            text-decoration: none;
        }
        #menu-footer a:hover {
            text-decoration: underline;
        }
        
#banner {
  display: none;
}

/* CONTENT AREA
-------------------------------------------*/
#content {
  width: 604px;
    padding-bottom: 26px;

}
  #content-header {
    display: none;
  }
  #content-body {
    margin: 0 20px;
    width: 564px;
    overflow: hidden;
  }
  #pagetitle {
      margin-bottom: 8px;
      height: 34px;
      background: url(../images/hdot.gif) bottom repeat-x;
  }
    #pagetitletext h1 {
        font-size: 30px;
        line-height: 30px;
      font-weight: normal;
    }
  #content-footer {
    display: none;
  }

/* FOOTER
-------------------------------------------*/
#footer {
    position: relative;
    height: 100px;
}

  #footerwrap {
    width: 760px;
  }

    ul#footernav {
        text-align: right;
        padding-right: 4px;
        height: 40px;
        margin: 0;
    }
        #footernav li {
            list-style: none;
            display: inline;
            line-height: 40px;
        }
        #footernav a {
            padding: 0 16px;
            text-decoration: none;
            text-transform: uppercase;
        }
        #footernav a:link, #footernav a:visited {
            color: #0c1e21;
        }
        #footernav a:hover, #footernav a:active {
            color: #0c1e21;
            text-decoration: underline;
        }

    #poweredby {
        text-align: right;
        font-size: 12px;
        line-height: 13px;
        color: #5c5b5b;
    position:absolute;
    right:0px;
    top:70px;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    }
  
  
  #copyright {
      margin-top: 32px;
  }
  #poweredby {
  }
    #poweredby a {
      color: #0c1e21;
      text-decoration: none;
    }
    #poweredby a:hover {
        text-decoration: underline;
    }

    #footerContact{
      color:#000000;
      font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
      position:absolute;
      top:22px;
      }
    
    #footerContact a{
    color:#652031;
    }
    
  /*FooterNav*/
  #footernav{
  height:40px;
  width:512px;
  position:absolute;
  top:11px;
  right:0px;
  }
  
  #footernav ul{
  margin-left:0px;
  }
  
  #footernav ul li{
  display:inline;
  background:transparent;
  }
  
  #footernav ul li a{
  text-decoration:none;
  font-size:10px;
  position:absolute;
  display:block;
  height:15px;
  text-indent:-10000px;
  padding:0;
  width:40px;
  height:40px;
  background:transparent url(../images/footerNav.gif) no-repeat 0px 0px;
  }
  
  #footernav ul li a:hover, #footernav ul li a.active{
  
  }
  
  /*Home*/
  #footernav ul li#f39849 a{
  background-position:0px 0px;
  width:42px;
  left:0px;
  }
  
  #footernav ul li#f39849 a:hover{
  background-position:0px -40px;
  }
  
  /*About*/
  #footernav ul li#f40403 a{
    background-position:-70px 0;
    left:70px;
    width:44px;
  }
  
  #footernav ul li#f40403 a:hover, #footernav ul li#f40403 a.active{
  background-position:-70px -40px;
  }
  
  /*Portfolio*/
  #footernav ul li#f76796 a{
  background-position:-144px 0;
  left:144px;
  width:64px;
  }
  
  #footernav ul li#f76796 a:hover, #footernav ul li#f76796 a.active{
  background-position:-144px -40px;
  }
  
  /*Residential*/
  #footernav ul li#f76797 a{
  background-position:-242px 0;
  left:242px;
  width:73px;
  }
  
  #footernav ul li#f76797 a.active, #footernav ul li#f76797 a:hover{
  background-position:-242px -40px;
  }
  
  /*Commercial*/
  #footernav ul li#f76798 a{
    background-position:-343px 0;
    left:343px;
    width:83px;
  }
  
  #footernav ul li#f76798 a:hover, #footernav ul li#f76798 a.active{
  background-position:-343px -40px;
  }
  
  /*Contact*/
  #footernav ul li#f40406 a{
  background-position:-453px 0;
  left:453px;
  width:64px;
  }
  
  #footernav ul li#f40406 a:hover, #footernav ul li#f40406 a.active{
  background-position:-453px -40px;
  }
#footer a.facebook {
    background: url(../images/facebook.gif) no-repeat scroll 0 0 transparent;
    height: 30px;
    left: 0;
    position: absolute;
    bottom: 93px;
    width: 30px;
}  
#footer a.facebook img {
  width: 30px;
  height: 30px;
}
#footer a.twitter{
    background: url(../images/twitter.gif) no-repeat scroll 0 0 transparent;
    height: 30px;
    left: 34px;
    position: absolute;
    bottom: 93px;
    width: 30px;
} 
#footer a.twitter img {
  width: 30px;
  height: 30px;
}