html {
    height: 100%;
	width:100%;
	overflow: hidden;
}

body {
    height: 100%;
	padding: 0;
	margin: 0;
	background-image: url(/assets/images/jli_bg.gif);
	background-position:  bottom left;
	overflow: hidden;
	position:relative;
}

/* TYPEKIT ------------------------- */

.wf-loading .tk { visibility: hidden; }
.wf-active .tk { visibility: visible; }
.tk { font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2", "Times New Roman", serif; }

#brand { position: absolute; left: 323px; top: 44%; text-transform: uppercase; color: #fff; font-weight: normal; font-size: 17px; letter-spacing: .199em; }
#brand span { text-transform: lowercase; border-left: #7f6261 solid 1px; position: absolute; left: 402px; white-space: nowrap; padding-left: 19px; letter-spacing: .12em; top: -19px; line-height: 60px; }
#jl-home h2.tk { position: absolute; font-size: 18px; font-weight: normal; line-height: 21px; font-style: italic; color: #ccbcaa; bottom: 25%; left: 325px; margin: 0; }

#top-bar h1.tk { position: relative; left: 226px; margin: 14px 0 0; text-transform: uppercase; color: #fff; font-weight: normal; font-size: 17px; letter-spacing: .199em; }
#top-bar a:link, #top-bar a:visited, #top-bar a:hover, #top-bar a:active { color: #fff; text-decoration: none; }
#profile h2.tk, #content h2.tk { font-size: 16px; line-height: 22px; font-weight: normal; color: #fff; word-spacing: .122em; margin: 0 0 2px; }
#jli-blog h1.page-title { margin-bottom: 12px; }
#jli-blog #blog-h2, #jli-blog .entry-title, #jli-blog .page-title { font-size: 16px; font-weight: normal; }


div#blog ul li,
div#left-area ul li,
div#profile ul li{
    list-style: none;
    padding: 0;
    margin: 0;
	word-spacing: .122em;
    font-size: 16px;
    line-height: 22px;
	font-weight: normal;
    color: #7F6951;
}


div#left-area ul li a {
    color: #7F6951;
    text-decoration: none;
    font-size: 16px;
}

div#left-area ul li a:hover, 
div#left-area ul li.active a {
    color: #fff;
}


/* END TYPEKIT --------------------- */

img {
    border: 0;
}

#logolink {
    position: absolute;
    left: 225px;
    top: 20px;
}

    
div#top-bar {
    position: absolute;
    width: 800px;
    padding-bottom: 10px;
    border-bottom: 1px #56392e solid;
    top: 0px;
    left: 75px;
    height: 35px;
	
}

div#bottom-bar {
    background: #FFF;
/*    width: 800px;*/
    padding-top: 10px;
    position: absolute;
    bottom: 12px;
    left: 280px;
    z-index: 99;
/*    display: none;*/
}

div#bottom-image-bar {
    background: #fff;
    padding-top: 10px;
    position: absolute;
    bottom: 11px;
    left: 60px;
    z-index: 99;
    display: none;
}

ul#main-nav {
    margin: 0;
    padding: 0;
    height: 23px;
    list-style: none;
    display: inline;
    overflow: hidden;
    float: left;
    width: 600px;
	z-index:99;
}

ul#main-nav a {
    float: left;
    padding: 23px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:23px; /* for IE5/Win only */
}

ul#main-nav a img {
	cursor:pointer;
}

ul#main-nav a:hover {
    background-position: 0 -23px;
}

ul#main-nav a:active, 
ul#main-nav a.active {
    background-position: 0 -23px;
}

ul#image-nav {
    margin: 0;
    padding: 0;
    padding-top: 0;
    height: 23px;
    list-style: none;
    display: inline;
    overflow: hidden;
    float: left;
}

b#image-title {
    font-weight: normal;
}

ul#image-nav li {
    display: inline;
}

ul#image-nav li a {
    text-decoration: none;
    font-family: "Times New Roman", serif;
    /*font-size: 10px;*/
	font-size: 12px;
    color: #777;
    padding: 4px;
}

ul#image-nav li a:hover,
ul#image-nav li a.active {
    color: #FFFFFF;
    background: #280D0D;
}

li#profile a {
    width: 106px;
    background: url(/assets/images/profile.png) top left no-repeat;
}

li#gallery a {
    width: 111px;
    background: url(/assets/images/gallery.png) top left no-repeat;
}

li#press a {
    width: 89px;
    background: url(/assets/images/press.png) top left no-repeat;
}

li#contact a {
    width: 110px;
    background: url(/assets/images/contact.png) top left no-repeat;
}

li#inspiration a {
    width: 150px;
    background: url(/assets/images/inspiration.png) top left no-repeat;
}

li#contact span {
    width: 1px;
    background: url(/assets/images/contact.png) top left no-repeat;
}

ul#main-nav li {
position:relative;
display: inline;
float:left; /*fix */
margin: 0;
padding: 0;

}

ul#main-nav li a {
cursor:pointer;
}

div#left-area {
    position: absolute;
    top: 60px;
    left: 75px;
    width: 330px;
    height: 400px;
    font-family: "Times New Roman", serif;
    font-size: 13px;
    line-height: 20px;
    color: #969696; 
}

div#left-area ul {
    padding: 0;
    margin: 0;
    background: #280D0D;
}

/*
div#left-area ul li.active,
div#left-area ul li.inactive {
	visibility: hidden;
}
*/

div#left-area ul li.next-prev {
	font-size: 18px;
	color: #574633;
	margin-top:-.5em;
}

div#left-area ul li.next-prev a {
	color: #7F6951;
	font-size: 18px;
}

div#left-area ul li.next-prev a:hover {
	color: #FFFFFF;
}

div#left-area ul li span.more {
    color: #7F6951;
	font-size: 12px;
	font-family: Arial,sans-serif;
	font-weight:bold;
	position:relative;
	padding-right:26px;
	display:block;
	padding-top:10px;
}

/*div#left-area ul li.next-prev a:hover span.ovr {
    display: inline;
	color: #7F6951;
	font-size: 13px;
}

div#left-area ul li.next-prev a span.ovr {
    display: none;
}*/

div#profile ul, div#blog ul {
    padding: 0;
    margin: 0;
}

/*
div#blog ul li,
div#left-area ul li,
div#profile ul li{
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Times New Roman", serif;
    font-size: 17px;
    line-height: 20px;
    color: #969696;
}


div#left-area ul li a {
    color: #969696;
    text-decoration: none;
    font-size: 14px;
}

div#left-area ul li a:hover, 
div#left-area ul li a.active {
    color: #572700;
}

*/

div#content {
    position: absolute;
    left: 0;
    padding: 0;
    /*bottom: 0px;*/
    padding: 0;
    /*margin-top: 25px;*/
    padding-top: 10px;
    border-top: 1px #56392e solid;
    background: #280D0D;
    width: 400px; 
    color:  #b1a292;
    font-family: Arial, sans serif; 
    font-size: 12px;
    line-height: 18px;
}

div#content p {
    padding: 0;
    margin: 0;
}

div#content b {
    color: #FFFFFF;
}

div#content a {
    color: #FFFFFF;
	text-decoration: none;
}

div#content a:hover {
	color: #FFFFFF;
    background: #280D0D;
/*    padding: 2px;*/
}

div#blog,
div#image, 
div#profile {
    position: absolute;
    top: 60px;
    left: 300px;
    z-index: 200;
    font-family: Arial, sans serif; 
    font-size: 13px;
    line-height: 18px;
    color: #b1a292;
}

div#blog {
	width: 380px;
}

div#profile {
    display: none;
    width: 450px;
}

div#image img,
div#image object,
div#image embed {
	vertical-align: bottom;
	position: absolute;
	bottom:  0;;
}

div#image-loader {
    position: absolute;
    bottom: 116px;
    left: 320px;
    z-index: 100;
}

div#copy {
	position: absolute;
	font-family: "Times New Roman", serif;
    font-size: 13px;
	bottom: 5px;
	right: 5px;
}

div#copy a {
	text-decoration: none;
	color: #6c6d72;
	font-size: 85%;
}

div#copy a:hover {
	color: #572700;
}

div#copy-explanation {
	position: absolute;
	bottom: 45px;
	right: 0px;
	background: #280D0D;
	font-family: Arial, sans serif;
    font-size: 10px;
    color: #b1a292;
	display: none;
	z-index: 9494;
}

p#error {
    color: #572700;
}

div#profile-content {
    overflow: auto; height: 380px; padding-right: 20px; scrollbar-base-color: #56392e; scrollbar-arrow-color: #FFFFFF; scrollbar-3dlight-color: #56392e; scrollbar-darkshadow-color: #56392e; scrollbar-face-color: #56392e; scrollbar-highlight-color: #56392e; scrollbar-shadow-color: #56392e; scrollbar-track-color: #280D0D;
}

/*div#blog-content {
    overflow: auto; height: 380px;scrollbar-base-color: #56392e; scrollbar-arrow-color: #FFFFFF; scrollbar-3dlight-color: #56392e; scrollbar-darkshadow-color: #56392e; scrollbar-face-color: #56392e; scrollbar-highlight-color: #56392e; scrollbar-shadow-color: #56392e; scrollbar-track-color: #280D0D;
}*/


div#blog ul li.sIFR-replaced,
div#left-area ul li.sIFR-replaced,
div#profile ul li.sIFR-replaced {
    height: 24px;
}

#previous {
    display: block; 
    width: 13px; height: 9px; 
    background-image:url(/assets/images/previous2.gif);
    overflow: hidden;
}

a#previouslink:hover #previous {
    background-position: 0 -9px;
}


#next {
    display: block; 
    width: 13px; height: 9px; 
    background-image:url(/assets/images/next2.gif);
    overflow: hidden;
}

a#nextlink:hover #next {
    background-position: 0 -9px;
}

#jli-blog {height:100%;width:100%;background:url("/assets/images/jli_bg.gif") left top no-repeat fixed #280d0d;position:relative;overflow:visible !important;}
#jli-blog #top-bar {left:75px;width:80%;display:block;background:#280d0d;border-bottom:1px solid #56392e;height:35px;padding-bottom:10px;position:fixed;top:0;z-index:99;}
#jli-blog #left-area {left: 73px;top:60px;position:fixed;}
#jli-blog #left-area h2 {line-height:20px;margin-bottom:6px;}
#jli-blog #left-area h3 {color:#7a644d;font-size:12px;margin-bottom:0;margin-top:20px;}
#jli-blog #left-area ul {border-bottom: 1px solid #4d3027; padding-bottom:20px;}
#jli-blog #left-area ul.archive {border-bottom:none; }
#jli-blog #left-area li {font-family:Arial,Helvetica,'sans-serif';font-size:12px;line-height:18px;}
#jli-blog #left-area li a {font-size:12px;}
#jli-blog #logolink	{left: 205px;top: 5px;position:absolute;}
#jli-blog #content {margin-top:0;width: 200px;font-family:Arial,Helvetica,'sans serif';font-size:12px;left:0;line-height:20px;border-width:0;position:relative;padding:0}
#jli-blog #content p {color:#b1a28f;}
#jli-blog #content a, #jli-blog a {color:#7a644d;text-decoration:none;}
#jli-blog #content a:hover, #jli-blog a:hover {color:#fff;text-decoration:none;}
#jli-blog #blog-content {height:100%;overflow:visible;}
#jli-blog #blog {position:relative; padding-bottom:300px;z-index:10;}
#jli-blog #bottom-bar {display:block !important;position:fixed;}
/*#jli-blog #bottom-white {display:block;position:fixed;width:100%;right:17px;height:50px;background:#fff;bottom:0;z-index:98}*/
#jli-blog #bottom-white {background-color:#fff;height:50px;width: 100%;position:fixed;left:0px;bottom:0px;z-index:98;}
#jli-blog .entry-title {line-height:22px;margin:0;height:22px;}
#jli-blog .entry-content a {color:#B1A292;border-bottom:1px solid #4d3027;}
#jli-blog .entry-content a:hover {color:#fff;}
#jli-blog .cat-links, #jli-blog .nav-previous, #jli-blog .nav-next {color:#71644d;}
#jli-blog #nav-below {margin-top:22px;}
#jli-blog #rss-icon {position:absolute;float:left;left:100px;display:block;z-index:99;}
#jli-blog #blog-h2, #jli-blog .entry-title, #jli-blog .page-title {margin:0 0 3px 0;color:#fafafa;}
#jli-blog #blog-h2 a, #jli-blog .entry-title a , #jli-blog .page-title a{color:#fafafa;}
#jli-blog #blog-h2 a:hover, #jli-blog .entry-title a:hover , #jli-blog .page-title a:hover{padding:0;}
#jli-blog blockquote {margin-left:18px;}
#jli-blog .entry-utility {margin-bottom:28px;}

.clip { position: absolute; top: 0; right: 0; }
.pos-1 { clip:rect(0 15px 11px 0); }
.pos-2  { clip:rect(0 31px 11px 15px); left: -15px; }
.pos-3  { clip:rect(11px 15px 22px 0); top: -11px; }
.pos-4  { clip:rect(11px 15px 22px 31px); top: -11px; left: -15px; }