/* @group RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;font: 62.5% Arial;background: #eee;font-family: arial, helvetica, sans-serif; width: 95em;margin: 20px auto;color: #666; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

h1{font-size: 2em;font-weight: normal;padding: 0 0 .5em 1.4em;}
#left h1{padding-left: 0;}
h2{font-size: 1.4em;font-weight: normal;text-transform: uppercase;}
ul,p{margin: 0 0 1em 0;}
li,p{font-size: 1.2em;line-height: 1.5em;}

a{text-decoration: none;color: #c286a0;}
.selected,a:hover{color:#9f4b84}
/* @end */

/* @group NAV */
#home #credit{text-align: center;}
#home {background: #fff url(images/nav/bkg-home.gif) repeat-x;overflow:hidden;}
#home #content{background: none;border: 0;height: 30em;}
#home #content h1 {background: url(images/nav/home-image.gif) no-repeat; height: 0;width: 430px;overflow: hidden;padding: 100px 0 0;margin: 238px auto 0;*margin:199px auto 0 !Important;margin-top:218px\9;}
#header {position: relative; background: #fff url(images/nav/nav.gif) no-repeat;margin: 2.25em auto 1em; width: 882px;}
ul#nav {position: relative; width: 882px; height: 78px;margin: 3.5em auto 0;*margin:0 auto 1em;*height:70px}

ul#nav li {padding: 0; margin: 0; list-style-type: none; float: left;}
ul#nav li a {border: 0; text-decoration: none; display: block; background: transparent url(images/nav/nav.gif) no-repeat;overflow: hidden;padding: 53px 0 0;}
li#zipper a {height:0;width: 145px;}
li#sculptural a {height:0;width: 221px;}
li#about-page a {height:0;width: 79px;}
li#contact a {height:0;width: 104px;}

ul#nav.home{width: 51em;margin: auto;padding: 0;}
ul#nav.home li#zipper a {height:0;width: 120px; margin: 0 5px 0 0;}
ul#nav.home li#sculptural a {height:0;width: 201px;margin: 0 5px 0 0;}
ul#nav.home li#contact a {height:0;width: 90px;}

li#zipper a:link, li#zipper a:visited {background-position: 0px 0px; }
li#zipper a:hover, li#zipper a:focus,body#zipper-page ul#nav li#zipper a {background-position: 0px -79px; }

li#sculptural a:link, li#sculptural a:visited {background-position: -145px 0px; }
li#sculptural a:hover, li#sculptural a:focus,body#sculptural-page ul#nav li#sculptural a {background-position: -145px -79px; }

li#contact a:link, li#contact a:visited {background-position: -448px 0px; }
li#contact a:hover, li#contact a:focus,body#press ul#nav li#contact a,body#contact ul#nav li#contact a {background-position: -448px -79px; }

li#about-page a:link, li#about-page a:visited {background-position: -369px 0px; }
li#about-page a:hover, li#about-page a:focus, body#about li#about-page a{background-position: -369px -79px; }

#buttons{position:absolute;display:none;top: 52px;background: #fff !important;border: 1px solid #bfbfbf;border-width: 0 1px 1px 1px;}
#buttons ul li a{background: none !important;height: auto;width: 11.25em;padding:3px !important;font-size: .83em;line-height: 1.5em;display: block;}
#zipper #buttons {margin-left: -.5em;}
#sculptural #buttons ul li a{width: 17.1em;}
#buttons ul li a:hover{background: #f1f1f1 !important;}
#buttons ul{padding: 5px;margin: 0;}
#buttons ul li{float: none !important;padding: 0;}
/* @end */

/* @group CONTENT */

#content {height: 70em; padding: 0 0 ; margin: 20px auto; background: #fff; border: 1px solid #ddd;*padding-bottom:1em;}
#left{width: 26em;float: left;padding: 0 2em 0 2.8em;}
#right{width: 600px;float: right;margin: 0 2.8em 0 0;_margin:0 1.5em 0 0;}
#info{height: 20em;}
#subnav{border-top: 1px dotted #ccc;text-transform: uppercase;padding: 1em 0;}
#subnav li{line-height: 2em;}
#subnav.sample-link{margin: 0 2.5em;}
#thumbvert{width: 12.5em;float: right;}
#thumb img{width: 56px;margin: 2px 2px 0 0;border: 1px solid #ccc;float: left;}
#thumbvert img{width: 56px;margin: 0 2px 2px 0;border: 1px solid #ccc;float: left;}
#main{width: 598px;border: 1px solid #ccc;}
#mainvert{float: right;height: 54em;border: 1px solid #ccc;*height:57.5em}
.gallery-list{float: left;width: 28em;padding: 0 0 0 3em;}
#credit{text-align: right;}
/* @end */

/* @group COLOR SAMPLES & PRESS */
#samples{overflow-y:scroll ;height: 47em;margin:0;display:block;margin: 0 2.5em;}
#samples.press-samples{border-top: 1px dotted #ccc;}
#samples .sample{display: block;float: left;border: 1px solid #ccc;margin: 0 1.2em 1.2em 0;}
#samples .sample p{margin: 0;}
#samples .sample .copy{padding: .2em;}
#samples .sample img{width: 13em;height: 13em;}

#press-samples h2{font: 1em Arial;margin:0 0 8px;padding:.2em 0 0;color: #777;}
#samples.press-samples a img{border:0;padding: 0 1.25em 0 0;}
.gallery_demo{width:200px;float:left;}
.demo{overflow:hidden;width:63em;height:40em;float:left;}
ul.gallery_demo_unstyled{/*display:none;*/*display:block;}
.galleria_container{border-top:1px dotted #CCC;height:438px;width:61em;zoom:1;}
.galleria_container h2{margin:0 0 .5em;padding:.5em 0 0;}
.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p{margin-top:1.6em;}
.nav{margin:0 10px 8px 0;padding:7px 0 0;text-transform: uppercase;overflow:auto;*display:block;*float:left;}
.nav a{padding:0 3px;display:block;float:left}
#left .nav a{padding:.5em 6px 0 0;display:block;float:left}
#left .nav{border-top: 1px dotted;padding: 0;margin-right: 0;*width:100%}
#left h1 sup{line-height: .5em;}
H1 .press-subhead{color: #999;font-size: .75em;padding: 0 0 0 .25em;}
/* @end */

/* @group SCULPTURAL & ZIPPER SPLASH */
#zipper-page.main #content{background: #fff url(images/zipper-splash.jpg) no-repeat bottom;zoom:1}
#sculptural-page.main #content{background: #fff url(images/sculptural-splash.jpg) no-repeat bottom;}
#zipper-page.main h1{color: #999;}
.main #left{float: right;margin: 4.2em 3.5em 0 0;*margin:4.2em 2em 0 0}
.main #subnav{border: 0;padding-top: 0;}
.main #subnav li{line-height:2.25em;color: #fff;}
.main #subnav li a{color: #ccc;}
.main #subnav li a:hover{color:#fff}
/* @end */

/* @group CONTACT */
#contact #left{width: 30em;*padding-right:0;}
.statement #right{width: auto;}
.statement #right img{*float:left}
#contact #content{background: #fff url(images/nav/kate.jpg) no-repeat 32em 8.75em !important; }
#email { float: right;line-height: 1.25em; position: relative; top: 27em;width: 22em;margin: 0 2.8em 0 0;}
/* @end */

#about.statement #right img{border: 0;}