html { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	background: #a1a1a1 url(../images/bg.jpg) repeat-x;
}

#wrapper {
	width: 903px;
	margin: auto;
}

.clear-it {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

/************** Header ****************/

#header {
	margin: 0;
	width: 784px; /*909*/
	height:47px; /*47*/
	background: #FFFFFF;
	padding: 0 0 0 119px;
}

/************** Nav ****************/

#nav {
	width: 903px; /*903*/
	height: 19px;
}

/************** Nav ****************/



#nav ul {
	width: 903px; 
	height: 19px; 
	background: url(../images/nav.gif) no-repeat 0 0;
	position: relative; 
	top: 0px; 
	left: 0px;
	list-style: none;
	margin: 0; padding: 0;
}
#nav li {
	display: inline;
}
#nav li a:link, #nav li a:visited {
	border: none;
	height: 19px; 
	display: block; 
	position: absolute; 
	top: 0;
	text-indent: -7000px;
	outline: none;
}


#nav li.about a:link, #nav li.about a:visited { 
	left: 0px;
	width: 51px;
}
#nav li.toys a:link, #nav li.toys a:visited { 
	left: 86px;
	width: 34px;
}
#nav li.in-the-works a:link, #nav li.in-the-works a:visited { 
	left: 359px;
	width: 84px;
}
#nav li.installations a:link, #nav li.installations a:visited { 
	left: 487px;
	width: 88px;
}
#nav li.print-works a:link, #nav li.print-works a:visited { 
	left: 601px;
	width: 83px;
}
#nav li.process-studio a:link, #nav li.process-studio a:visited { 
	left: 780px;
	width: 113px;
}


#nav li.about a:hover {
	background: url(../images/nav.gif) no-repeat -0px -19px; 
}
#nav li.toys a:hover {
	background: url(../images/nav.gif) no-repeat -86px -19px; 
}
#nav li.in-the-works a:hover {
	background: url(../images/nav.gif) no-repeat -359px -19px; 
}
#nav li.installations a:hover {
	background: url(../images/nav.gif) no-repeat -487px -19px; 
}
#nav li.print-works a:hover {
	background: url(../images/nav.gif) no-repeat -601px -19px; 
}
#nav li.process-studio a:hover {
	background: url(../images/nav.gif) no-repeat -780px -19px; 
}



#nav li.about-on a:link, #nav li.about-on a:visited { 
	left: 0px;
	width: 51px;
	background: url(../images/nav.gif) no-repeat -0px -19px;
}
#nav li.toys-on a:link, #nav li.toys-on a:visited { 
	left: 86px;
	width: 34px;
	background: url(../images/nav.gif) no-repeat -86px -19px; 
}
#nav li.in-the-works-on a:link, #nav li.in-the-works-on a:visited { 
	left: 359px;
	width: 84px;
	background: url(../images/nav.gif) no-repeat -359px -19px; 
}
#nav li.installations-on a:link, #nav li.installations-on a:visited { 
	left: 487px;
	width: 88px;
	background: url(../images/nav.gif) no-repeat -487px -19px;
}
#nav li.print-works-on a:link, #nav li.print-works-on a:visited { 
	left: 601px;
	width: 83px;
	background: url(../images/nav.gif) no-repeat -601px -19px;
}
#nav li.process-studio-on a:link, #nav li.process-studio-on a:visited { 
	left: 780px;
	width: 113px;
	background: url(../images/nav.gif) no-repeat -780px -19px;
}



#nav li .sub-menu {
	width: 183px;
	position: absolute;
	top: 15px;
	display: none;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	padding: 0; margin: 0;
	background: #FFFFFF;
}

#nav li .sub-menu a:link, #nav li .sub-menu a:visited {
	color: #666666;
	display: block;
	width: 176px; /*183*/
	height: 20px; /*25*/
	text-indent: 0px;
	margin: 0;
	padding: 7px 0 0 7px;
	font: 10px/12px arial, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	border-bottom: 1px solid #990000;
	position: relative;
	left: 0;
	background: none;
}

#nav li .sub-menu a:hover {
	color: #993333;
	background: none;
}


#nav li #about {left: 1px; z-index: 995;}
#nav li #toys {left: 86px; z-index: 996;}
#nav li #in-the-works {left: 359px; z-index: 997;}
#nav li #installations {left: 487px; z-index: 998;}

#nav li #installations {width: 230px;}
#nav li #installations a {width: 223px;}

/************** Content ****************/

#content {
	width: 909px;
	background: url(../images/bg-content.gif) repeat-y;
	padding: 12px 0 12px 0;
	z-index: 1;
}

/*
#content a:link, #content a:visited {
	font: 15px/23px Papyrus, sans-serif;
	color: #163248;	
} 

#content a:hover {
	text-decoration: none;
}
*/
/** about **/
#content #about {
	margin: 134px 0 0 119px;
}

#content #about h1 {
	margin: 0 0 20px 0; 
	padding: 0;
	font: bold 14px/19px Trebuchet, sans-serif;
	color: #990000;
	text-transform: uppercase;
}

#content #about #about-l {
	float: left;
	display: block;
	width: 450px;
	padding: 0 23px 0 0;
	font: 11px/19px Trebuchet, sans-serif;
	color: #666666;
}

#content #about #about-l a:link, #content #about #about-l a:visited {
	font: 11px/19px Trebuchet, sans-serif;
	color: #666666;
	text-decoration: none;
}

#content #about #about-l a:hover {
	text-decoration: underline;
}

#content #about #about-r {
	float: left;
	display: block;
	width: 310px;
}

/** gallery **/


#content #gallery-info-l {
	float: left;
	display: inline;
	width: 230px;
	margin: 6px 15px 0 120px;
	font: 12px/16px Trebuchet, sans-serif;
	color: #666666;
}

#content #gallery-info-l h1 {
	margin: 0; 
	padding: 0;
	font: bold 12px/16px Trebuchet, sans-serif;
	color: #990000;
	text-transform: uppercase;
}


#content #gallery-info-r {
	float: left;
	display: block;
	width: 362px;
	margin: 6px 0 5px 0;
	padding: 0 7px 0 0;
	font: 10px/16px Trebuchet, sans-serif;
	color: #666666;
	height: 63px; /*63*/
	overflow: auto;
}

#content #gallery-info-r-2 {
	float: left;
	display: block;
	width: 362px;
	margin: 6px 0 5px 0;
	padding: 0 7px 0 0;
	font: 10px/16px Trebuchet, sans-serif;
	color: #666666;
	height: 130px;
	overflow: auto;
}

#content #gallery-info-r a:link, #content #gallery-info-r a:visited {
	font: 10px/16px Trebuchet, sans-serif;
	color: #666666;
	text-decoration: none;
}

#content #gallery-info-r a:hover {
	text-decoration: underline;
}

#content #gallery-info-r-2 a:link, #content #gallery-info-r-2 a:visited {
	font: 10px/16px Trebuchet, sans-serif;
	color: #666666;
	text-decoration: none;
}

#content #gallery-info-r-2 a:hover {
	text-decoration: underline;
}

#content #gallery-nav {
	float: left;
	display: block;
	padding: 20px 0 0 60px;
	width: 92px;
	font: 11px/13px Trebuchet, sans-serif;
	color: #999999;
	font-style: italic;
	text-align: center;
}

#content #gallery-nav a:link, #content #gallery-nav a:visited {
	font: 11px/13px Trebuchet, sans-serif;
	color: #999999;
	font-style: italic;
	text-decoration: none;
}

#content #gallery-nav a:hover {
	color: #777777;
}

#content #gallery-nav #prev a:link, #content #gallery-nav #prev a:visited {
	width: 47px;
	height: 28px;
	margin: 10px 0 0 0;
	display: block;
	float: left;
	background: url(../images/img-nav-left.jpg);
}

#content #gallery-nav #prev a:hover {
	background: url(../images/img-nav-left.jpg) 0px -28px;
}

#content #gallery-nav #next a:link, #content #gallery-nav #next a:visited {
	width: 45px;
	height: 28px;
	margin: 10px 0 0 0;
	display: block;
	float: left;
	background: url(../images/img-nav-right.jpg);
}

#content #gallery-nav #next a:hover {
	background: url(../images/img-nav-right.jpg) 0px -28px;
}

#content #gallery-nav .big {
	font: 14px/16px Trebuchet, sans-serif;
	font-style: normal;
}

#content #gallery-nav .red {
	color: #990000;
}

#content #gallery-img {
	width: 909px;
	text-align: center;
	overflow: auto;
}

#content #gallery-div {
	height: 1px;
	width: 903px;
	line-height: 1px;
	font-size: 1px;
	background: url(../images/gritty-div.gif) no-repeat;
	clear: both;
	margin: 0 0 20px 0;
}

#content #gallery-thumb {
	width: 909px;
	text-align: left;
}

#content #gallery-thumb img {
	margin: 0 20px 20px 20px;
}

#content .landing-item {
	width: 270px;
	float: left;
	display: block;
	text-align: center;
	margin: 0 0 25px 0;
}

#content .landing-item-space {
	float: left;
	display: block;
	width: 45px;
}

#content .landing-item img {
	margin: 0 0 15px 0;
}

#content .landing-item a:link, #content .landing-item a:visited {
	font: 11px/16px Trebuchet, sans-serif;
	text-decoration: none;
	color: #999999;
}

#content .landing-item a:hover {
	color: #777777;
}

/************** Footer ****************/

#footer {
	width: 885px; /*909*/
	height: 36px; /*57*/
	color: #FFFFFF;
	font: 12px/15px verdana, sans-serif;
	letter-spacing: .75px;
	background: url(../images/footer.gif) no-repeat;
	padding: 21px 0 0 24px;
}

#footer a:link, #footer a:visited {
	color: #FFFFFF;
	font: 12px/15px verdana, sans-serif;
	letter-spacing: .5px;
	text-decoration: none;
}

#footer a:hover {
	color: #CCCCCC;
}