html, body {
	width:100%;height:100%;overflow:hidden;border:0;margin:0;padding:0;	font:11px/18px  "Arial","Helvetica",sans-serif;background-color:#000;
}
body.inverse {
	background-color:#fff;
}
h1, h2, ul, li, p, img {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}
/*For making the background size*/
.scaler{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:#111;display:table}
.scaler div{position:absolute;left:0;top:50%;width:100%;zoom:1}
.scaler > div{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}
.scaler img{margin:0 auto;display:block;min-height:50%;min-width:50%;-ms-interpolation-mode:bicubic}
*:first-child+html .scaler img{position:relative;top:-50%} /*Fix IE7*/
*:first-child+html .scaler div{position:absolute;top:50%;height:auto} /*Fix IE7*/
* html .scaler img{height:50%;position:relative;top:-50%} /*Fix IE6*/

/*Footer navigation*/

.scaler-nav{position:absolute;bottom:30px;right:30px;overflow:hidden;text-align:center;z-index:10;list-style:none;color:#fff}
.scaler-nav li{float:left;width:21px;margin-left:1px;line-height:21px;font-size:11px;list-style:none}
.scaler-nav a{height:21px;display:block;background:#000;text-decoration:none;color:#fff;outline:none}
.scaler-nav a:hover,.scaler-nav a:focus,.scaler-nav a.cur{background:#fff;color:#333}

/*Floating next/previous button navigation*/
.scaler-float{position:absolute;top:-99px;left:-99px;z-index:9;width:40px;height:20px;background:url(scaler-float.gif) 0 0;display:block;outline:none}
.scaler-next{background-position:-40px 0} /*both {options:css}-next and {options:css}-prev is class names the script uses*/

/*Example of alternative body-element, since the body is covered with the scaling image*/
#body{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto;color:#fff;
	min-width:760px;}

#footer{position:absolute;bottom:12px;right:22px;overflow:hidden;text-align:right;font-size:10px;padding-left:5px;display:block;color:#fff;display:block;z-index:200}

#footer.inverse {
	background-color:#fff;
}
a {
	color:#fff;
	text-decoration: none;
}
a:hover, .selected {
	border-bottom: #ffffff 1px solid;
}
#container {
	
}
.content a {
	color:#231F20;
	border-bottom: #231F20 1px solid;
}
.content a:hover {
	border-bottom: 0;
}

/* Header */
#logo a {
	text-indent:-9999px;
	outline:none;
	height:13px;
	width:210px;
	display:block;
	margin:20px 0 32px 23px;
	background: url("../images/palette-earth.png") no-repeat left center;
}
#logo.inverse a{
	background: url("../images/palette-earth-inverse.png") no-repeat left center;
}
#logo a:hover, .imagegrid li a:hover {
	border:0;
}

/* Nav */

#nav{position:absolute;top:20px;right:22px;overflow:hidden;text-align:center;z-index:10;font-size:10px;display:block;color:#fff;display:block;list-style:none;}

#nav li{float:left;margin-left:17px;line-height:21px;font-size:10px;list-style:none}

.inverse {
	color:#ccc !important;
}

.inverse a{
	color:#ccc;
}
.inverse a:hover, .inverse .selected {
	border-bottom: #ccc 1px solid;
}
/* CONTENT */
.content {
	width:186px;
	padding:12px;
	color:#231F20;
	background-color:#fff;
	margin: 0 0 12px 23px;
	font-family:"Trebuchet MS";
}
.halfspace{
	height:12px;
}

.work {
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
}
.heading {
	text-transform:uppercase;
	font-weight:bold;
}

.heading_grey {
	text-transform:uppercase;
	color:#B3B3B3;
}
.centerdiv {
	margin:0 auto;
	padding-left:10px;
	width:900px;
}
ul.imagegrid {
	padding:0;
}
ul.imagegrid  li {
	float:left;
	width:80px;
	list-style-type:none;
	margin-right:10px;
}

.imagegrid li li {
	float:none;
	list-style-type:none;
	margin:0 0 10px 0;
}
.imagegrid li li a{
	display:block;
	border:none;
}

h2 {
	display:none;
}