@charset "utf-8";
body {
  font-family: Verdana, Geneva, sans-serif;
  color: #333;
  font-size: 11.5pt;
  margin: 0;
  background: #FFF url(images/paper.jpg) repeat top left;
}

h1, h2, h3, h4 {
  margin: 0;
  line-height: 250%;
}

h1, h2 {
  color: #999;
  border-bottom: 1px solid #DDD;
  padding-bottom: 0.2em;
  margin: 1.6em 0 0.8em 0;
  line-height: 100%;
}

blockquote {
  margin: 0.4em 24px;
}

a:link,
a:visited {
  text-decoration: underline;
  color: #468;
}

a:hover {
  text-decoration: none;
  color: #000;
}

.inverted {
  color: #888;
  background: #000 none;
}

.inverted a:link,
.inverted a:visited {
  color: #999;
}

.inverted a:hover {
  color: #FFF;
}

.subtle,
.subtle a:link,
.subtle a:visited {
  color: #999;
}

.subtle a:hover {
  color: #666;
}

.inverted .subtle,
.inverted .subtle a:link,
.inverted .subtle a:visited {
  color: #444;
}

.inverted .subtle a:hover {
  color: #777;
}

.content-wrapper {
  width: 960px;
  margin: 0 auto;
}

.head, .navigation, .content {
  position: relative;
}

.head {
  z-index: 1;
  border-bottom: 1px solid #CCC;
  height: 72px;
/*  background: url(images/asian_landscape.png) no-repeat top center;*/
}

.inverted .head,
.inverted .navigation{
  border-color: #555;
}

.head-title {
/*  position: absolute;*/
  color: #999;
  font-size: 36pt;
  line-height: 70px;
  text-align: center;
/*  top: 0;
  right: 56px;*/
}

.inverted .head-title {
  color: #BBB;
}

.large-cap {
  font-size: 40pt;
}

.navigation {
  z-index: 50;
  text-align: center;
  height: 42px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 24px;
}

.content {
  z-index: 40;
/*  background-color: #FFF;
  opacity: 0.75;
  -moz-opacity: 0.75;*/
}

.text {
  padding: 24px 46px;
  line-height: 133%;
}

.navigation a:link,
.navigation a:visited {
  display: inline-block;
/*  float: left;*/
/*  margin-left: 10px;*/
/*  width: 112px;*/
  height: 42px;
  line-height: 40px;
  text-align: center;
  background-color: transparent;
  color: #999;
  text-decoration: none;
  font-size: 13pt;
    padding: 0 20px;
/*  opacity: 0.8;
  -moz-opacity: 0.8;*/
}

.inverted .navigation a:link,
.inverted .navigation a:visited {
  color: #999;
}

.navigation a:hover {
  color: #666;
/*  opacity: 1;
  -moz-opacity: 1;*/
}

.inverted .navigation a:hover {
  color: #BBB;
}

.navigation a.active:link,
.navigation a.active:visited {
  color: #000;
}

.inverted .navigation a.active:link,
.inverted .navigation a.active:visited {
  color: #EEE;
}

.quote {
  margin: 16px 100px;
  font-style: italic;
  color: #000;
  background-color: #FFF;
  opacity: 0.45;
  -moz-opacity: 0.45;
}

.inverted .quote {
  background-color: #333;
  color: #DDD;
}

#portfolio {
  width: 100%;
  min-width: 960px;
}

.portfolio-item,
a.portfolio-item,
a.portfolio-item:link {
  display: block;
  margin-bottom: 22px;
  text-decoration: none;
  text-align: center;
  color: #888;
}

.portfolio-item:hover,
a.portfolio-item:hover {
  color: #FFF;
}

.portfolio-grid-item {
  display: block;
  float: left;
  margin: 4px;
  width: 212px;
  height: 180px;
  overflow: hidden;
}

.portfolio-item input {
  border: 1px solid transparent;
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  text-align: center;
}

.portfolio-item input.focused {
  border: 1px solid #999;
  background-color: #EEE;
  color: #666;
}

.portfolio-item.active,
a.portfolio-item.active {
  color: #FFF;
}

.portfolio-item .portfolio-image-wrapper {
  display: inline-block;
  overflow: hidden;
  margin-bottom: 4px;
  border: 2px solid transparent;
}

.portfolio-scroller .portfolio-item .portfolio-image-wrapper,
.portfolio-grid-item .portfolio-image-wrapper {
  height: 132px;
  width: 132px;
}

.portfolio-item:hover .portfolio-image-wrapper {
  border-color: #666;
}

.portfolio-item.active .portfolio-image-wrapper {
  border-color: #FFF;
}

.portfolio-item.selected .portfolio-image-wrapper {
  border-color: #FC0;
}

.portfolio-scroller {
  overflow: hidden;
}

.portfolio-scroller .portfolio-item,
.portfolio-scroller a.portfolio-item,
.portfolio-scroller a.portfolio-item:link {
  display: block;
  float: left;
  margin: 0 10px 10px 10px;
  max-width: 200px;
  overflow: hidden;
  text-align: center;
}

.portfolio-left,
.portfolio-right {
  position: absolute;
  z-index: 500;
  top: 0;
  width: 50%;
  height: 100%;
  color: #999;
  text-decoration: none;
  font-size: 72px;
  opacity: 0;
  -moz-opacity: 0;
  cursor: pointer;
}

.portfolio-left:hover,
.portfolio-right:hover {
  opacity: 0.6;
  -moz-opacity: 0.6;
}

.portfolio-left {
  left: 0;
  text-align: left;
}

.portfolio-right {
  right: 0;
  text-align: right;
}

.icon,
a.icon,
a.icon:link {
  display: inline-block;
  height: 48px;
  width: 48px;
  text-decoration: none;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.icon-arrow-w {
  background-image: url(images/icon_arrow_w.png);
}

.icon-arrow-w:hover {
  background-image: url(images/icon_arrow_w_hover.png);
}

.icon-plus {
  background-image: url(images/icon_plus.png);
}

.icon-plus:hover {
  background-image: url(images/icon_plus_hover.png);
}

.icon-minus {
  background-image: url(images/icon_minus.png);
}

.icon-minus:hover {
  background-image: url(images/icon_minus_hover.png);
}

.icon-maximize {
  background-image: url(images/icon_maximize.png);
}

.icon-maximize:hover {
  background-image: url(images/icon_maximize_hover.png);
}

.icon-minimize {
  background-image: url(images/icon_minimize.png);
}

.icon-minimize:hover {
  background-image: url(images/icon_minimize_hover.png);
}

.cledit {
	width: 100%;
	min-height: 400px;
}

input[type="submit"],
button {
	padding: 6px 10px;
	background-color: #EEE;
	border: 1px solid #CCC;
	font-size: 13pt;
	margin: 4px;
}

input[type="submit"]:hover,
button:hover {
	background-color: #DDD;
	border: 1px solid #999;
}

input[type="submit"]:disabled,
button:disabled,
input[type="submit"]:disabled:hover,
button:disabled:hover {
  background-color: #BBB;
  border: 1px solid #AAA;
}

.invisible {
	display: none;
}