/* CSS Document */

body {
  margin:0px;
  padding-top:0px;
  font-family:tahoma,verdana;
  font-size:11px;
  color:#717171;

}

body a {
  outline:none; /* removes dotted grey border on links in firefox */
}

a {
  color: /*#f1822f*/ #717171;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
  color: #000;
}

a.active {
  text-decoration:underline;
  color: #000;
}

#links a{
  color: #f1822f;
}

img {
  border:none;
}

table, td, th {
  vertical-align:top;
}



h1 {
  color:#727272;
  font-size:18px;
  padding-bottom:30px;
}

h2 {
  font-size:12px;
  color:#424242;
  font-weight:bold;
}


.clear{
  clear:both;
}

.split {
  width:100%;
  margin:0px;
  padding:0px;
}

.container {
  width:970px;
  margin:0 auto;
}

div.boxTop {
  margin-top: 20px;
  height: 44px;
  width: 970px;
  background: #fff 0 0 url('../images/box.png') no-repeat;
  display:block;
  clear:both;
}
div.boxMiddle {
  width:810px; /* 970 - 80 - 80 = 810px */
  padding:0 80px;
  background:#fff -970px 0 url('../images/box.png') repeat-y;
  display:block;
  clear:both;
}
  div.boxMiddle.menu {
    padding-bottom: 40px;
  }
  div.boxMiddle.home {
    width:950px; /* 970 - 10 - 10 = 950px */
    padding:0 10px;
    text-align: center;
  }
  div.boxMiddle.gallery {
    width:730px; /* 970 - 120 - 120 = 730px */
    padding:0 120px;

  }
  div.boxMiddle.content {
    min-height: 520px;
  }


div.boxBottom {
  height: 44px;
  width: 970px;
  background: #fff 0 -44px url('../images/box.png') no-repeat;
  margin-bottom: 50px;
  display:block;
  clear:both;
}

  div.boxBottom.home {
    height: 15px;
    background-position: 0 -70px;
  }


div.twoThirdCol{
  float:left;
  display:block;
  width:500px;
}
div.oneThirdCol{
  float:right;
  display:block;
  width:200px;
  margin-left:20px;
  padding-left:20px;
  border-left:1px solid #dedede;
  text-align:left;
}

  div.blogItem {
    width:500px;
    padding:15px 0 30px;
    border-top:1px solid #dedede;
    display:block;
  }

  div.blogItem div.img {
    float:left;
    display:block;
    width:220px;
    padding: 0 10px 5px 0;
  }

  div.blogItem div.overview {
    float:left;
    display:block;
    width:270px;
    text-align:justify;
  }

  div.blogItem p.date{
    text-transform: uppercase;
    padding-bottom:5px;
    margin:0;
    display:block;
  }

  div.blogItem p.title {
    color:#818181;
    font-size:16px;
    font-weight:bold;
    padding-bottom:10px;
    margin:0;
    display:block;
  }

  div.blogItem p.summary {
    text-align:justify;
    margin:0;
    display:block;
  }

  div.blogItem p.more {
    padding-top:6px;
  }

#galleryMenuFirst {
 float:left;
 margin:110px 0 160px 100px;
}

#galleryMenu {
  float:left;
  margin:110px 0 160px 50px;
}

  #slider{
    margin-left:5px;
    }
  #slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
    }
  #slider li{
    /*
      define width and height of list item (slide)
      entire slider area will adjust according to the parameters provided here
    */
    width:724px;
    height:486px;
    overflow:hidden;
    text-align:center;
    }
  div#sliderControls
  {
    margin-left:5px;
    position:relative;
  }

  p#controls{
    margin:0;
    position:relative;
    }


  #prevBtn, #nextBtn
  {
    display:block;
    margin:0;
    overflow:hidden;
    text-indent:-8000px;
    width:34px;
    height:80px;
    position:absolute;
    left:-34px;
    top:-280px;
    zbackground-color:red;
  }
  #nextBtn
  {
    left:724px;
  }
  #prevBtn a, #nextBtn a
  {
    display:block;
    width:34px;
    height:80px;
    background:transparent 0 0 url('/images/btn_slider.png') no-repeat;
  }
  #prevBtn a:hover
  {
    background-position: 0px -80px;
  }
  #nextBtn a
  {
    background-position: -40px 0px;
  }
  #nextBtn a:hover
  {
    background-position: -40px -80px;
  }
 /* // image replacement */


 #gallery {
  padding-top: 6px;
  width:735px;
  display:block;
  background: #fff top center url(../images/gallery_shadow.gif) no-repeat;
  text-align:center;
}




#siteNav{
  width: 240px;
  height: 20px;
  float:right;
  display:block;
  padding-top:10px;
}
  #siteNav a{
    background: #fff 0 0 url(../images/menu.png) no-repeat;
    float:left;
    display:block;
    height:20px;
  }

    #siteNav a.home{ background-position: 0 -40px; width: 55px; }
    #siteNav a.home.active{ background-position: 0 -80px; visibility : hidden; }
    #siteNav a.home:hover{ background-position: 0 -10px; }

    #siteNav a.portfolio{ background-position: -55px -40px; width: 72px; }
    #siteNav a.portfolio.active{ background-position: -55px -10px; }
    #siteNav a.portfolio:hover{ background-position: -55px -10px; }

    #siteNav a.blog{ background-position: -127px -40px; width: 45px; }
    #siteNav a.blog.active{ background-position: -127px -10px; }
    #siteNav a.blog:hover{ background-position: -127px -10px; }

    #siteNav a.contact{ background-position: -172px -40px; width: 68px; }
    #siteNav a.contact.active{ background-position: -172px -10px; }
    #siteNav a.contact:hover{ background-position: -172px -10px; }


#secondNav{
  width: 240px;
  height: 18px;
  float:right;
  margin-right: 60px;
  display:block;
  background: #fff 0 0 url(../images/menu2.png) no-repeat;
}

#portfolioHome{
  width: 370px;
  height:100px;
  float:left;
  margin-right: 9px;
  margin-bottom: 50px;
  margin-top: 10px;
  text-align: center;
  padding-top: 10px;
  border: 1px solid gray;
}

#portfolioGap{
  width: 50px;
  height:80px;
  float:left;
  border: 1px solid gray;
  }

.success {
background:#E6EFC2 none repeat scroll 0 0;
color:#264409;
}

.failure {
background:#FBE3E4 none repeat scroll 0 0;
color:#8A1F11;
}
.failure, .notice, .success {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
border:1px solid #E57A6C;
margin-bottom:15px;
padding:10px;
}

.contactHeadings {
  float:right;
}

.align-right {
  text-align:right;
}

.subscribe-input {
    width:180px;
    float:right;
}

.subscribe-button {
  width:87px;
  height:33px;
  margin: 10px 0 0 0;
  float:right;
  background-color: #FFF;
  background-image: url(../images/subscribe-btn.jpg);
  background-repeat: no-repeat;
  border:none;
}

#contact-email-header{
  float:right;
  color:#717171;
  font-family:tahoma,verdana;
  font-size:11px;
}

.back a {
color: #f1822f;
}

div.boxMiddle.thumbnails {
    width:730px;
    padding:0 120px;

  }

#thumbnails {
background:#FFFFFF url(../images/gallery_shadow.gif) no-repeat scroll center top;
display:block;
padding-top:5px;
text-align:center;
width:735px;
}