* { margin:0; padding:0; }
body {
	border:0;	font:11px/15px "Lucida Grande", "Trebuchet MS", sans-serif; 
	background-color:#D1D3D4;
	color:#6D6E71;
}
#body-gallery, #body-gallery_all{
	background-color:#fff;
}
#body-home{
	background:none;
}
#body{
	height:100%;
	min-height:731px;
	position:absolute;
	width:100%;
	min-width:940px;
	overflow:hidden;
}
#body-home #body{
	display:none;
}
#body-gallery_all #body{
	height:auto;
	margin-top:95px;
}
h1, h2, ul, li, p, img {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
			#body-gallery #supersized{	
				width:70%;
				height:70%;
				min-width: 655px;
				min-height: 556px;
			}
			#body-gallery #supersized li {
				top:96px;
				left:25px;
				background:#fff;
			}

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

#footer.inverse {
	background-color:#fff;
}
a {
	color:#fff;
	text-decoration: none;
}
#body a{
	
	font-weight:bold;
}

/* Header */

#header {
	background: #fff;
	height: 95px;
	width:100%;
	overflow:hidden;
	position:fixed;
	z-index:99;
	min-width:940px;
}
#logo {
}

#logo a {
	position:absolute;
	top:34px;
	left:24px;
	text-indent:-9999px;
	outline:none;
	height:17px;
	width:277px;
	display:block;
	background: url(../images/palette-earth-new.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 {
	width:915px;
	position:absolute;
	right:42px;
}
#nav ul{
	font-size: 11px;
	line-height: 15px;
	display: block;
	list-style: none;
	text-align: right;
	float: right;
	margin: 10px 0 0 0;
}

#nav li{margin-left:17px;list-style:none; width:164px}

#nav a {
	color:#6D6E71;
	padding: 0 2px;
}
#nav a:hover, #nav a.selected {
	color:#fff;
	background-color:#6D6E71;
}

#nav-gallery li{
	text-align:left;
}

/* body */

#body-left{
	float:left;
	margin-left:24px;
}
#body-right{
	top:95px;
	position:absolute;
	right:42px;
}
#body-text{
	padding:162px 24px;
}
#body-text h3{
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	float:left;
}
#body-text p{
	padding-left:138px;
	margin-bottom:15px;
}
.paragraph{
	width:336px;
}
.paragraph-small{
	font-size:9px;
	line-height:12px;
	margin-bottom:10px !important;
}
#gallery-frame{
	z-index:-99999;
	width:655px;
	height:557px;
	text-align:center;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/progress.gif) no-repeat center center;
}
#gallery-nav{
	display:block;
	position:absolute;
	bottom:40px;
	left:165px;
}
#gallery-number{
	float:left;
	width:181px;
	position:relative;
}
#gallery-arrows {	
	position:relative;
	float:left;
}
#gallery-arrows a {
	display:block;
	width:6px;
	height:12px;
	text-indent:-9999px;
	float:left;
}
#gallery-nav #btn-prev {
	background: url(../images/btn-arrows.png) top left no-repeat;
	margin-right:4px;
}
#gallery-nav #btn-next {
	background: url(../images/btn-arrows.png) -6px 0 no-repeat;
}
#gallery-thumbColumn{
	width: 108px;
	text-indent:-9999px;
	height:557px;
	overflow:hidden;
}
.first.column{
}
.gallery-thumb a{
	margin:0 4px 4px 0;
	display:block;
}
#gallery-all{
	
}
#gallery-all .gallery-thumb{
	float: left;
	margin:46px 44px;
}

.clear {
	clear:both;
}
