﻿body#index {
	background-image: url(../images/signfragment.jpg)
}
body#about {
	background-image: url(../images/colorimages/rotate.php)
}
body#garagegallery {
	background-image: url(../images/garagegallery.jpg)
}
body#products {
	background-image: url(../images/products.jpg)
}
body#metal {
	background-image: url(../images/metal.jpg)
}
body#wood {
	background-image: url(../images/wood.jpg)
}
body#seating {
	background-image: url(../images/seating.jpg)
}
body#bookcases {
	background-image: url(../images/bookcases.jpg)
}
body#filing {
	background-image: url(../images/filing.jpg)
}
body#storagecabs {
	background-image: url(../images/storagecabs.jpg)
}
body#flatfiles {
	background-image: url(../images/flatfiles.jpg)
}
body#partitions {
	background-image: url(../images/partitions.jpg)
}
body#special {
	background-image: url(../images/special.jpg)
}
body#services {
	background-image: url(../images/services.jpg)
}
body#planning {
	background-image: url(../images/planning.jpg)
}
body#delivery {
	background-image: url(../images/delivery.jpg)
}
body#hours {
	background-image: url(../images/hours.jpg)
}
body#payment {
	background-image: url(../images/payment.jpg)
}
body#directions {
	background-image: url(../images/directions.jpg)
}
body#south {
	background-image: url(../images/south.jpg)
}
body#north {
	background-image: url(../images/north.jpg)
}
body#i80 {
	background-image: url(../images/i80.jpg)
}
body#map {
	background-image: url(../images/map.jpg)
}

body {
	background: #000
	no-repeat
	fixed
	20%
	30%
}

body * {
	font-family: Georgia, serif;
	font-size: 1em;
	font-weight: bold;
	text-shadow: rgb(0, 0, 0) 0px 0px 4px;
	text-decoration: none;
}

#rolodex {
	position: fixed;
	top: 2em;
	right: 2em;
	border: 0;
	
	-moz-border-radius-topleft:26px;
	-webkit-border-top-left-radius:26px;
	border-top-left-radius:26px;

	-moz-border-radius-topright:26px;
	-webkit-border-top-right-radius:26px;
	border-top-right-radius:26px;

	-moz-box-shadow:0 0 10px #666;
	-webkit-box-shadow:0 0 10px #666;
	box-shadow:0 0 10px #666;
}

/*** menu ***/
ul,li,a {
	display: block;
	text-align: right;
}

/*** main menu box ***/
ul {
	position: fixed;
	top: 14em;
	right: 2em;
	width: 7em;
}

/*** all menu elements ***/
li {
	position: relative;
	padding: 0em 1em 1em .5em;
	font-size: 1em;
	list-style-type: none;
}

/*** all links ***/
a {
	color: #ccc;
}

/*** yellow ***/
a:hover {
	color: #fc0;
}

/*** shows hovered subs ***/
li:hover ul {
	display: block;
}

/*** sub-menu proximity
hides unhovered subs ***/
ul ul {
	position: absolute;
	right: 6em;
	top: 0em;
	padding-right: 1em;
	display: none;
}

/*** sub-menu elements ***/
li ul li {
	position: relative;
	font-size: .9em;
	right: 4.5em;
	top: .1em;
	width: 12em;
	padding: 0em .5em .5em 0em;
}

/*** shows active subs ***/
ul#prod, ul#serv, ul#dir {
	display: block;
}

/*** hides inactive subs ***/
li:hover ul.off {
	display: none;
}

/***captions***/
body>h1 {
	position: fixed;
}

* html h1 {
	/* \*/ position: absolute; /* */
}

h1 {
	margin: 0;
	width: 30em;
	bottom: 1em;
	text-align: left;
	line-height: 145%;
	font-size: 1em;
	color: #fc0;
	}

h1 a, pre a {
	display: block;
	position: relative;
	width: 2em;
	text-align: left;
	font-size: 1em;
	color: #ddd;
	}

/** Current Show **/
#back, #front {
	position: fixed;
	left: 10%;
	top:30%;
	width: 800px;
	height: 277px;
	margin: 0;
}
/**#front:hover {
	opacity: 0.0;
}**/
#current * img{
	-webkit-user-select:none;
	-moz-border-radius:3px;
	border-radius:3px;
	border: 0;
}
.button {
	display: block;
	position: fixed;
	left: 3em;
	bottom: 1.5em;
	font-size: 1.8em;
	letter-spacing: -5px;
	color:rgb(60,60,60);
}
.button:hover {
	color:rgb(100,100,100);
}
/** End Current Show **/

#berkeley {
	position: fixed;
	left: 20%;
	top:30%;
}

#bothumb {
	display: block;
	position: absolute;
	left: -92px;
	top: 73px;
	border: 0;
}

#ggthumb {
	display: block;
	position: absolute;
	left: 427px;
	top: 296px;
	border: 0;
}

#ggtext {
	display: block;
	position: absolute;
	left: 498px;
	top: 310px;
	border: 0;
}
