/* HTML ELEMENTS */
/*****************/
body { background: #330033; height: 100.1%;	min-height: 100.1%; border: 0; margin: 0;	padding: 0;
	overflow: -moz-scrollbars-vertical;  /* firefox scroll hack */ }
p { font: 10pt 'Bookman Old Style', 'Times New Roman', Times, serif; color: #fff;}
img { border: 0; margin: 0; padding: 0;}
a, a:visited { color: #663; text-decoration: none; }
a:hover { text-decoration: underline; }

/* MAIN ELEMENTS */
/*****************/
#page {	
	width: 	760px;	
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	margin: 0 auto -3em; /* the bottom margin is the negative value of the footer's height */	
	text-align: left; 
	}
#navigation { width: 242px;	float: left; }
#content { width: 500px; float: right; }

/* INTRO PAGE */
/**************/	
/* splash page/welcome page */
#logo {	display: block; margin: auto; padding-top: 24px; }
#typeface {	padding-top: 14px;	display: block;	margin: auto; align:center;	}
#images { overflow: hidden;	padding-top: 36px; width: 592px; height: 162px;	margin: auto; display: block; }

/* splash navigation */
#nav_img { margin: 0; padding: 0; display: inline; list-style-type: none; }
#nav_img li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#nav_img a { float: left; height: 145px; width: 145px; padding: 5px; border: solid 1px #666633;	}
#nav_img a:hover { padding: 0px; border: solid 6px #666633;	}

/* image specific */
#jewelry_img a  { background: url(images/intro_jewelry.jpg) no-repeat 5px 5px; }
#jewelry_img a:hover { background-position: 0px 0px; } 
#watches_img a { margin-left: 60px;	margin-right: 60px;	background: url(images/intro_watches.jpg) no-repeat 5px 5px; }
#watches_img a:hover { background-position: 0px 0px; } 
#automata_img a { background: url(images/intro_automata.jpg) no-repeat 5px 5px; }
#automata_img a:hover {	background-position: 0px 0px; } 

/* text rollovers */
#text {	overflow: hidden; width: 602px;	height: 100px;	padding-top: 26px;	margin: auto; display: block; }
#nav_txt { margin: 0; padding: 0; display: inline; list-style-type: none; }
#nav_txt li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#nav_txt a { 
	float: left; 
	padding: 26px 0 0 0; 
	overflow: hidden; 
	height: 0px !important;  
	height /**/:26px; /* for IE5/Win */	
	}
.bullet { float: left; margin: 6px 20px; }
#nav_txt a:hover { background-position: 0 -26px; }
#jewelry_txt a { width: 149px;	background: url(images/jewelry.gif); }
#watches_txt a { width: 159px;	background: url(images/watches.gif); }
#automata_txt a {width: 186px;	background: url(images/automata.gif); }
#biography_txt a { 
	margin: 28px 40px 0px 130px;
	clear: both; 
	width: 112px; 
	background: url(images/biography.gif);	
}
#portfolio_txt a { float: right; margin: 28px 130px 0px 40px;	width: 100px; background: url(images/portfolio.gif); }

#biography_txt a:hover,
#portfolio_txt a:hover { background-position: 0 -30px; }

/* content positioning */
#content { float: right; }

/* footer */
.push {	height: 3em; }
#footer { 
	clear: both; 
	margin-top: 30px;
	display: block;
	height: 3em; /* .push must be the same height as .footer */
	min-width: 744px;
}
#footer p {	width: 100%; text-align: center; font-size: 12px; }


/* MAIN PAGE COMPONENTS */
/**********************/
/* Logo & Text */
#tri-logo {	display: block;	width: 120px; height: 90px;	background-image: url(images/tri-logo.gif);
	background-position: 0px 90px;	margin-left: 66px;	margin-top: 20px; }	
#tri-text {	display: block;	width: 242px; height: 24px;	background-image: url(images/tri-text.gif);
	background-position: 0px 24px;	margin-bottom: 30px; position: relative; top: 10px;	}
#hd_img { width: 420px; padding: 48px 0 0 0;	overflow: hidden; 
	background: url(images/hd_newwork.gif) 0 0 no-repeat;	voice-family: "\"}\"";	voice-family:inherit;
	height /**/: 48px;	height: 0px !important;	margin-left: auto;	margin-right: auto;
	margin-top: 30px; 
	margin-bottom: 30px; 
	} 
	
/* navigation menu */
#nav_menu {	margin: 0;	padding: 0;	float: left; list-style: none; 	position: relative;	}
#nav_menu a { display: block; width: 242px;	height: 26px; text-indent:-909px; }
#nav_menu span { display: none; }	
#nav_menu ul { padding: 0;	margin: 0; list-style: none; }
#nav_menu li { margin-top: 12px; }

/* hover effect */
#nav_menu a:hover {	background-position: 0px -26px;	}

/* navigation id's  */	
#mn_jewelry a {background: url(images/mn_jewelry.gif) 0px 0px no-repeat;}
#mn_jewelry a.selected { background-position: 0px -26px; }
#mn_pins a {background: url(images/mn_pins.gif) 0px 0px no-repeat;}
#mn_necklaces-bracelets a {background: url(images/mn_necklaces-bracelets.gif) 0px 0px no-repeat;}
#mn_earrings a {background: url(images/mn_earrings.gif) 0px 0px no-repeat;}
#mn_watches a {background: url(images/mn_watches.gif) 0px 0px no-repeat;}
#mn_watches a.selected { background-position: 0px -26px; }
#mn_automata a { height:26px; background: url(images/mn_automata.gif) 0px 0px no-repeat;}
#mn_automata a:hover { background-position: 0px -26px;	}
#mn_automata a.selected { background-position: 0px -26px; }
#mn_new-work a {background: url(images/mn_new_work.gif) 0px 0px no-repeat;}
#mn_new-work a.selected { background-position: 0px -26px; }
#mn_biography a {background: url(images/mn_biography.gif) 0px 0px no-repeat;}
#mn_biography a.selected { background-position: 0px -26px; }
#mn_contact a {background: url(images/mn_contact.gif) 0px 0px no-repeat;}
#mn_contact a.selected { background-position: 0px -26px; }

/* thumbnails */
a.thumbs {display: block;float: left; height: 120px; width: 120px; padding: 5px; border: solid 1px #666633; 
	margin: 15px 0 15px 25px;}
a.thumbs:hover {padding: 0px; border: solid 6px #ffc;}

/* JEWELRY PAGE */
/**********************/
#summary {list-style: none; padding-left: 20px; }
#summary>li {float: left; }
.text-block {display: block; padding: 5px; border: solid 1px #663; width: 300px; float: right; 
	height: 74px; margin-top: 16px; text-align: center; text-decoration: none; padding-top: 50px; 
	font: 1.5em 'Bookman Old Style', 'Times New Roman', Times, serif !important; color: #ffc;}
.text-block:hover { color: #ffc; border: solid 1px #ffc; background: #663; text-decoration: none;}
a.jewl {display: block;float: left; height: 120px; width: 120px; padding: 5px; border: solid 1px #666633; 
	margin: 15px 10px 15px 10px; clear: left;}
a.jewl:hover {padding: 0px; border: solid 6px #ffc;}

/* WATCH PAGE*/
/**********************/
#watch-main {float: left; margin: 0 0 0 6px;}
#watch-features {display: block; float: right; }
img.main {display: block; border: solid 11px #666633; margin: 16px 0 0 16px;}
img.closeup {display: block; height: 120px; width: 120px; padding: 5px; border: solid 1px #666633; 
	margin: 16px 30px 0 16px;}
img.sub-link {height: 120px; width: 120px; padding: 5px; border: solid 1px #666633; margin: 16px 0 0 16px;}
p.watch-text {clear: both; font-size: 10pt; padding: 20px;} 

/* AUTOMATA PAGE */
/**********************/
p.auto-text {clear: both; font-size: 10pt; padding: 20px 0 0 9px; color: #303;} 
a.auto img {display: block; }
a.auto {display: block; float: left; padding: 5px; border: solid 1px #303; margin: 15px 10px 15px 10px; }
a.auto:hover {padding: 0px; border: solid 6px #303;}

/* BIO PAGE */
/**********************/
#bio { display: block; margin: 20px; border: solid 1px #ffc; padding: 10px; }
.bio-text { color: #303; padding: 10px; background-color: #ffc; }
.extra-padding { padding-bottom: 25px; }
#headshot { z-index: -1; margin-top: -60px; float: right;}
#workshop { border: solid 1px #303; padding: 5px; float: left; margin: 20px 20px 0 0;}

/* CONTACT PAGE */
/**********************/
#con { display: block; margin: 20px; border: solid 1px #ffc; padding: 10px; }
.con-text { color: #303; padding: 10px; background-color: #ffc; font-size: 1.2em; text-align: center;}
#img-holder { width: 100%; background: #ffc; padding: 20px 0 20px; }
#con-img { display: block; border: solid 5px #303; margin: 20px auto 20px auto; }