
*, a, a img {
  border: 0 #fff solid;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
}

a {
  color: inherit;
  font-style: italic;
  font-weight: bold;
}

label {
  display: block;
  font-style: italic;
  margin: 0 0 6px;
}

.text {
  background: #fee;
  display: block;
  font-family: Arial;
  font-size: 12px;
  margin: 0 0 6px;
  padding: 6px 6px;
  width: 216px;
}

textarea {
  height: 120px;
}

.hidden {
  display: none;
}

#messageNext {
  background: #ddd;
  cursor: pointer;
  filter: alpha(opacity=75);
  opacity: .75;
  width: 228px;
}

.unscripted #messageNext:focus,
.unscripted #messageNext:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.News li.News {
	overflow: visible;
}

li.News h3 {
	border: #ddd 1px solid;
	border-width: 1px 0;
	color: #999;
	font-family: Arial;
	margin-top: -1px;
	padding-top: 1px;
	text-align: right;
}

li.News h3 span {
	display: block;
	float: left;
}

li.News .copy div p {
	background: #fff;
	bottom: 0;
	filter: alpha(opacity=0);
	opacity: 0;
  padding: 12px 12px 12px 23px;
  position: absolute;
  left: 228px;
  width: 216px;
}

li.News .copy div p span {
	background: none;
	bottom: 0;
	display: block;
	height: 100%;
	left: -1px;
	position: absolute;
	text-indent: -10000px;
	width: 1px;
}

.unscripted li.News .copy div p {
  display: none;
}

.unscripted li.News .copy div:hover h3 {
	color: #000;
}

.unscripted li.News .copy div:hover p {
	display: block;
	filter: alpha(opacity=100);
	opacity: 1;
}

html, b, i, em, strong, h1, h2, h3, h4, h5, h6 {
  font: normal 12px/18px Georgia, serif;
}

html {
  background: #fff;
  color: #333;
  height: 100%;
}

body {
  text-align: center;
}

body.m1 h1,
body.m1 #contextBlock,
body.m1 #galleryBlock {
  display: none;
}

#outerSkin {
  float: left;
  height: 600px;
  margin: 6px 12px 0;
  position: relative;
  text-align: left;
}

#outerSkin .copy {
	color: #333;
	padding: 12px 0;
	text-indent: 0;
}

.unscripted #outerSkin .copy {
  max-height: 293px;
  overflow-x: auto;
}

#outerSkin .copy a {
	background: none;
  color: #333;
	cursor: pointer;
	display: inline;
	white-space: nowrap;
}

h1,
#galleryStop,
#galleryShuffleOff,
#galleryMin {
  background: url(http://www.clickwork.net/amc/_images/sprite.png) no-repeat 0 1px;
  height: 35px;
  text-indent: -10000px
}

h1 {
  background-position: 100% -240px;
  bottom: 0;
  height: 120px;
  left: 0;
  position: absolute;
  width: 240px;
}

h1 a {
  background: url(http://www.clickwork.net/amc/_images/sprite.png) no-repeat 100% -360px;
  display: block;
  filter: alpha(opacity=0);
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.unscripted h1 a:hover,
.unscripted h1 a:focus {
  filter: alpha(opacity=100);
  opacity: 1;
}

#contextBlock {
	border-right: 1px solid #f26c4f;
	bottom: 120px;
	height: 480px;
	position: absolute;
	width: 228px;
	z-index: 1;
}

#contextBlock .navigation {
	border-bottom: 1px solid #f26c4f;
	bottom: 0;
	left: 0;
	position: absolute;
}

#galleryNav {
	bottom: 12px;
  height: 96px;
	left: 240px;
  overflow: hidden;
	position: absolute;
	width: 121px;
}

#imageNav {
	bottom: 0;
	height: 75px;
	left: 372px;
	position: absolute;
	width: 240px;
}

.navigation li {
	background: #fff;
	overflow: hidden;
	position: relative;
    text-indent: -10000px;
}

#contextBlock li {
	border-top: 1px solid #f26c4f;
	width: 229px;
}

li#copyright {
    backgorund: none;
    border: none;
    color: #666;
    font-size: 10px;
    height: auto;
    text-indent: 0;
    width: 216px;
}

li#copyright a {
    color: #666;
    display: inline;
    filter: alpha(opacity=100);
    opacity: 1;
}

#galleryNav li {
	border-bottom: 1px solid;
	border-right: 1px solid;
  height: 23px;
  position: absolute;
	width: 120px;
}

li.Surfaces {
  top: 0;
}

li.Nature {
  top: 24px;
}

li.People {
  top: 48px;
}

li.Machines {
  top: 72px;
}

#galleryControls li,
#imageNav li {
	float: left;
}

.navigation a {
  background: #fff url(http://www.clickwork.net/amc/_images/sprite.png) no-repeat 0 0;
  height: 23px;
  display: block;
  filter: alpha(opacity=50);
  opacity: .5;
  width: 100%;
}

.navigation .current a {
  filter: alpha(opacity=0);
  opacity: 0;
}

.unscripted .navigation a:hover,
.unscripted .navigation a:focus {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

  .navigation .Purchase a {
    background-position: 0 -25px;
  }

  .navigation .Contact a {
    background-position: 0 -49px;
  }

  .navigation .News a {
    background-position: 0 -73px;
  }

  .navigation .Surfaces a {
    background-position: 0 -97px;
  }

  .navigation .Nature a {
    background-position: 0 -121px;
  }

  .navigation .People a {
    background-position: 0 -145px;
  }

  .navigation .Machines a {
    background-position: 0 -169px;
  }

body.Surfaces #galleryNav,
body.Surfaces #galleryNav li,
body.Surfaces #gallery ul {
  border-color: #5073f3;
}

body.Surfaces #imageNav li.current {
  background: #5073f3;
}

body.Nature #galleryNav,
body.Nature #galleryNav li,
body.Nature #gallery ul {
  border-color: #b4f350;
}

body.Nature #imageNav li.current {
  background: #b4f350;
}

body.People #galleryNav,
body.People #galleryNav li,
body.People #gallery ul {
  border-color: #f050f3;
}

body.People #imageNav li.current {
  background: #f050f3;
}

body.Machines #galleryNav,
body.Machines #galleryNav li,
body.Machines #gallery ul {
  border-color: #50f3af;
}

body.Machines #imageNav li.current {
  background: #50f3a3;
}

body.Surfaces #galleryNav li.Surfaces,
body.Nature #galleryNav li.Nature,
body.People #galleryNav li.People,
body.Machines #galleryNav li.Machines {
  border-right: 1px solid #fff;
}

body.About li.About a,
body.Purchase li.Purchase a,
body.Contact li.Contact a,
body.Contact2 li.Contact a,
body.Sent li.Contact a,
body.News li.News a,
body.Surfaces li.Surfaces a,
body.Nature li.Nature a,
body.People li.People a,
body.Machines li.Machines a,
body.About li.About a:hover,
body.Purchase li.Purchase a:hover,
body.Contact li.Contact a:hover,
body.Contact2 li.Contact a:hover,
body.Sent li.Contact a:hover,
body.News li.News a:hover,
body.Surfaces li.Surfaces a:hover,
body.Nature li.Nature a:hover,
body.People li.People a:hover,
body.Machines li.Machines a:hover,
body.About li.About a:focus,
body.Purchase li.Purchase a:focus,
body.Contact li.Contact a:focus,
body.Contact2 li.Contact a:focus,
body.Sent li.Contact a:focus,
body.News li.News a:focus,
body.Surfaces li.Surfaces a:focus,
body.Nature li.Nature a:focus,
body.People li.People a:focus,
body.Machines li.Machines a:focus {
  cursor: default;
  opacity: 1;
  filter: alpha(opacity=100);
}

#gallerySkin {
  float: left;
}

.imgTitle {
  background: url(http://www.clickwork.net/amc/_images/sprite.png) no-repeat 0 -193px;
  bottom: 84px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  height: 24px;
  left: 372px;
  line-height: 24px;
  position: absolute;
  text-indent: -10000px;
  width: 120px;
}

.imgTitle span {
  display: block;
  float: left;
}

.imgTitle .of {
  background: url(http://www.clickwork.net/amc/_images/sprite.png) no-repeat 0 -217px;
  margin-left:4px;
  width: 20px;
}

.imgTitle .index {
  margin-left: 55px;
  text-indent: 0;
}

.imgTitle .total {
  text-indent: 0;
}

#galleryControls {
  bottom: 84px;
  height: 24px;
  left: 505px;
  position: absolute;
  width: 92px;
}

#galleryControls li {
  padding: 0;
  position: absolute;
  top: 0;
}

#galleryControls a {
  height: 24px;
  width: 12px;
}

  li#galleryPrev {
    left: 16px;
  }

  li#galleryPrev a {
    background-position: -120px -138px;
    width: 16px;
  }

  li#galleryCant,
  li#galleryStart,
  li#galleryStop {
    left: 40px;
  }

  li#galleryCant a {
    background-position: -142px -102px;
    cursor: help;
    width: 10px;
  }

  li#galleryStart a {
    background-position: -143px -138px;
    width: 10px;
  }

  li#galleryStop a {
    background-position: -143px -174px;
    width: 10px;
  }

  li#galleryShuffle,
  li#galleryShuffleOff {
    left: 57px;
  }

  li#galleryShuffle a {
    background-position: -161px -138px;
  }

  li#galleryShuffleOff a {
    background-position: -161px -174px;
  }

  li#galleryNext {
    left: 77px;
  }

  li#galleryNext a {
    background-position: -181px -138px;
    width: 15px;
  }

  li#galleryMax a {
    background-position: -204px -174px;
  }

  li#galleryMin a {
    background-position: -204px -174px;
  }

#imageNav li {
  background: #777;
  height: 9px;
  margin: 0 9px 9px 0;
  padding: 0;
  width: 9px;
}

#gallery ul {
	border-bottom: 1px solid #fff;
	bottom: 108px;
	left: 240px;
  min-width: 357px;
	padding: 0 0 11px;
	position: absolute;
}

#gallery li {
  background: #fff url(http://www.clickwork.net/amc/_images/loading-grey-32x32.gif) no-repeat 0 100%;
  min-height: 32px;
  min-width: 32px;
}

#gallery img {
	display: none;
  height: 480px;
}

#gallery p {
  padding: 12px 0;
}

#copyright {
  border-width: 1px 0 0;
  clear: both;
  padding: 12px 0;
}