body, html{
height:100%;
}
body{
background:url("../images/swirl-comb.jpg") -70px -80px fixed no-repeat;
}
#wrapper{
position:relative;
width:960px;
height:100%; /*IE6 expands for content anyway */
margin:-600px auto 0 auto;
background:url("../images/glass.png") 0 0 repeat-y;
}
html>body #wrapper{/*good browsers */
height:auto;
min-height:100%;
}
#decorative{
width:960px;
height:600px;
margin:0 auto;
background:url("../images/swirl-comb.jpg") -70px -848px fixed no-repeat;
}
#rect{
position:absolute;
top:0;
left:170px;
width:140px;
height:40px;
background-color:#37321e;
}
.default #header{
height:200px;
}
.portfolio #header{
height:90px;
}
#logo{
position:absolute;
top:0;
left:10px;
}
#logo a{
display:block;
width:140px;
height:200px;
color:#008c99;
background:url("../images/nora-brown-design.png") 0 0 no-repeat;
border:0;
}
#logo a:hover{
background-position:0 -200px;
color:#db9e4d;
}
#content{
padding-bottom:160px;
}
.about #content, .blog #content, .contact #content{
margin-left:170px;
margin-right:170px;
margin-top:50px;
}
#home #content{
margin-top:95px;
}
.sidebar{
position:absolute;
width:140px;
}
#sidebar1{
top:90px;
right:0;
}
#sidebar2{
top:220px;
left:0;
}
/*_________________________________________________________________ Primary NAVIGATION */
#primNav{
margin-left:330px;
overflow:auto;
zoom:1;
}
#primNav li{
display:block;
float:left;
margin-right:20px;
}
#primNav li a{
display:block;
position:relative;
width:138px;
height:38px;
padding:2px 2px 0 0;
letter-spacing:1px;
text-align:right;
text-decoration:none;
color:#ededed;
text-transform:uppercase;
background-color:#37321e;
border-bottom:0;
}
#primNav li a:hover{
color:#008c99;
}
#primNav li a span{
display:block;
position:absolute;
top:0;
left:0;
width:20px;
height:0;
background-color:#008c99;
}
#primNav #contactBtn, #thumbnails #objectsBtn, #thumbnails li.last, #home #thumbnails li.last, #recommended li.last{
margin-right:0;
}
.portfolio #primNav #portfolioBtn a span,
.about #primNav #aboutBtn a span,
.blog #primNav #blogBtn a span,
.contact #primNav #contactBtn a span{
height:40px;
color:#008c99;
}
/*_________________________________________________________________ Secondary NAVIGATION */
#secondNav{
position:absolute;
left:10px;
top:233px;
width:140px;
border-top:1px solid #008c99;
}
#secondNav a{
display:block;
padding-left:4px;
letter-spacing:1px;
line-height:1.2857em;/* 18px */
text-transform:uppercase;
border-bottom:1px solid #008c99;
}
#secondNav a:hover,
#websites #webBtn a,
#logos #logosBtn a,
#printed_items #printedBtn a{
background-color:#008c99;
color:#efefef;
}
.about #secondNav,
.blog #secondNav,
.contact #secondNav,
#home #secondNav{
display:none;
}
/*_________________________________________________________________ THUMBS */
#thumbnails{
margin-left:330px;
padding:0 0 10px 0;
overflow:auto;
zoom:1;
}
#thumbnails li{
display:block;
float:left;
margin:0 15px 15px 0;
}
#home #thumbnails li{
margin:0 20px 20px 0;
}
#thumbnails li a{
display:block;
height:112px;/* encloses 110px imgs plus 1px border */
width:112px;
text-align:right;
text-decoration:none;
color:#37321e;
border:0;
}
#thumbnails li a img{
border:1px solid #37321e;
}
#home #thumbnails li a{
width:140px;/* encloses 138px imgs plus 1px border */
height:auto;
}
#home #thumbnails li a span{
display:block;
}
#thumbnails li a:hover{
color:#008c99;
background:none;
}
#thumbnails li a:hover img{
border-color:#008c99;
}
#blurb{
position:absolute;
top:260px;
left:10px;
width:230px;
}
/*_________________________________________________________________FOOTER */
#footer{
position:relative;
width:940px;
margin:-160px auto 0 auto;
background-color:#37321e;
height:160px;
color:#efefef;
}
#foot1, #foot2, #foot3{
display:block;
float:left;
border-right:1px solid #008c99;
padding-top:10px;
height:150px;
}
#foot1{
width:313px;
padding-left:6px;
}
#foot2{
width:313px;
padding-left:6px;
}
#foot3{
border:0;
}
/* JTip */
#JT {
position: absolute;
z-index:100;
border: 2px solid #CCCCCC;
background-color: #fff;
}
#JT h3{
padding:0;
margin:0;
}
#JT_arrow_left{
background-image: url("../images/arrow_left.gif");
background-repeat: no-repeat;
background-position: left top;
position: absolute;
z-index:101;
left:-12px;
height:23px;
width:10px;
top:-3px;
}
#JT_arrow_right{
background-image: url("../images/arrow_right.gif");
background-repeat: no-repeat;
background-position: left top;
position: absolute;
z-index:101;
height:23px;
width:11px;
top:-2px;
}
#JT_copy{
padding:10px 10px 10px 10px;
color:#333333;
}
.JT_loader{
background-image: url("../images/loader.gif");
background-repeat: no-repeat;
background-position: center center;
width:100%;
height:12px;
}
#JT_close_right, #JT_close_left{
display:none;
}
/* Lightbox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}#jquery-lightbox a,#jquery-lightbox a img{border:0}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-container-image-box >#lightbox-nav{left:0}#lightbox-nav a{outline:none;border:0}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}#lightbox-container-image-data{padding:0 10px}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}