* {margin: 0; padding: 0}

html {
  height: 763px;
/*  height: 790px; */
}

body {
  font-family: Arial, sans-serif, Verdana, trebuchet ms, tahoma; font-weight: normal; font-size: small;
  color: #e97907; 
  background: url(../images/body-bg.png) #434344 top left repeat-x;
}

h1 { padding-bottom: 3px; padding-top: 5px; font-weight: normal; font-size: 20px; color: #e97907}
h2 { text-align: left; padding-bottom: 5px; padding-top: 10px; font-size: 16px; color: #e97907}
h3 { text-align: left; font-size: 14px; font-weight: bold; color: #e97907}

p, blockquote { padding-bottom: 15px; line-height: 18px; }
ul { padding-bottom: 15px; }
p.small { font-size: 11px; line-height:16px !important;}
a { color: white; text-decoration: underline;}
a:hover { 
  background: #eeeeee;
  color: black;
  font-style: italic; 
}

img { border: none;}

img {
 behavior: url(../images/iepngfix.htc)
}

.clear {clear: both; }

#page-wrap {
  border-style: none; float: left; width: 100%; text-align: center;
}


ul#nav {
  background: url(../images/menu-bg.png) top center no-repeat;
  height: 70px; width: 543px;
/*  height: 97px; width: 543px; */
  margin: 0 auto;
  padding-top: 8px;
  padding-left: 75px;
  }
  
  ul#nav li {
    display: inline;
    float: left;
  }

  ul#nav li a {
    display: block;
    height: 35px;
    text-indent: -9999px;
  }
  
  ul#nav li.portfolio a {
    width: 113px;
    background: url(../images/nav-portfolio.png) bottom center;
  }
  ul#nav li.services a {
    width: 113px;
    background: url(../images/nav-services.png) bottom center;
  }
  ul#nav li.clients a {
    width: 113px;
    background: url(../images/nav-clients.png) bottom center;
  }
  ul#nav li.contact a {
    width: 113px;
    background: url(../images/nav-contact.png) bottom center;
  }
  
  ul#nav li a:hover, ul#nav li a:active {
    background-position: top center;
    padding: 0px;
  }
  
  ul#nav li.current a {
    background-position: top center;
  }


    
div#content {
  background: url(../images/content-bg.png) ;
  width: 979px; height: 547px;
  margin: 0 auto;
  color: white;
  font-size: 15px;
}

  div#content div#logo {
    position: relative; top: 44px; left: -188px;
  }
  
  div#content div#logo a {
    text-decoration: none;
    padding: 0px;
  }
  
  div#content div#content-desc {
    position: relative; top: 96px; left: 136px;
    width: 335px;
    height: 260px;
    float: left;
    overflow: auto;
    padding-right: 17px;
    

	scrollbar-3dlight-color:#e97907;
	scrollbar-arrow-color:#e97907;
	scrollbar-base-color:#434344;
	scrollbar-darkshadow-color:black;
	scrollbar-face-color:#434344;
	scrollbar-highlight-color:#222222;
	scrollbar-shadow-color:#AAAAAA;
  }

/*
div#content-desc::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

div#content-desc::-webkit-scrollbar-thumb:horizontal {
   -webkit-border-image: url(resources/horizontal-thumb.png) 0 13 0 13;
    border-color: white;
    border-width: 0 13px;
    min-width: 20px;
}
div#content-desc::-webkit-scrollbar-button:horizontal {
    width: 20px;
    -webkit-border-image: url(resources/horizontal-button.png) 0 2 0 2;
    border-color: white;
    border-width: 0 2px;
}
*/

  div#content #content-desc p {
    line-height: 21px;
    text-align: justify;
  }

  #content-showcase {
    position: relative; top: 49px; left: -93px;
    width: 266px;
    height: 260px;
    float: right;
  }

    #content-showcase p.title {
      position: relative; top: -17px;
      color: black;
    }

    #content-showcase img {
      padding-bottom: 7px;
      padding-left: 0px;
    }

ul#gall-selector {
  position: relative; top: 395px; left: 312px;
  height: 58px; width: 270px;
  margin: 0 auto;
  padding: 0px;
  }
  
  ul#gall-selector li {
    display: inline-block;
    padding-right: 6px;
    float: left;
  }

  ul#gall-selector li a {
    display: block;
    height: 58px;
    text-decoration: none;
  }

  ul#gall-selector li a span {
    text-align: center;
    text-transform: uppercase;
    font-size: 8px;
    font-style: normal;
    position: relative;
    top: 60px;
    left: auto;
    color: black;
  }
  
  ul#gall-selector li.gall-family a {
    width: 58px;
    background: url(../gallery/gall-family.png) top center;
  }
  ul#gall-selector li.gall-portrait a {
    width: 58px;
    background: url(../gallery/gall-portrait.png) top center;
  }
  ul#gall-selector li.gall-fun a {
    width: 58px;
    background: url(../gallery/gall-fun.png) top center;
  }
  
  ul#gall-selector li a:hover, ul#gall-selector li a:active {
    background-position: bottom center;
    padding: 0px;
  }

  ul#gall-selector li a:hover span {
    color: white;
  }
  
  ul#gall-selector li.current a {
    background-position: bottom center;
  }

  ul#gall-selector li.current a span {
    color: white;
  }


#footer {
  background: url(../images/footer-bg.png) top center no-repeat;
  width: 979px; height: 84px;
  position: relative; top: 224px; left: auto;
}
  
#footer p.footer_contact {
  font-size: 11px;
  text-align: left;
  margin: -20px 0px 0px 20px;
  float: left;
}

#footer p.copyright {
  font-size: 11px;
  float: right;
  text-align: right;
  position: relative; top: 72px; left: 450px;
  height:auto !important;
}

#footer-buttons {
  float: right;
  margin-top: 20px;
  margin-right: 20px;
  position: relative;
  top: -66px;
}