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

body { 
background:url(../img/background01.jpg) left top repeat-x;
margin: 0;
padding: 0;
text-align: center;
}

a img { border: none; outline: 0; }
:focus { border: none; outline: 0; }



/* Home page style */
#main {
margin: 45px auto;
padding: 0;
width: 1010px;
height: 778px;
position: relative;
}


#content-new {
width:100%;
height:100%;
background:url(../img/parchment-home2.png) left top no-repeat;
margin:0px;
padding:0px;

}

#content-wrap {
position:absolute;
left:11px;
top:11px;
width:988px;
height:756px;
margin:0px;
padding:0px;
background:url(../img/parchment-home.jpg) left top no-repeat;


}


#logo {
z-index:201;
position:absolute;
left:0px;
top:0px;
width:987px;
height:173px;
}

#logo2 {
width:100%;
height:100%;
background:url(../img/logo.png) left top no-repeat;
}

#logo2 a#home {
top: 0px;
left: 0px;
display: inline-block;
float:left;
width:268px;
height:160px;
} 


#logo2 a#home span {display:none;}

#wrapper {
margin: 0px;
padding: 0;
width: 988px;
height:756px;
text-align: left;
}



h1 {
	display:none;}



#nav-left {
z-index:199;
position:absolute;
left:21px;
top:22px;
width: 248px;
height:501px;
background: url(../img/menu-parchment.jpg);
filter: alpha(opacity=80); opacity: .80;
}


#nav-left2 {
z-index:200;
position:absolute;
left:21px;
top:22px;
width: 248px;
height:501px;
}

#nav {
width:100%;
height:100%;
background:url(../img/left-menu.png) left top no-repeat;
}

#menu {
width: 248px;
height:501px;
}

#menu ul {
	margin: 199px 0px 0px 0px; padding: 0;
	list-style: none;
	float: left;
}

#menu li {
	padding: 0;
	display: table;
}

#menu li.first {
	margin: 0px 0px 54px 0px;
	height:94px;
	
}

#menu li.other {
	margin: 0px 0px 8px 0px;
	height:44px;
	
}



#menu li a {
	margin: 0; padding: 0;
	float: left;
	text-decoration: none;
}

#menu li a:hover {
	text-decoration: none;
}
#menu h3 {
	display: none;
}


#one-ddheader, #two-ddheader, #nav3, #nav4 {
z-index: 203;
	margin:0;
	padding: 0;
	width: 248px;
	background: url(/img/left-menu2.png) no-repeat;
}

#one-ddheader { height: 94px; background-position: 0px -199px; }
#two-ddheader { height: 44px; background-position: 0px -347px; }
#nav3 { height: 44px; background-position: 0px -397px; }
#nav4 { height: 44px;background-position: 0px -447px; }

#one-ddheader:hover, #one-ddheader:focus, #one-ddheader.on { background-position: -248px -199px; }
#two-ddheader:hover, #two-ddheader:focus, #two-ddheader.on { background-position: -248px -347px; }
#nav3:hover, #nav3:focus, #nav3.on { background-position: -248px -397px; }
#nav4:hover, #nav4:focus, #nav4.on { background-position: -248px -447px; }


#space { height:22px; width:950px;}

#slideshow {
z-index:198;
width: 950px;
height: 501px;
margin: 0px 0px 0px 21px;
padding:0;
}

/* End home page style */

/* Sub page style */

#head {
z-index:300;
position:absolute;
left:0px;
top:0px;
width:999px;
height:173px;
}

#logo-sub {
width:352px;
height:173px;
float:left;
background:url(../img/logo02.png) left top no-repeat;
}

#logo-sub a#home {
top: 0px;
left: 0px;
display: inline-block;
float:left;
width:268px;
height:160px;
} 

#logo-sub a#home span {display:none;}

#logo-deck {
width:298px;
height:173px;
float:left;
background:url(../img/logo02.png) left top no-repeat;
}

#logo-deck a#home {
top: 0px;
left: 0px;
display: inline-block;
float:left;
width:268px;
height:160px;
} 

#logo-deck a#home span {display:none;}


#title {
float:left; 
width: 636px;
height:173px;


}

h2#title-tell-me {
width: 636px;
height:143px;
background:url(../img/title-tell-me-more-about-wood.gif) left top no-repeat;
}

h2#title-gallery {
width: 636px;
height:143px;
background:url(../img/title-gallery-photo.gif) left top no-repeat;
}

h2#title-video {
width: 636px;
height:143px;
background:url(../img/title-gallery-video.gif) left top no-repeat;
}

h2#title-creative {
width: 636px;
height:143px;
background:url(../img/title-gallery-creative.gif) left top no-repeat;
}

h2#title-case {
width: 636px;
height:143px;
background:url(../img/title-project-portfolio.gif) left top no-repeat;
}

h2#title-what-kind {
width: 636px;
height:143px;
background:url(../img/title-what-kind-of-wood.gif) left top no-repeat;
}

h2#title-where {
width: 636px;
height:143px;
background:url(../img/title-where-can-i-buy.gif) left top no-repeat;
}

h2#title-fact-or-fiction {
width: 636px;
height:143px;
background:url(../img/title-fact-or-fiction.gif) left top no-repeat;
}

h2#title-press {
width: 636px;
height:143px;
background:url(../img/title-press.gif) left top no-repeat;
}

h2#title-retailers {
width: 636px;
height:143px;
background:url(../img/title-retailers.gif) left top no-repeat;
}

h2#title-not-found {
width: 636px;
height:143px;
background:url(../img/title-not-found.gif) left top no-repeat;
}

h2#title-expo {
width: 636px;
height:143px;
background:url(../img/title-deckexpo.gif) left top no-repeat;
}

h2#title-my-fix-it {
width: 636px;
height:143px;
background:url(../img/title-my-fix-it.gif) left top no-repeat;
}

h2#title-save-the-boardwalk {
width: 636px;
height:143px;
background:url(../img/title-save-the-boardwalk.png) left top no-repeat;
}

h2#title-destination-deck {
width: 675px;
height:143px;
background:url(../img/title-dream-deck-series02.gif) left top no-repeat;
}

h2#title-emhe {
width: 675px;
height:143px;
background:url(../img/title-emhe.png) left top no-repeat;
}

h3 {font-family:Georgia, "Times New Roman", Times, serif;
color:#927836;
font-size: 14px;
font-weight: bold;
margin:0px 0px 3px 0px;
padding:0px;
}

.hide {display:none;}


#main-sub {
margin: 45px auto;
padding: 0;
width: 1010px;
height: 810px;
position: relative;
}


#content-new-sub {
width:100%;
height:100%;
background:url(../img/parchment-sub3.png) left top no-repeat;
margin:0px;
padding:0px;

}

#content-wrap-sub {
position:absolute;
left:11px;
top:11px;
width:988px;
height:788px;
margin:0px;
padding:0px;
background:url(../img/parchment-sub3.jpg) left top no-repeat;


}


#nav-sub {
background: url(../img/nav-bg.jpg) left top no-repeat;
height:501px;
width:248px;
position:absolute;
left:21px;
top:22px;

}

#sub-wrapper {
width: 950px;
height: 450px;
margin: 0px 0px 0px 21px;
padding:0;
text-align:left;
}

#sub-space { height:162px; width:950px; display:block;}

#sub-space-left {width:362px; 
 height: 450px;
 padding:0; 
 margin:0; 
 float:left;}

#sub-content {
text-align:left;
width: 500px;
height: 450px;
margin: 0px;
padding: 0px;
float:left;
}



#sub-main {
margin: 45px auto;
padding: 0;
width: 1010px;
height: 1056px;
position: relative;
}

#long-content {
width:100%;
height:100%;
background:url(../img/parchment-sub2.png) left top no-repeat;
}

#long-content-wrap {
position:absolute;
left:11px;
top:11px;
width:988px;
height:1034px;
margin:0px;
padding:0px;
background:url(../img/parchment-sub.jpg) left top no-repeat;
}

#sub-wrapper-long {
width: 950px;
height: 700px;
margin: 0px 0px 0px 21px;
padding:0;
text-align:left;
}

#sub-wrapper-long02 {
width: 950px;
height: 700px;
margin: 0;
padding:0;
text-align:left;
}


#sub-content-long {
text-align:left;
width: 540px;
height: 700px;
margin: 0px;
padding: 0px;
float:left;
}

#sub-content-long-wrap {
overflow:auto;
height:480px;
width:520px;
margin: 0px;
padding: 0px 20px 0px 0px;
scrollbar-base-color:#201a0c;
scrollbar-track-color:#e9dfbb;
scrollbar-face-color:#a38b48;
scrollbar-highlight-color:#201a0c;
scrollbar-3dlight-color:#a38b48;
scrollbar-darkshadow-color:#e9dfbb;
scrollbar-shadow-color:#201a0c;
scrollbar-arrow-color:#201a0c; 
}

#project {
width:490px;
height: 170px;
background:url(../img/projects02.png) left top no-repeat;
margin: 0px;
padding: 12px 0px 0px 12px;
}

#project-in {
width: 460px;
height: 130px;
margin: 0px;
padding: 5px;
}



#banner {
width:490px;
margin: 0px;
padding: 12px;
border: #927836 solid 1px;}

#banner p {
font-size: 13px;
font-weight: bold;
 }
 
#banner p a         { font-weight: bold; display:inline; }
#banner p a:link    { color: #3c1202; text-decoration: underline; }
#banner p a:visited { color: #3c1202; text-decoration: underline; }
#banner p a:hover   { color: #2f2009; text-decoration: underline; }
#banner p a:active  { color: #2f2009; text-decoration: underline; }
 

#banner .h3 {font-family:Georgia, "Times New Roman", Times, serif;
color:#927836;
font-size: 14px;
font-weight: bold;
margin:0px;
padding:0px;
}


ol { margin-left:30px; }

ul.bullets {
margin-left: 30px;
list-style:disc;
}

ul.bullets li { 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
line-height:18px;
color: #2f2009;
margin-bottom:10px;
}

ul.bullets a         { font-weight: normal; display:inline; }
ul.bullets a:link    { color: #3c1202; text-decoration: underline; }
ul.bullets a:visited { color: #3c1202; text-decoration: underline; }
ul.bullets a:hover   { color: #2f2009; text-decoration: underline; }
ul.bullets a:active  { color: #2f2009; text-decoration: underline; }



p, li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
line-height:18px;
color: #2f2009;
margin-bottom:10px;
}

p a         { font-weight: normal; display:inline; }
p a:link    { color: #3c1202; text-decoration: underline; }
p a:visited { color: #3c1202; text-decoration: underline; }
p a:hover   { color: #2f2009; text-decoration: underline; }
p a:active  { color: #2f2009; text-decoration: underline; }

p.indent 	{
padding-left: 20px;
}
.h4 {color:#927836;
font-weight:bold;}

.art {float:left; 
	margin-right:10px;
	border:none;
	}

/* End Sub page style */

/* Footer style */


#bottom {
width:950px;
height:138px;
clear:both;
margin: 10px 22px 0px 22px;
padding:0;
position: relative;

}



#icons {
width: 885px;
height: 138px;
float: left;

}

#icons a {
	margin: 0; padding: 0;
	float: left;
	text-decoration: none;
}

#icons a:hover {
	text-decoration: none;
}

#icons h3 {
	display: none;
}


#icons1, #icons2, #icons3, #icons4, #icons8, #icons5, #icons6, #icons7, #icons8, #icons9 {
	margin:0;
	padding: 0;
	background:url(../img/bottom-icons3.jpg) left top no-repeat;
	
}

#icons1 { height: 138px; width:245px; background-position: 0px 0px; }
#icons2 { height: 138px; width:185px; background-position: -245px 0px; }
#icons3 { height: 138px; width:158px; background-position: -430px 0px; }
#icons4 { height: 138px; width:130px; background-position: -588px 0px; }
#icons5 { height: 88px; width:167px; background-position: -718px 0px;}
#icons6 { height: 50px; width:167px; background-position: -718px -88px;}

#icons1:hover, #icons1:focus, #icons1.on { background-position: 0px -138px; }
#icons2:hover, #icons2:focus, #icons2.on { background-position: -245px -138px; }
#icons3:hover, #icons3:focus, #icons3.on { background-position: -430px -138px; }
#icons4:hover, #icons4:focus, #icons4.on { background-position: -588px -138px;}
#icons5:hover, #icons5:focus, #icons5.on { background-position: -718px -138px;}


#icons-media {
width: 65px;
height: 138px;
float: left;
}

#icons-media a {
	margin: 0; padding: 0;
	float: left;
	text-decoration: none;
}

#icons-media h3 {
	display: none;
}

#icons7, #icons8, #icons9 {
	margin:0;
	padding: 0;
	background:url(../img/bottom-icons3.jpg) left top no-repeat;
	
}

#icons7 { height: 53px; width:75px; background-position: -885px 0px; }
#icons8 { height: 38px; width:75px; background-position: -885px -53px;}
#icons9 { height: 47px; width:75px; background-position: -885px -91px;}


#footer {
width:950px;
height:60px;
clear:both;
margin: 8px 22px 0px 22px;
padding:0;
}

#footer p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
color: #2f2009;
font-weight: normal;
text-align: right;
}

#footer p a         { font-weight: normal; text-decoration: none; display:inline; }
#footer p a:link    { color: #2f2009; }
#footer p a:visited { color: #2f2009; }
#footer p a:hover   { color: #3c1202; }
#footer p a:active  { color: #3c1202; }

/* End footer style */

#deck-thumbs {
width:675px;
height:168px;
clear:both;
margin: 0;
padding:0;
position: relative;
background:url(../img/dream-deck-series-04-thumbs.png) left top no-repeat;
}



#dream-decks {
width: 675px;
height: 168px;
float: left;

}

#dream-decks a {
	margin: 0; padding: 0;
	float: left;
	text-decoration: none;
}

#dream-decks a:hover {
	text-decoration: none;
}

#dream-decks h3 {
	display: none;
}


#dream-decks1, #dream-decks2, #dream-decks3,  #dream-decks4,  #dream-decks5 {
	margin:0;
	padding: 0;
	background:url(../img/dream-deck-series-03-thumbs.png) left top no-repeat;
	
}

#dream-decks1 { height: 168px; width:154px; background-position: 0px 0px; }
#dream-decks2 { height: 168px; width:129px; background-position: -154px 0px; }
#dream-decks3 { height: 168px; width:129px; background-position: -283px 0px; }
#dream-decks4 { height: 168px; width:129px; background-position: -413px 0px; }
#dream-decks5 { height: 168px; width:129px; background-position: -543px 0px; }

#dream-decks1:hover, #dream-decks1:focus, #dream-decks1.on { background-position: 0px -168px; }
#dream-decks2:hover, #dream-decks2:focus, #dream-decks2.on { background-position: -154px -168px; }
#dream-decks3:hover, #dream-decks3:focus, #dream-decks3.on { background-position: -283px -168px; }
#dream-decks4:hover, #dream-decks4:focus, #dream-decks4.on { background-position: -413px -168px; }
#dream-decks5:hover, #dream-decks5:focus, #dream-decks5.on { background-position: -543px -168px; }