/*
 *	main_sheet.css
 */
 
* {
	border: 0;
	margin: 0;
	padding: 0;
}

* html .minwidth { border-left:929px solid #FFF; position:relative; float:left; z-index:1; }
* html .container { margin-left:-929px; position:relative; float:left; z-index:2; background: url(../images/nav_extend.gif) repeat-y; }

body {
	background: url(../images/nav_extend.gif) repeat-y;
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	display: block;
}
h1, p {
	margin: 20px 0
}
h1 {
	font-size: 120%;
}
p {
	font-size: 80%;
}


#topFill {
	background-color: #FFF;
	height: 15px;
}

#preload {
/* For preloading non-visible elements */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

#container {
	position: relative;
	min-width: 996px;
	width: 98%;
	background: url(../images/navtail.gif) bottom left no-repeat;
	padding-bottom: 192px;
	float: left;
	display: block;
}

#header {
	min-width: 996px;
	background-image: url(../images/header_extend.gif);
	height: 141px;
}
#header_logo {
	position: relative;
	float: left;
}
#header_tail {
	position: relative;
	float: right;
}

#navigation {
	position: relative;
	width: 171px;
	background-image: url(../images/nav_extend.gif);
	float: left;
}

#illustration a, #computer a, #threeD a, #fineArts a, #photos a, #fork, #spoon {
	width: 171px;
}

#illustration {
	background: url(../images/illustration.gif) no-repeat;
}
#illustration a {
	background: url(../images/illustration_off.gif) no-repeat;
	height: 88px;
	display: block;
}
#illustration a:hover {
	background: none;
}
#computer {
	background: url(../images/computer.gif) no-repeat;
}
#computer a {
	background: url(../images/computer_off.gif) no-repeat;
	height: 77px;
	display: block;
}
#computer a:hover {
	background: none;
}
#threeD {
	background: url(../images/3d.gif) no-repeat;
}
#threeD a {
	background: url(../images/3d_off.gif) no-repeat;
	height: 79px;
	display: block;
}
#threeD a:hover {
	background: none;
}
#fineArts {
	background: url(../images/fineart.gif) no-repeat;
}
#fineArts a {
	background: url(../images/fineart_off.gif) no-repeat;
	height: 66px;
	display: block;
}
#fineArts a:hover {
	background: none;
}
#photos {
	background: url(../images/photo.gif) no-repeat;
}
#photos a {
	background: url(../images/photo_off.gif) no-repeat;
	height: 92px;
	display: block;
}
#photos a:hover {
	background: none;
}
#utencils {
	background: url(../images/utencils.gif) no-repeat;
	height: 72px;
	overflow: hidden;
	display: block;
}
#fork {
	height: 35px;
	display: block;
}
a:hover#fork {
	background: url(../images/utencils_fork.gif) no-repeat;
	height: 48px;
}
#spoon {
	height: 37px;
	display: block;
}
a:hover#spoon {
	position: relative;
	background: url(../images/utencils_spoon.gif) no-repeat;
	top: -5px;
}

#content {
	position: relative;
	width: 758px;
	float: left;
	display: block;
}
#innerContent {
	margin: 0px 25px;
}

/* Content widgets */
#thumbnails {
	position: relative;
	text-align: center;
	display: block;
}
#inner_thumbnails {
	width: 470px;
	margin: 0 auto;
}
#thumbnails a {
	margin: 2px;
	width: 25px;
	height: 25px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	display: inline;
}
#thumbnails a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#thumbnails a img {
	border: 1px solid #666;
}
#finearts_category {
	position: absolute;border
	top: 0px;
	left: 0px;
	width: 86px;
	height: 52px;
	display: block;
}
#finearts_category a {
	position: relative;
	font-size: 75%;
	width: 81px;
	line-height: 26px;
	background: url(../images/fineart_categoryoff.gif) right top no-repeat;
	text-decoration: none;
	text-align: left;
	float: left;
	display: block;
}

#display {
	text-align: center;
	padding-top: 10px;
}
#display img {
	margin: 25px auto;
	border: 1px solid #999;
}
#display h1, #display h2, #display p {
	font-family: Arial, Helvetica, sans-serif;
	width: 450px;
	margin: 0 auto;
}
#display h1 {
	font-style: italic;
	font-size: 90%;
}
#display h2 {
	font-size: 80%;
}
#display p {
	font-size: 70%;
}