/*===================================
/ Made by Gleam*
/ Email: hello@madebygleam.com
/ Web: http://www.madebygleam.com
/ Tel: +44(0)845 045 1130
===================================*/

@import url('reset.css');

/* BODY
-------------------------------------------*/
body {font: 12px/1.7  Arial, Verdana, sans-serif; background: #fff url(../images/page_bkgd.gif) repeat-x top center; text-align: center; padding: 23px;}
ul#navAccess { position:absolute; top: -9999em; left: -9999em; }

div#wrap {width: 744px;}

a {color: #666; text-decoration: underline;}
em {font-style: italic !important;}

div#branding, div#content {text-align: left;}
div#branding {height: 96px;}
div#branding ul {position: relative; top: 40px;}
div#branding ul li {display: inline; float: left; }
div#branding ul li.nav_sep {background-image: url(../images/nav_sep.gif); width:4px; height:9px; margin: 0 5px;}
div#branding ul li a {display: block; text-indent: -9999em; background-position: top left; background-repeat: no-repeat; height: 9px;}
div#branding ul li a:hover, div#branding ul li.active a {background-position: bottom left;}
div#branding ul li#nav_logo a {background-image: url(../images/nav_ss.gif); width: 124px;}
div#branding ul li#nav_biography a {background-image: url(../images/nav_bio.gif); width: 94px;}
div#branding ul li#nav_exhibitions a {background-image: url(../images/nav_exhibitions.gif); width: 99px;}
div#branding ul li#nav_works a {background-image: url(../images/nav_works.gif); width: 57px;}
div#branding ul li#nav_press a {background-image: url(../images/nav_press.gif); width: 51px;}
div#branding ul li#nav_contact a {background-image: url(../images/nav_contact.gif); width: 77px;}

div.left {float: left;}
div.right {float: right;}

body#bio div.left, body#bio div.right, body#exhibitions div.left, body#exhibitions div.right {width: 364px;}

div#content {font-size: 11px; color: #666; line-height: 13px;}
div#content p {margin: 0 0 4px 0;}
div#content p.caption {font-style: normal; font-size: 10px; margin: 4px 0;}
div#content h2 {color: #000; text-transform: uppercase; margin: 0 0 12px 0; letter-spacing: .1em;}
div#content  ul {margin: 0 0 20px 0;}

body#exhibitions div#content ul li {margin: 0 0 3px 0;}
body#exhibitions div#content ul li strong {display: block; float: left; width: 50px;}
body#exhibitions div#content ul li span {display: block; float: left; width: 300px;}


/* clearing floats */
body#exhibitions div#content ul li { display: inline-block; }
body#exhibitions div#content ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html body#exhibitions div#content ul li { height: 1%; }
body#exhibitions div#content ul li { display: block; }

/* clearing floats */
div#content { display: inline-block; }
div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html div#content { height: 1%; }
div#content { display: block; }


body#work div#content dl {float: left; margin: 0 8px 24px 0;}
body#work div#content dd {margin: 4px 0; padding: 0;}
body#work div#content dt a {border: 1px solid #fff; display: block; padding: 1px;}
body#work div#content dt a:hover {border-color: #343434;}

body#works div#wrap {width:  auto;} 

body#works div#content ul {margin: 0 0 0 0;}
body#works div#content ul li {float: left; margin: 0 8px 22px 0;}
body#works div#content ul li span {display: none;}
body#works div#content ul li a {border: 1px solid #fff; display: block; padding: 1px;}
body#works div#content ul li a:hover {border-color: #343434;}

/* clearing floats */
body#works div#content ul { display: inline-block; }
body#works div#content ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html body#works div#content ul { height: 1%; }
body#works div#content ul { display: block; }


body#press div#content ul li {margin: 0 0 3px 0; font-style: normal;}
body#press div#content ul li a {font-style: normal;}

body#contact p {margin: 0 0 18px 0; line-height: 1.3;}