@charset "UTF-8";
/* CSS Document */


body {
       padding: 0;
	   margin: 0;
	   color: black;
	   background:url(../../../images/portfolio_menu_bkgrd.png) #f5f3ec top repeat-x;
}

p {
	   font-size:12px;
	   color:#382b0d;
	   line-height: 14px;
	   font-style: normal;
	   font-weight: lighter;
	   word-spacing: normal;
	   font: Palatino, Times New Roman, times, serif;
}

h1 {
       font: 18px Palatino, Times New Roman, times, serif;
	   letter-spacing: 1px;
	   line-height: 20px;
	   margin: 0 0 3px 0;
}

h2 {

       font-size:12px;
       color:#382b0d;
	   line-height: 16px;
	   font-style: normal;
	   font-weight: lighter;
	   word-spacing: normal;
}

h3 {
	   font-size:16px;
	   color:#382b0d;
	   line-height: 16px;
	   font-style: normal;
	   font-weight: lighter;
	   word-spacing: normal;
}

/*Container - Holds all of the Content in the website*/
#container {
	    width: 900px;
	    height: 600px;
	    background: #f5f3ec;
	    margin: 0 auto auto auto;
}

#header {
        width: 900px;
	    height: 127px;
        background: url(../../../images/header.png) top center no-repeat;
		text-indent: -9999px;
}

/* Navigation */
#navigation {
        width: 900px;
	    height: 28px;
		float: left;
		background: #f5f3ec;
		margin: 2px 0 0 0;
}

#nav_buttons {
        background: url(../../../images/navi.png) no-repeat;
        width: 900px;
        height: 28px;
		margin: 0;
        padding: 0;
}

#nav_buttons li, #nav_buttons a {
        height: 28px;
        display:block;
        text-indent:-9999px;
}
   
#nav_buttons li {
        float:left;
        list-style:none;
        display:inline;
}

#home {
        width: 98px;
}
   
#portfolio {
        width: 131px;
		background: url(../../../images/navi.png) -98px -28px no-repeat;
}
   
#about {
        width: 147px;
}

#contact {
        width: 139px;
}

#home a:hover {
        background: url(../../../images/navi.png) 0px -28px no-repeat; 
   }
   
#portfolio a:hover {
        background: url(../../../images/navi.png) -98px -28px no-repeat; 
   }
   
#about a:hover {
        background: url(../../../images/navi.png) -229px -28px no-repeat; 
   }
   
#contact a:hover {
        background: url(../../../images/navi.png) -376px -28px no-repeat; 
   }

   
img {
        border:none;
}

a:focus {
        outline:none;
}

/* Portfolio Menu */
#portfolio_menu {
        width: 900px;
	    height: 28px;
		float: left;
		background: #f5f3ec;
		margin: 2px 0 0 0;
}

#portfolio_buttons {
        background:url(../../../images/portfolio_menu.png) no-repeat;
        width: 900px;
        height: 28px;
		margin: 0;
        padding: 0;
}

#portfolio_buttons li, #portfolio_buttons a {
        height: 28px;
        display:block;
        text-indent:-9999px;
}
   
#portfolio_buttons li {
        float:left;
        list-style:none;
        display:inline;
}

#doors {
        width: 93px;
}
   
#windows {
        width: 81px;
}
   
#windows {
        width: 81px;
}
   
#stairs {
        width: 87px;
}

#gates {
        width: 66px;
}

#other {
        width: 66px;
}

#types {
        width: 110px;
		background: url(../../../images/portfolio_menu.png) -393px -28px no-repeat; 
}

#doors a:hover {
        background: url(../../../images/portfolio_menu.png) 0px -28px no-repeat; 
}
   
#windows a:hover {
        background: url(../../../images/portfolio_menu.png) -93px -28px no-repeat; 
}
   
#stairs a:hover {
        background: url(../../../images/portfolio_menu.png) -174px -28px no-repeat; 
}
   
#gates a:hover {
        background: url(../../../images/portfolio_menu.png) -261px -28px no-repeat; 
}
   
#other a:hover {
        background: url(../../../images/portfolio_menu.png) -327px -28px no-repeat; 
}

#types a:hover {
        background: url(../../../images/portfolio_menu.png) -393px -28px no-repeat; 
}

/*Content*/

#content_left {
       width: 486px;
	   height: 400px;
	   float: left;
	   background: #f5f3ec;
	   color: #382b0d;
}

#content_right {
       width: 414px;
	   height: 400px;
	   float: right;
	   background: #f5f3ec;
	   color: #382b0d;
	   overflow: auto;
}

#description {
      margin: 40px 40px 0 30px;
}

#description p {
	  margin-top: 0px;
	  margin-right: 0;
	  margin-bottom: 0;
	  margin-left: 0;
}

#description b {
      font-weight: bold;
}

.thumbs a:hover {
	  color: #AFA792;
}

.thumbs a:link {
      color: #382b0d;
}

/*Image Gallery Controls*/

#largeImg {
	  width: auto;
	  height: auto;
	  padding: 0;
	  margin: 114px 51px 114px 51px;
}
.thumbs img {
	  width: 64px;
 	  height: 64px;
	  margin: 10px 10px 0 10px;
}

.thumbs {
      margin: 5px 40px 0 30px;
}