/***** Nori Morimoto ****************/
html {
overflow-x:hidden;
overflow-y:scroll;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
padding: 0;
border: 0;
margin: 0;
margin-right:8px;
padding-bottom:48px;
background-color: white;
color: black;
background-image:url(../images/norimark.jpg);
background-repeat: no-repeat;
background-position: 8px 41px;
}
/***** zeros out defaults ****************/
div {
border:0;
margin:0;
padding:0;
}
/*zeros out all defaults and flattens text sizes*/
h1, h2, h3, h4, h5, h6, p, div, img, table, tr, td, em {
border:0;
margin:0;
padding:0;
font-size:1em;
font-weight:normal;
line-height:16px;
font-size:12px;
}
/**** Text & Objects Styles *********/
img, p, object {
margin-top:0;
margin-bottom:16px;
margin-right:8px;
}
img {
}
/*h3 is used for a header because it will not be too big if css is disabled */
h3 {
border-top:1px solid black;
padding-top:3px;
margin-bottom:8px;
}
a {
text-decoration: none;
color:black;
}
a:visited {
text-decoration: none;
color:black;
}
a:hover {
text-decoration: none;
color:black;
}
a:active, a:focus {
outline: 0
}
a em {
display:block;
width:7px;
text-align:left;
position:absolute;
top:0;
left:-999em;
}
a:hover em {
left:-7px;
}
i {
display:block;
width:4px;
text-align:left;
position:absolute;
left:5px;
}
/***** General Layout ****************/
#allstuff {
display:block;
position:relative;
margin-left:48px;
margin-right:8px;
z-index:300;
}
/***** Header & dropnav ****************/
#header {
display:block;
position:absolute;
top:48px;
left:0px;
width:136px;
z-index:1000;
}
.logo {
display:block;
width:136px;
height:16px;
position:absolute;
top:0;
}
.logo h1 {
display:block;
font-size:0;
width:136px;
height:16px;
background-image:url(../images/norimorimoto.gif);
background-repeat:no-repeat;
position:absolute;
top:0;
z-index:1950;
}
.logo p {
display: block;
position:relative;
margin-top:24px;
margin-bottom:0;
margin-left:0;
margin-right:0;
border-top: 0px solid silver;
padding-top: 4px;
overflow:visible;
background-color:inherit;
color:silver;
z-index:200;
}
#header div#nav {
display:block;
position:absolute;
left:-999em;
width:136px;
z-index:900;
background-color:white;
}
/* sfhover references a javascript file containing "Suckerfish Shoal". This script creates a :hover psuedo class for IE6 & 7 */
#header:hover div#nav, #header.sfhover div#nav {
left:auto;
}
.navbox {
display: block;
position:relative;
margin-top:24px;
margin-bottom:0;
margin-left:0;
margin-right:0;
border-top: 1px solid black;
padding-top: 3px;
padding-bottom: 0px;
list-style-image: none;
overflow:visible;
background-color:inherit;
z-index:200;
background-color:white;
}
/* the margin-top above is needed to make the dropnav sticky. This class gives the bottom navbox some extra bottom for appearance and stickiness **/
.bottombox {
padding-bottom:24px;
}
.navbox p {
display:block;
position:relative;
margin:0;
padding:0;
border:0;
height:16px;
line-height:16px;
}
.navbox p.indent {
left:1.2em;
}
.navbox a {
display:block;
}
.navbox a:hover {
}
/***** Breadcrumbs ****************/
#breadcrumbs {
display:block;
position:absolute;
top:53px;
left:216px;
z-index:600;
line-height:12px;
}
#breadcrumbs p {
position: relative;
display: block;
float: left;
margin-right:24px;
}
#breadcrumbs a {
display:block;
}
#breadcrumbs a em {
top:0;
line-height:12px;
}
/***** Previous Next ****************/
.previous {
display:none;
position:absolute;
top:53px;
left:616px;
z-index:600;
line-height:12px;
}
.previous p {
position: relative;
display: block;
float: left;
}
.previous a {
}
/***** Content Areas ****************/
.content {
position:absolute;
top:128px;
z-index:400;
}
/* text boxes that are not rollovers */
.text {
display:block;
width:280px;
padding-top:24px;
margin-right:8px;
margin-bottom:8px;
clear:both;
}
/***** galleries ****************/
.galleries {
padding-bottom:64px;
padding-right:64px;
left:72px;
max-width:864px;
width:expression(document.body.clientWidth > 864? "864px": "auto" );
}
.galleries div img {
padding:0;
margin:0;
}
.shorter {
max-width:762px;
width:expression(document.body.clientWidth > 762? "762px": "auto" );
}
/* rollover h4 is for links, h5 is for larger project descriptions */
.rollover div h4, .rollover a h4, .rollover div h5 {
display:block;
padding:8px;
background-color:white;
position:absolute;
top:0px;
left:-999em;
}
.rollover a h4, .rollover div a h4{
display:block;
padding:8px;
padding-left:12px;
background-color:white;
position:absolute;
top:0;
left:-999;
margin:16px;
width:84px;
}
.rollover div:hover h4, .rollover div.sfhover h4, .rollover a:hover h4 {
left:0;
}
.rollover div h5 {
display:block;
padding:8px;
padding-left:12px;
background-color:white;
position:absolute;
top:0;
left:-999em;
margin:16px;
width:332px;
}
.rollover div:hover h5, .rollover div.sfhover h5 {
left:0;
}
/* rollover div h5 p is for links to tear sheets */
.rollover div h5 p {
position:relative;
margin-bottom:0;
}
/* rollover div h5 p.more is for links inside an h5 box */
.rollover div h5 p.tearsheet {
display:none;
}
.projectbox {
display:block;
}
.projectbox div img {
padding-right:8px;
padding-bottom:8px;
}
.projectbox div {
display:block;
position:relative;
float:left;
line-height:0;
font-size:0;
}
/** interior galleries setups, they cascade over the galleries setting **/
.light {
left:0;
max-width:1144px;
width:expression(document.body.clientWidth > 1144? "1144px": "auto" );
}
.light h6.text {
}
.gifts {
left:0;
max-width:1144px;
width:expression(document.body.clientWidth > 1144? "1144px": "auto" );
}
.panel {
left:72px;
}
.panel a h4{
width:126px;
padding-left:2px;
}
.standing {
left:144px;
}
.seating {
left:144px;
}
.table {
left:72px;
}
/********* news ****************/
.news {
left:216px;
}
.news div {
margin-bottom:48px;
}
.news h3, .news img, .news p {
display:block;
width:424px;
margin-bottom:16px;
}
.newsarchive {
left:684px;
width:64px;
}
.newsarchive div {
border-top:1px solid black;
padding-bottom:8px;
padding-top:3px;
}
.newsarchive p, .newsarchive h3 {
position:relative;
margin:0;
}
.news a {
text-decoration: underline;
}
.news a:visited {
text-decoration: none;
}
.news a:hover {
text-decoration: none;
}
/********* bio statement exhibits contact clients press about ****************/
.bio, .statement, .exhibits, .contact, .clients, .press, .about {
left:216px;
}
.bio img, .statement img {
display:none;
}
.bio p, .statement p {
display:block;
margin-bottom:16px;
width:352px;
}
.bio div.rightcol, .statement div.rightcol {
display:block;
position:absolute;
top:0;
left:360px;
}
.about {
left:216px;
}
.about div {
display:block;
width:424px;
border-top:1px solid black;
padding-top:7px;
}
.about object {
display:block;
margin-bottom:16px;
}
.about p{
display:block;
margin-bottom:16px;
width:424px;
}
.contact div {
width:208px;
border-top:1px solid black;
padding-top:7px;
padding-bottom:16px;
}
.contact img {
margin-bottom:0;
}
.clients p, .press p {
display:block;
position:relative;
margin-bottom:8px;
}
.contact a {
text-decoration: underline;
}
.contact a:visited {
text-decoration: none;
}
.contact a:hover {
text-decoration: none;
}
/***** Guides ****************/
.guide {
display:none;
position:absolute;
top:64px;
width:1600px;
left:0;
border-bottom:1px solid orange;
z-index:100;
font-size:0;
line-height:0;
}
/***** No Float, so you can break a float easy-like ****************/
.nofloat, .nofloat div {
clear:both;
}
/*kills the float*/
.breakfloat {
display: block;
z-index: 2000;
clear: both;
height: 16px;
width: 248px;
padding: 0;
margin: 0;
border: 0;
color:white;
}
.footer {
display: block;
z-index: 2000;
clear: both;
height: 48px;
width: 48px;
padding: 0;
margin: 0;
border: 0;
background-color:none;
color:black;
width:100%;
text-align:right;
color:white;
border:none;
}