/* thanks to Happy Cog - happycog.com */

img { border: 0; display: block; }
.alt {color:#333;}
.skiplink {display:none;}
.hidden {display:none;}

body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #000;
	background:#000;
	font: 0.9em  arial, helvetica, helve, sans-serif;
	}

#wrapper	{
	margin: 20px auto;
	padding: 0;
	border:0;
	width: 500px;
	text-align: left;
	background: #fff url(../g/greyr.gif) top right repeat-y;
	}

/* ---------- BANNER ----------- */

#header {width:500px;height: 60px; padding:0; border:0; margin: 0;background: transparent url(../g/topr.gif) top right no-repeat;}
#banner {float:right;margin:0 25px 0 0;padding:0;border:0; background: transparent url(../g/wg.gif) no-repeat;width:225px;height:60px;}
#logo {float:left;margin:0;padding:0;border:0;background:  url(../g/wg.gif) no-repeat;width:225px;height:60px;}
#logo:hover, #logoindex:hover {background: url(../g/wg_over.gif) no-repeat;}



#banner a {text-indent:-999px;}
#content {
	width:500px;
	margin:0;
	padding: 0;
	background: #fff url(../g/greyr.gif) top right repeat-y;
	}

#main	{
	position:relative;
	width: 475px;
	text-align: left;
	padding: 20px 0 0 0;
	border: 0;
	margin:4px 0 20px 0;
	height:385px;
	}
html>body #main {height:auto;min-height:385px;}
body#map #main {padding:0;margin:0;}

#sidebar	{
	width: 100px;
	margin:0;
	padding:0;
	color: #333;
	}

#sidebar #sideblurbs	{
	margin:0;
	padding:0;

	}
.image {padding:0 1px;}

.partners { clear:both;padding:10px 0 0 30px; border-top: 1px #666 dotted; width:auto; min-height: 30px; }

#footer { clear: both;height:25px; margin: 0; padding:0;	background: #aaa url(../g/botr.gif) top right no-repeat;}
#footer2 {display:block;height:25px;width:100%;background: url(../g/botl.gif) bottom left no-repeat;}

/* ---------- Linkage ---------- */
	
a:link, a:visited {
	font-weight : 100; 
	text-decoration : underline;
	color: #000;
	background: transparent; 
	}
body#archive a:link, body#contact a:link, body#contact a:visited, body#press_t a:link, body#links a:link {text-decoration : none;}

a:hover {
	font-weight : 100; 
	text-decoration : none;
	color: #09f;
	background: transparent; 
	}

a:active {
	font-weight : 100; 
	text-decoration : underline;
	color: #666;
	background: transparent;  
	}

#intrologo a {text-decoration:none;	}
.noscript2 a {font-weight:900; }

/* ---------- Body typography ---------- */

p { margin: 0 0 1em 0; padding: 0; line-height:1.1em;}
.nopadding {margin: 0; padding: 0; }
.padding  {margin: -1em 0 1em 30px; padding:0; }
.inline {display:inline;}
.imageinline img {display:inline;margin:0 6px;}

div.noscript {padding:0 0 1em 0;display:block;color: #000;text-transform:lowercase;}
div.noscript2 {padding:0 0 1em 0;display:block;color: #000;text-transform:lowercase;}

h1 {font-size:1.1em; font-weight:900;}
body#flux h1 {padding:30px 0 0 30px;margin:0; color:#0BAEE7;font-size:200%;}
h2 {text-transform:uppercase;height:50px;font:1.5em helvetica;margin:0; padding: 0;text-align:center;}
h2 span {display:block;font-size:0.6em;text-transform:lowercase;}

h3 {font: 900 1.1em helvetica;padding:0 0 0 30px;text-transform:capitalize;}
body#map h3 {padding-top:20px;}
h4 {font:100 1em helvetica;text-transform:capitalize;margin:0 0 0 40px;padding:0;}
h4 span {font-style:italic;}

h5 {font:900 1em helvetica;padding:0;margin:0;}
h6 {font:900 1em helvetica;padding:0;margin:0 0 4px 40px;text-transform:uppercase;}

div#subnav li span {display:block;padding:6px 6px 4px 75px;font-size:0.9em;line-height:1em;text-align:left;}
div#subnav ul li a {display:block;padding:4px 0 0 75px;font:900 0.9em helvetica;text-transform:capitalize;}
div#subnav ul li a#nopad {display:inline;padding:0;font:900 0.9em helvetica;text-transform:none;}
div#subnav ul li a#inline {padding:0;text-transform:lowercase;}

#subnav p {padding:0;font-size:0.9em;line-height:1em;text-align:left;}
#subnav p {margin:4px 0 0 0;}

#footer p 	{ font-size: 0.8em; color: #751; }

div#main p, div#main h5, div#main .noscript, div#main .noscript2, div#main ol, body#jjp div#main h2 {padding: 0 30px;}
div#main ul li a {display: block;}

body#lj div#main p,body#ljr div#main p,body#ljs div#main p, body#jjp div#main p  {text-align:left; width:70%;}

body#ljri div#main p, body#ljri div#main h3, body#ljsi div#main p, body#ljsi div#main h3, body#ljmi div#main p, body#ljmi div#main h3 {text-align:center;line-height:1.1em;}

#fluxtext {position:absolute;top:270px; right:50px;width:240px;padding:0;margin:0;text-align:right;}

div#herald p { width:350px; padding-top:1em; margin: 0 0 0 40px;text-align:left;padding-left:0;}


#pressimages ul li {font:100 italic 0.8em/1em verdana;text-align:center;text-transform:capitalize;}
#pressimages ul li a {font-weight:bold;}

b {font-weight:900;}
.boldital {font-weight:900;font-style:italic;}
.bold {font:900 0.9em helvetica;}
.small {font-size:0.8em;}
.medium {font-size:1.1em;}
.bigital {font-size:1.5em;font-style:italic;}
.big {font-size:1.5em;}
.italic {font-style:italic;}
#italic {font-style:italic;}
.capitalize {text-transform:capitalize;}
.lowercase {text-transform:lowercase;font-style:normal;}
.ruby {font-style:italic;color:#ee1c23;font-weight:900;}
#ruby {color:#ee1c23;}
#sapphire {color:#01ACE2;}
.sapphire {color:#01ACE2;}
#moldovite {color:#5cc151;}
#jet {color:#000;}
.moldovite {color:#5cc151;}
.narrow {margin: 0 20px 1em 20px;width:80%;}
.padcenter {margin: 0  20px;width:66%;text-align:left;}
.center {text-align:center;font-weight:900;}
#center {text-align:center;}
.brushscript {font: italic 1em 'Brush Script MT';color:#5D91E7;}
.underline {text-decoration:underline;}
.lineheight {line-height:1.2em;}
.right {text-align:right;}

/* ---------- lists formating ---------- */

.table {display:block;margin: 20px 0;padding:0;}
.table ul {display:block;position:relative;clear:left;margin:2px 30px;padding:0;}
.table ul li {float:left;font:900 0.9em arial;padding: 0 6px 2px 0;margin:0;width:120px; }

/* Harker Herald */

div#herald {width: 100%;margin-top:10px;}

#main dl {padding: 0 30px;}
#main dt {padding:0;}
#main dd {padding:0;}

div#main #fluxbox {position:relative; margin: 250px 10px 10px 10px;width:455px;padding:0; background:#8BF9F8;color:#000;}
div#main .fluxbox_center {width:200px;margin: 0;padding:0;}

div#main .fluxbox_center ul {background:#19F0F3;margin:0;padding:0;display:block;list-style:disc;}
div#main .fluxbox_center ul li {display:block;list-style:disc;margin:10;padding:2px 0;}

div#main .fluxbox_center ul, div#main .fluxbox_right p {text-align:left;margin:0;padding:10px;}

div#main .fluxbox_right {position:absolute;right:0;width:255px;padding: 0;margin:0;}

.float {float:right;}
.clear {clear:both;}


/*  ---------- page images harker herald 2008 */

body#intro08 div#main { background: transparent url(../i/hhmain14.jpg) top no-repeat; padding-top:420px;}
body#sw div#herald { background: transparent url(../i/hh2/jan.jpg) top no-repeat; padding-top: 365px; }
body#mr div#herald { background: transparent url(../i/hh2/feb.jpg) top no-repeat; padding-top: 365px; }
body# div#herald { background: transparent url(../i/hh2/mar.gif) top no-repeat; padding-top: 365px; }
body# div#herald { background: transparent url(../i/hh2/apr.jpg) top no-repeat; padding-top: 365px; }
body# div#herald { background: transparent url(../i/hh2/may.jpg) top no-repeat; padding-top: 365px; }
body# div#herald { background: transparent url(../i/hh2/jun.jpg) top no-repeat; padding-top: 365px; }
body# div#herald { background: transparent url(../i/hh2/jul.jpg) top no-repeat; padding-top: 365px; }
body# div#herald { background: transparent url(../i/hh2/aug.jpg) top no-repeat; padding-top: 365px; }
body# div#herald { background: transparent url(../i/hh2/sep.jpg) top no-repeat; padding-top: 350px; }
body# div#herald { background: transparent url(../i/hh2/oct.jpg) top no-repeat; padding-top: 350px; }
body# div#herald { background: transparent url(../i/hh2/nov.jpg) top no-repeat; padding-top: 350px; }
body# div#herald { background: transparent url(../i/hh2/dec.jpg) top no-repeat; padding-top: 350px; }

body#prog div#main, body#mr div#main { background: transparent url(../i/hh_logo1.gif) top no-repeat;	padding-top:80px;}
body#prog div#main, body#sw div#main { background: transparent url(../i/hh_logo1.gif) top no-repeat;	padding-top:80px;}

/*  ---------- thumbs 08 */

#jan08 {background: transparent url(../si/hh2/jan.jpg) left top no-repeat; padding-top: 0; margin-top: 0; }
#feb08 {background: transparent url(../si/hh2/feb.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#mar08 {background: transparent url(../si/hh2/mar.gif) left  no-repeat; padding-top: 0; margin-top: 0; }
#apr08 {background: transparent url(../si/hh2/apr.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#may08 {background: transparent url(../si/hh2/may.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#jun08 {background: transparent url(../si/hh2/jun.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#jul08 {background: transparent url(../si/hh2/jul.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#aug08 {background: transparent url(../si/hh2/aug.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#sep08 {background: transparent url(../si/hh2/sep.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#oct08 {background: transparent url(../si/hh2/oct.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#nov08 {background: transparent url(../si/hh2/nov.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#dec08 {background: transparent url(../si/hh2/dec.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }


/*  ---------- page images harker herald 2007 */

body#intro div#main { background: transparent url(../i/hhmain12.jpg) top no-repeat; padding-top:420px;}
body#carr div#herald { background: transparent url(../i/hh/carr.jpg) top no-repeat; padding-top: 365px; }
body#moss div#herald { background: transparent url(../i/hh/feb.jpg) top no-repeat; padding-top: 365px; }
body#perkins div#herald { background: transparent url(../i/hh/march.gif) top no-repeat; padding-top: 365px; }
body#topsy div#herald { background: transparent url(../i/hh/april.jpg) top no-repeat; padding-top: 365px; }
body#mm div#herald { background: transparent url(../i/hh/may.jpg) top no-repeat; padding-top: 365px; }
body#hs div#herald { background: transparent url(../i/hh/june.jpg) top no-repeat; padding-top: 365px; }
body#mc div#herald { background: transparent url(../i/hh/july.jpg) top no-repeat; padding-top: 365px; }
body#gc div#herald { background: transparent url(../i/hh/august.jpg) top no-repeat; padding-top: 365px; }
body#gr div#herald { background: transparent url(../i/hh/september.jpg) top no-repeat; padding-top: 350px; }
body#db div#herald { background: transparent url(../i/hh/october.jpg) top no-repeat; padding-top: 350px; }
body#ds div#herald { background: transparent url(../i/hh/november.jpg) top no-repeat; padding-top: 350px; }
body#lg div#herald { background: transparent url(../i/hh/december.jpg) top no-repeat; padding-top: 350px; }

body#prog div#main, body#carr div#main, body#moss div#main, body#perkins div#main, body#topsy div#main, body#mm div#main, body#hs div#main, body#mc div#main, body#gc div#main, body#gr div#main, body#db div#main, body#ds div#main, body#lg div#main  { background: transparent url(../i/hh_logo1.gif) top no-repeat;	padding-top:80px;}


/*  ---------- thumbs 07 */

#jan {background: transparent url(../si/hh/jan.jpg) left top no-repeat; padding-top: 0; margin-top: 0; }
#feb {background: transparent url(../si/hh/feb.gif) left  no-repeat; padding-top: 0; margin-top: 0; }
#mar {background: transparent url(../si/hh/march.gif) left  no-repeat; padding-top: 0; margin-top: 0; }
#apr {background: transparent url(../si/hh/april.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#may {background: transparent url(../si/hh/may.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#jun {background: transparent url(../si/hh/june.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#jul {background: transparent url(../si/hh/july.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#aug {background: transparent url(../si/hh/august.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#sep {background: transparent url(../si/hh/september.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#oct {background: transparent url(../si/hh/october.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#nov {background: transparent url(../si/hh/november.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }
#dec {background: transparent url(../si/hh/dec.jpg) left  no-repeat; padding-top: 0; margin-top: 0; }

/* harker herald */

div#prog2 {	width:300px;padding:2px; border: 0; margin: 20px 0 0 87.5px;}
div#prog2 ul { padding: 0; border: 0; margin:0;}
div#prog2 li {height:60px;padding:6px 6px 0 80px;margin:0;border-bottom:1px #000 dotted; }
/* hide from ie for mac\*/
html>body #prog2 li {height:auto;min-height:60px;}
/* end hide */
div#prog2 li p {display:inline;font-size:0.9em;padding:0; margin:0;text-align:left;}
div#prog2 li a {text-transform:uppercase; margin-bottom:2px;}

/*  ---------- little jewel */

div#prog { background: transparent url(../i/4-left.jpg) top left no-repeat; padding-top:0; border: 0; margin: 10px 20px 0 30px;}
body#ljrp div#prog { background: transparent url(../i/lj_ruby/intro_2.jpg) top left no-repeat; padding-top:0; border: 0; margin: 20px 20px 0 30px;}
body#ljjp div#prog { background: transparent url(../i/4-left-jet.jpg) top left no-repeat; padding-top:0; border: 0; margin: 10px 20px 0 30px;}

div#prog dl { padding: 0 0 30px 120px; border: 0; margin:0;width:260px;}
body#ljrp div#prog dl { padding: 0 0 0 220px; border: 0; margin:0;width:200px;}
#prog dl dt {padding:2px 0;text-transform:uppercase;font-size:0.9em; }
#prog dl dd {font-size:0.9em;padding:2px 4px; margin:0;text-transform:capitalize;font-style:italic;}


#subnav { display:block;position:relative;width:395px; padding: 0; margin: 20px 0 0 40px;}

#subnav dl dt {padding:4px 0 0 0;text-transform:capitalize; }
#subnav dl dd {font-size:0.9em;padding:0; margin:0;text-transform:capitalize;}
#subnav dl dd a {text-transform:lowercase;}

#subnav ul { display:block;padding:0; margin:0; }
#subnav ul li {height:80px; margin: 12px 0 0 0; padding: 0; border:1px solid #333; }
html>body #subnav ul li {height:auto; min-height:80px;}

#subnav ul li, #main ul li	{ list-style: none;}
body#jobs #main ul li	{ list-style: circle; margin-left:15px;padding: 0 0 4px 0;}

#main ol li {margin-left:25px;padding: 0 0 4px 0;}

#herald ul {}
#herald ul li	{list-style: none;font: 100 0.9em arial; padding:2px 0;}
div#herald ul li a { display:inline;position:relative;text-transform:capitalize; }

/*  ---------- BACKGROUNDS ---------- */



div#mapimage {background: transparent url(../g/w_map.jpg) top left no-repeat; padding-top: 290px; border: 0; margin:0; }

div#advert { height:auto;padding: 0; border: 0; margin:6px 0 0 0;clear:both;font: 0.9em/1.2em helvetica,sans-serif;text-align:center; }

.hh1 {float:right;margin:0;padding:0;border:0; background: transparent url(../i/hhlogo_2.gif) no-repeat;width:395px;height:80px;}
#hh2 {border:1px solid #333;float:left;margin:2px 0 0 75px;padding:0;border:0;background: transparent url(../i/hhlogo.gif) no-repeat;width:395px;height:12px;}
#hh2:hover {background: url(../i/hhlogo_2.gif) no-repeat;} 

.rr1 {float:right;margin:0;padding:0;border:0; background: transparent url(../si/rr-header2..gif) no-repeat;width:395px;height:80px;}
#rr2 {border:1px solid #333;float:left;margin:2px 0 0 75px;padding:0;border:0;background: transparent url(../si/rr-header.gif) no-repeat;width:395px;height:14px;}
#rr2:hover {background: url(../si/rr-header2.gif) no-repeat;} 

#mobile {background: url(../g/mobile.gif) left no-repeat;text-transform:capitalize;margin:0 0 6px 30px;font-size:0.8em;line-height:2.9em;}
#late a {display:block;background: url(../si/late.gif) left no-repeat;margin:0;width:180px;height:30px;}
#late a:hover {background: url(../si/late2.gif) left no-repeat;}

body#flux div#main {background: url(../i/fluxus.gif)  0px 80px no-repeat;
	padding-top: 0;
	padding-bottom: 0;}

#subnav ul li#s1	{
	background: transparent url(../si/lj_j.jpg) left no-repeat;
	padding-bottom: 0;
	margin-bottom: 0;clear:both;
	}
#subnav ul li#s2	{
	background: transparent url(../si/radio_rally2.jpg)  left no-repeat;clear:both;

	}
#subnav ul li#s3	{
	background: transparent url(../si/redev_index.gif)  left no-repeat;
clear:both;
	}
#subnav ul li#s4	{
	background: transparent url(../si/studio2.jpg)  left no-repeat;
	margin-bottom: 0;clear:both;
	}
#subnav ul li#s5	{
	background: transparent url(../si/hh2/feb2.jpg) left no-repeat;
	padding-top: 0;
	margin-bottom: 12px;
	}	
#subnav ul li#s5 a {width:114px;}
	
#subnav ul li#s6	{
	background: transparent url(../i/studio_lge.jpg) top left no-repeat;
	padding-top: 100px;
	margin-bottom: 30px;
	}	
#subnav ul li#s7	{
	background: transparent url(../i/radio_rally3.jpg) top left no-repeat;
	padding-top: 30px;
	margin-bottom: 30px;
	}	
#subnav ul li#s8	{
	background: transparent url(../i/brochure2.jpg) top left no-repeat;
	padding-top: 65px;
	margin-bottom: 10px;
	}
#subnav ul li#s9	{
	background: transparent url(../i/robots.jpg) top left no-repeat;height:197px;
	padding-top: 0;
	margin-bottom: 30px;
	}

#pressimages { width:420px; padding:0; margin: 20px 0 0 36px;border:0;}

#pressimages img {width:65px;margin:0 auto;}
#pressimages ul { display: block;height:100px;padding: 0 0 16px 0; margin:0; }
#pressimages ul li { float:left; display:block; list-style: none; width:80px; height:auto; padding:4px 10px ;margin:0; }
#pressimages ul li a { float:left; display:block; width:65px; height:auto; padding:0;margin:0; }

/* ---------- content navigation ---------- */

#boxnav { width:420px; padding:0; margin: 20px 0 0 36px;border:0;}

div#boxnav img {width:100px;}

#boxnav ul 	{ width:420px;height:55px;padding:4px 0; margin:0;list-style: none; }

#boxnav ul 	li { float:left; position: relative; width:100px; padding:0; margin:0; }

#boxnav a {
text-align:center; font: 100 0.7em arial;line-height:1em; text-transform:capitalize;
height:55px;
padding:4px 0 0 0;margin:0;
}

.text { display:block;width:85px;}
div#boxnav ul li a:hover .text {padding:10px 0 0 6px;}
div#boxnav ul li.box .text {padding:10px 0 0 6px;}

div#boxnav ul li a {background:#fff url(../g/but_up.gif) top left no-repeat;}

/* hide from ie for mac\*/
div#boxnav ul li a:hover {background: url(../g/but_down.gif) top left no-repeat;}


/* end hide */


/* ---------- Main nav ---------- */

#mainnav	{ width: 500px; height: 30px; border: 0; padding: 0; margin: 0; background: #transparent url(../g/greyr.gif) top right repeat-y; }
#mainnav ul	{ width: 475px; height: 30px; background: url(../g/mainnav2.gif); margin: 0; padding: 0; position: relative; }
	
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#mainnav ul li, #mainnav a	{
	height: 30px;
	display: block;
	}

#mainnav ul li a	{
	text-indent: 0; 
	text-decoration: none;color:#333;text-align:center;font:0.9em/1.2em arial;
	}
#mn1 {left: 0; width: 118px;}
#mn2 {left: 118px; width: 118px;}
#mn3 {left: 236px; width: 118px;}
#mn4 {left: 354px; width: 118px;}

/* hover color for ie for mac */
#mn1 a:hover,#mn2 a:hover,#mn3 a:hover,#mn4 a:hover {color:#09f;}


/* hide from ie for mac\*/
#mn1 a:hover {background: transparent url(../g/mainnav2.gif) 0 -30px no-repeat;color:#09f;}
#mn2 a:hover {background: transparent url(../g/mainnav2.gif) -118px -30px no-repeat;color:#09f;}
#mn3 a:hover {background: transparent url(../g/mainnav2.gif) -236px -30px no-repeat;color:#09f;}
#mn4 a:hover {background: transparent url(../g/mainnav2.gif) -354px -30px no-repeat;color:#09f;}

/* end hide */


.over2 {display:block;}
#mainnav ul li a:hover .over2 {padding:6px 0 0 6px;}


body#archive #mn1 a {background: transparent url(../g/mainnav2.gif) -354px -30px no-repeat;}
body#archive #mn1 .over2 {padding:6px;color:#09f;}
body#studio #mn2 a {background: transparent url(../g/mainnav2.gif) -354px -30px no-repeat;}
body#studio #mn2 .over2 {padding:6px;color:#09f;}
body#brochure #mn3 a {background: transparent url(../g/mainnav2.gif) -354px -30px no-repeat;}
body#brochure #mn3 .over2 {padding:6px;color:#09f;}
body#contact #mn4 a {background: transparent url(../g/mainnav2.gif) -354px -30px no-repeat;}
body#contact #mn4 .over2 {padding:6px;color:#09f;}

/* ---------- rollover images ---------- */


div#thumbs {margin:20px 0; padding:0 0;height:450px;width:200px;}
html>body div#thumbs {min-height:450px;}
div#thumbs ul { width:100px;display:inline;list-style: none; margin:0; padding: 0;height:115px;}
div#thumbs ul li {float:left;width:67px; padding: 4px; margin-left: 10px;border:0;}
div#thumbs ul li a {display:block;padding: 0;margin:0; border: 1px solid #333;}	
div#thumbs ul li a:hover { border-color: #09f;}


div#thumbs ul p {display:none;}
div#thumbs li.one:hover p {
	display: block; position: absolute; top: 410px; left: 300px; width: 300px; margin: 0; z-index: 100;
	font:italic 100 1.2em/1em times;padding: 0;text-align: left;  text-transform: lowercase;}

#rollover {position: absolute;top: 60px; right:20px; width: 250;height: 444px; margin: 0;padding:0;border:1px solid #999;}
html>body #rollover { height: auto; min-height: 400px;}

div.drop img {height: 0; width: 0; border-width: 0;}
#thumbs li:hover div.drop img { position: absolute; top: 60px; right: 20px; height: 444px; width: 250px}




/* ---------- jewel layout ---------- */

.back {display:block;width:100px;position:absolute; left:12px;top:0;margin:0;padding:0;}
.back a, .next a {font-size:0.9em;line-height:1em;color:#09f;text-decoration:none;padding:0 0 4px 0;}
.back a:hover, .next a:hover {color:#333;text-decoration:underline;}
.next {display:block;width:30px;position:absolute; right:0;top:0;margin:0;padding:0;}

div.title {display:block;margin:0;padding:20px 90px 20px 30px;text-transform:capitalize;height:60px;}
html>body div.title {height:auto;min-height:60px;}
body#lj div.title {background:#EACFCC;}
body#ljr div.title, body#ljrp div.title {background:#ee1c23;color:#333}
body#ljs div.title, body#ljsp div.title {background:#0D5CAC;color:#fff}
body#ljmp div.title {background:#5cc151;color:#000;}
body#ljm div.title  {background: #5cc151;}
body#ljj div.title, body#ljjp div.title  {background: #000;color:#fff;}


.date {font:0.8em/0.8em arial;}
.name {text-transform:uppercase;font:1.2em/1.2em helvetica}
div.images {display:block;width:300px;padding:20px 0 20px 30px;}
div.images em {display:block;font: italic 0.8em/1em arial;padding:3px 0 0 0;margin:0;text-transform:capitalize;}

/* ---------- Jet jewel backgrounds and lists ---------- */
body#ljjm div.title  {background: #000 url(../jetjewel/i/mobilecinema.gif) right no-repeat;color:#fff;}

body#ljjm #subnav ul li p { padding: 0 0 0 110px; }
body#ljjm #subnav ul li span { padding: 0;margin:0;display:inline; }

#subnav ul li#j1 { background: transparent url(../jetjewel/i/m1.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#j2 { background: transparent url(../jetjewel/i/m2.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#j3 { background: transparent url(../jetjewel/i/m3.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#j4 { background: transparent url(../jetjewel/i/m4.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#j5 { background: transparent url(../jetjewel/i/m5.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#j6 { background: transparent url(../jetjewel/i/m6.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#j7 { background: transparent url(../jetjewel/i/m7.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }

.mobile2 {background:#ee1c23 url(../g/mobile2.gif) left no-repeat;padding-left:40px;}



/* ---------- Moldovite jewel backgrounds and lists ---------- */

body#ljm1 div.title  {background: #5cc151 url(../moldovitejewel/i/firsttime_bg.jpg) right no-repeat;}
body#ljm2 div.title  {background: #5cc151 url(../moldovitejewel/i/percussions_bg.jpg) right no-repeat;}
body#ljm3 div.title  {background: #5cc151 url(../moldovitejewel/i/nest_bg.jpg) right no-repeat;}
body#ljm4 div.title  {background: #5cc151 url(../moldovitejewel/i/history_bg.jpg) right no-repeat;}
body#ljm5 div.title  {background: #5cc151 url(../moldovitejewel/i/dream_bg.jpg) right no-repeat;}
body#ljm6 div.title  {background: #5cc151 url(../moldovitejewel/i/modror_bg.jpg) right no-repeat;}
body#ljm7 div.title  {background: #5cc151 url(../moldovitejewel/i/ifigenie_bg.jpg) right no-repeat;}
body#ljm8 div.title  {background: #5cc151 url(../moldovitejewel/i/mobilecinema.gif) right no-repeat;}

body#ljm8 #subnav ul li p { padding: 0 0 0 110px; }
body#ljm8 #subnav ul li span { padding: 0;margin:0;display:inline; }

#subnav ul li#m1 { background: transparent url(../si/m1.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#m2 { background: transparent url(../si/m2.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#m3 { background: transparent url(../si/m3.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#m4 { background: transparent url(../si/m4.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#m5 { background: transparent url(../si/m5.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#m6 { background: transparent url(../si/m6.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#m7 { background: transparent url(../si/m7.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }
#subnav ul li#m8 { background: transparent url(../si/m8.jpg) left no-repeat; padding: 0; margin-bottom: 0;clear:both; }

.mobile2 {background:#ee1c23 url(../g/mobile2.gif) left no-repeat;padding-left:40px;}



/* ---------- constant contact form ---------- */
div#email { height:60px;padding:6px 0 4px 75px; border: 0; margin:6px 0 0 0;clear:both;border:1px solid #fff; }
html>body {height:auto; min-height:60px;}
div#email p {font:900 0.9em arial;padding:2px 0;}
form { margin: 0; padding:0;font:  0.9em arial;}
div#email input[type="text"] {width: 10em; border: 2px inset #999;font:900 1em arial}
div#email input[type="submit"] {font:900 0.8em arial;}