@import url(lightbox.css);
* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
html {height:100%; background:#fff url(../img/html.png) repeat-y fixed center bottom;
}
body {position:relative; height:100%; background:url(../img/body.png) no-repeat center top; color:#8b838d;
}

div#container {position:relative; width:100%; min-height:100%; margin:auto; margin-bottom:-131px; 
}
div#nav_main {position:relative; top:0; left:0; right:0; width:960px; height:30px; background:#a19aa3; margin:auto; padding:0;
}
div#content {position:relative; top:0; width:960px; background:url(../img/content.png) no-repeat center top; margin:auto; padding:0; padding-bottom:50px;
}
div#hero {position:relative; width:958px; background:#a19aa3; margin:auto; margin-top:30px; margin-bottom:30px; border:1px solid #c4bfc4;
}
div#hero img {width:100%;
}
div.projects {position:relative; width:958px; background:#fff; margin:auto; margin-top:30px; margin-bottom:30px; padding:2px 1px 1px 2px; border:1px solid #c4bfc4;
}

/* items grouped across 2 columns  eg. news, research */
div.group {position:relative; width:960px; height:100%; background:url(../img/group.png) no-repeat center top; margin:30px auto 50px auto; padding:0; border:none;
}
/* text based box */
div.text {position:relative; width:380px; background:#fff; margin:0; margin-bottom:50px; padding:20px; border:1px solid #c4bfc4;
}
/* image based box */
div.image {position:absolute; right:0; top:0; width:420px; background:#a19aa3; border:1px solid #c4bfc4;
}
div.image img {width:100%;
}
/* centered text based box */
div.centre {position:relative; width:560px; background:#fff; margin:auto; margin-top:30px; margin-bottom:50px; padding:20px; border:1px solid #c4bfc4;
}
div#foot {position:relative; height:60px; margin-top:50px; padding-top:20px; background:#fff; border-top:1px solid #c4bfc4;
}
div.clearfooter {height:81px; clear:both;
}
div.clear {clear:both;
}


div.left {float:left; clear:both; top:0; width:420px; margin-bottom:50px; background:#fff; border:1px solid #c4bfc4; 
}
div.left img {width:100%;
}
div.right {position:relative; top:0; width:400px; margin-left:520px; margin-bottom:100px; padding:20px; border:1px solid #c4bfc4; 
}
div.right img {width:100%;
}

div#projects {position:relative; width:958px; background:none; /*#a19aa3;*/ margin:auto; margin-top:30px; margin-bottom:30px; padding:1px; border:1px solid #fff;
}

/*general lists*/
ol {list-style-type:none;
}
ul {list-style-type:none;
}
ul.gallery {width:100%; z-index:20;
}
ul.gallery li {position:relative; display:inline; width:476px; height:200px; /* margin:0 0 15px 0; padding:0 15px 15px 0;*/ vertical-align:top; /*line-height:160px;*/ margin:0 1px 1px 0; 
}
ul.gallery li img {z-index:50;
}
ul.gallery li a img {/*margin:0 15px 15px 0; padding:0 15px 15px 0;*/ 
}
li h6 {position:absolute; left:0; top:0; padding:20px; font-size:22px; color:#fff; text-transform:lowercase;  font-weight:400; z-index:100; 
}

/*general links*/
a {text-decoration:none;
}
a:link, a:visited {color:#8f5d7b;/*#605b63;#45c0da*/ font-size:14px; font:inherit; /*font-weight:bold;*/
}
a:hover, a:active {color:#333; text-decoration:underline;
}
a.down {height:30px; background:url(../img/down.png) no-repeat left center; padding:10px 30px; 
}
a.pdf {background:url(../img/pdf.png) no-repeat left center; padding-left:25px; font-style:normal;
}

/*navigation*/
div#nav_main ul {margin:0; padding:0; 
}
div#nav_main li {margin:0; padding:0; list-style:none; display:inline;
}
div#nav_main li a:link, div#nav_main li a:visited {float:left; background:#c4bfc4; padding:5px 10px 6px 10px; color:#fff; text-transform:lowercase; font-size:16px; font-weight:700; 
}
div#nav_main li a:hover, div#nav_main li a:active {color:#fff; background:#a19aa3; text-decoration:none; 
}
div#nav_main li.current a {color:#a19aa3; background:#fff;
}

/*text*/
a, div#nav_main li a:link, div#nav_main li a:visited {font-family:metallophile-sp8,sans-serif; font-variant:normal; font-weight:500; 
}
h1, h2, h3, h4, h5, h6, div#foot p, div#foot a, div#nav_main li a:link, div#nav_main li a:visited, .back {font-family:proxima-nova,sans-serif; font-variant:normal; font-weight:normal;
}
h1 {width:960px; height:70px; margin:auto; padding-top:30px; background:#fff; /*url(../img/h1.jpg) no-repeat 70px bottom;*/ font-weight:100; font-size:60px; color:#605b63;/*#533b1a;*/ text-transform:uppercase; text-align:right; /*border-bottom:1px solid #6d8799;*/
}
h2 {width:200px; height:20px; background:#605b63; margin:40px 0 40px 0; padding:20px;  font-size:22px; color:#fff; text-transform:lowercase;  font-weight:100; border:1px solid #605b63;
}
h3 {color:#605b63; font-size:30px; font-weight:400; text-transform:uppercase;
}
h4 {color:#605b63; font-size:22px; font-weight:100; margin-bottom:10px;
}
h5 {color:#c4bfc4; font-size:18px; font-weight:300; margin-bottom:10px; text-transform:uppercase; padding:5px; background-color:#f6f6f6; text-align:right;
}
h5 a:link, h5 a:visited {margin-right:10px;
}
h5 a:hover, h5 a:active {color:#000; background-color:#c4bfc4;
}

p {padding-bottom:1.5em; line-height:1.6em;
}
p.first {font-size:1.5em; color:#7fc242;
}
em {font:inherit; font-style:italic;
}
div#foot p {padding-bottom:20px; color:#a19aa3; font-size:11px; text-align:center; line-height:1.5em; text-transform:uppercase; letter-spacing:0.1em;
}
div#foot a {color:#333; font-size:11px; letter-spacing:0.05em; font-weight:normal;
}
.small {font-size:0.9em; 
}
cite {font:inherit; font-style:italic; color:#605b63;
}
.back {text-transform:lowercase; letter-spacing:0.1em;
}


/*misc*/
img.mp {
margin-left:5px; vertical-align:middle; border:none; 
}
a img {border:none;
}