html, body { font: 100% "Trebuchet MS", Verdana, Arial, sans-serif; }

body {
	margin: 0;
	padding: 0;
	/* for all browsers that understand min-width, also see lang_IE.css */
	width:100%; min-width:800px;
	background:#DBDFE2 url(images/bg_langlang.jpg) repeat-y 0 0; 
	color: #83756F;
	font-size: 80%;
}

/* eliminate all default padding, margins, and borders - must declare some margin/padding for any ul or ol */
* {padding: 0;margin: 0;border: none;}

/* tables */
table {border-collapse: collapse;border-spacing:0;}
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}

/*** text format  ***/
pre, code { font-size:1em;}
strong, b {font-weight: bold;}
  
h1, h2, h3, h4, h5, h6 { 
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-top: .5em;}
h1 { font-size: 2em;margin: 0 0 1em 0; }
h2 { font-size: 1.5em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}
h6 { font-size: 1em;}

a:link {color: #7A5273; text-decoration: underline}
a:visited {color: #7A5273; text-decoration: underline}
a:hover {color: #663366;}
a:active {color: #663366;}

ol, ul, li { font-size: 1.0em; line-height: 1.3em; margin: .5em 0 1em 1.5em;}
li { margin: .5em 0 .5em 1.5em;}

blockquote {margin: .5em 0 .5em 1.5em;}
hr {height:0; border-bottom: 1px solid #CCC;margin:10px 0; }

p { font-size: 1.0em; 
    line-height: 1.3em; 
	padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}


/*** layout  ***/

#header {
	position:absolute;top:0;left:0;
	     z-index:100;
	width:100%;
	height:70px;
	background: transparent url(images/topgradient.jpg) repeat-x;
}
#header #handcrafted {position:absolute; top:25px; left:428px; } /* no link on this one so it doesn't overlap back next buttons  */
#header #viewcart .boxbdr {position:absolute; top:10px; right:40px; }

/*** main nav sprites ***/
#nav { position: absolute; top: 60px; left: 0; width: 160px/*170px*/; z-index:15;background:white url(images/langlang_nav_bg.jpg) repeat-y;}

ul#navbox {
	list-style-type: none;
	overflow: hidden;
	padding: 0;margin: 0 0 0 0;
/* background:transparent url(images/langlang_nav.png) no-repeat;   png - no transparency in IE */
	background:transparent url(images/langlang_nav.gif) no-repeat;
	position: relative;top: 2px;left: 0;
	width: 160px/*150px*/;height: 410px;
}

ul#navbox li a {
	text-indent: -1000em;
	text-decoration: none;overflow: hidden;
	padding: 0;
	display:block;
/* background:transparent url(images/langlang_nav.png) no-repeat;   png - no transparency */
	background:transparent url(images/langlang_nav.gif) no-repeat;
	position: absolute;left: 0;width: 160px;}
	
ul#navbox li#home       a 	    { background-position:   0px   0px;  top:  0px;height:40px;}
ul#navbox li#home       a:hover { background-position: -170px   0px; }
ul#navbox li#colls_main a 	    { background-position:   0px -40px;  top: 40px; height:40px;}
ul#navbox li#colls_main a:hover { background-position: -170px -40px; }

/** subnav ul for individual collections **/
ul#navbox li#colls_main li#invit   a 	   { background-position:   0px -80px;  top: 80px; height:27px;}
ul#navbox li#colls_main li#invit   a:hover { background-position: -170px -80px; }
ul#navbox li#colls_main li#earth   a       { background-position:   0px -107px;  top: 107px; height:28px;}
ul#navbox li#colls_main li#earth   a:hover { background-position: -170px -107px; }
ul#navbox li#colls_main li#moon    a 	   { background-position:   0px -135px;  top: 135px; height:27px;}
ul#navbox li#colls_main li#moon    a:hover { background-position: -170px -135px; }
ul#navbox li#colls_main li#silkrd  a 	   { background-position:   0px -162px;  top: 162px; height:27px;}
ul#navbox li#colls_main li#silkrd  a:hover { background-position: -170px -162px; }
ul#navbox li#colls_main li#empress a 	   { background-position:   0px -189px;  top: 189px; height:28px;}
ul#navbox li#colls_main li#empress a:hover { background-position: -170px -189px; }
ul#navbox li#colls_main li#aladdin a 	   { background-position:   0px -217px;  top: 217px; height:27px;}
ul#navbox li#colls_main li#aladdin a:hover { background-position: -170px -217px; }

ul#navbox li#about      a 	    { background-position:  0px  -250px;  top: 250px; height:40px;}
ul#navbox li#about      a:hover { background-position: -170px -250px; }
ul#navbox li#gemcare    a 	    { background-position:  0px  -290px;  top: 290px; height:40px;}
ul#navbox li#gemcare    a:hover { background-position: -170px -290px; }
ul#navbox li#sitemap    a 	    { background-position:  0px  -330px;  top: 330px; height:40px;}
ul#navbox li#sitemap    a:hover { background-position: -170px -330px; }
ul#navbox li#contact    a 	    { background-position:  0px  -370px;  top: 370px; height:40px;}
ul#navbox li#contact    a:hover { background-position: -170px -370px; }

/**** in section link appearance  ****/
.invitation ul#navbox li#colls_main li#invit   a { background-position: -170px -80px; }
.earth      ul#navbox li#colls_main li#earth   a { background-position: -170px -107px; }
.moon       ul#navbox li#colls_main li#moon    a { background-position: -170px -135px; }
.silk       ul#navbox li#colls_main li#silkrd  a { background-position: -170px -162px; }
.empress    ul#navbox li#colls_main li#empress a { background-position: -170px -189px; }
.aladdin    ul#navbox li#colls_main li#aladdin a { background-position: -170px -217px; }
.about      ul#navbox               li#about   a { background-position: -170px -250px; }
.gemcare    ul#navbox               li#gemcare a { background-position: -170px -290px; }
.sitemap    ul#navbox               li#sitemap a { background-position: -170px -330px; }
.contact    ul#navbox               li#contact a { background-position: -170px -370px; }

               
/*** content ***/
#content {
	position:relative;
	top:60px;
	z-index:20;
	margin-left: 160px;
	margin-right: 40px;
}

#gallery a img {position:relative; float:left; width: 210; margin:20px;}
#galleryinfo { position:relative; clear:both; padding-left:20px;}

#gempic {position:relative; left: 5px; width:/*390px*/385px; float:left; }

#geminfo {  margin-left:400px;margin-bottom:6px; /* position:relative breaks IE7 nav sprites;*/}

p.nextbtn {line-height: 3em; /*so links have a larger target area*/}
.nextbtn a { padding: 4px; border: solid 1px #EAEEDC; text-decoration: none;}
.nextbtn a:hover { border: solid 1px #60613A; text-decoration: underline; }

a.otherviews, 
a.otherviews:visited { position:absolute; left:/*15px*/10px; bottom:/*-26px*/0; padding: 4px; border: solid 1px #EAEEDC; text-decoration: none; }
a.otherviews:hover { border: solid 1px #60613A; text-decoration: underline; }

a.boxbdr, a.boxbdr:visited {  padding: 4px; border: solid 1px #EAEEDC; text-decoration: none; }
a.boxbdr:hover { border: solid 1px #60613A; text-decoration: underline; }

a.boxbg {  padding: 4px; background: #EAEEDC; text-decoration: none; }
a.boxbg:hover {  background: #EAEEDC; text-decoration: underline; }

.indent {padding-left:20px;}

/**** footer ****/

#footer { position:relative;top:60px; clear:both; margin: 0 0 60px 160px; }

.helpbox { position:relative; margin-left:390px; padding:5px 15px; color: #331133; background: #C8C8BE; /*height: 5em;*/ }

#footernav {position:relative; /* float:left; width:390px;*/ background: #E7E8E4;}
#footernav ul { margin: 0; padding: 5px 15px; list-style: none; }
#footernav ul li { display: inline; list-style:none; margin: 0; padding:0;}

#footernav .here, 
#footernav ul li a {
	white-space: nowrap;
	text-decoration: none;
	margin:0;
	padding: 0.2em 0.75em 0.2em 0.5em;
	line-height:2em;
	border-right: 1px solid #83756F;}
#footernav ul li a:hover {text-decoration:underline;}

#footernav p { line-height:150%; padding-left:15px;}

#footernav .last { border-right:none;}
#footernav a.email { border-right:none; text-decoration:underline;}
#footernav ul.colls { display: none; }

.copyright { color: #6d6d6d; }



/* Hides from IE-mac \*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */