.c {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
.sans {
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}
.center {
  margin: 0 auto;
  display: block;
}
.left {
  float: left;
  display: inline;
}
.right {
  float: right;
  display: inline;
}
.hide, .hide-wrap { display: none; }
.smaller { font-size: 0.875em; }
.larger { font-size: 1.23em; }
.textbox {
  padding: 0.4em 0.45em 0.3em;
  width: 96.3%;
}
.opaque {
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.opq {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.boxshadow {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.textshadow { text-shadow: 1px 1px #333333; }
.spanbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button {
  background: #222222;
  display: inline-block;
  padding: 5px 10px 6px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
}
.button:active { top: 1px; }
.border { border-bottom: 1px solid #afb3b7; }
.bordertop { border-top: 1px solid #afb3b7; }
.serif { font-family: "FilosofiaGrandOTRegular", "Georgia", "Times", serif; }
body {
  background: #efefef;
  margin-bottom: 40px;
}
a { color: #52829a; }
#lawn {
  position: relative;
  width: 756px;
  padding-bottom: 40px;
}
#header {
  background: #efefef;
  position: fixed;
  top: 0;
  height: 82px;
  z-index: 999;
  margin-top: 0;
}
#header-space {
  background: #efefef;
  width: 756px;
  height: 120px;
  z-index: 999;
}
h1 {
  text-indent: -9999px;
  height: 14px;
  width: 76px;
  position: absolute;
  top: 40px;
  right: 0;
}
h1 a {
  height: 14px;
  width: 76px;
  display: block;
  background: url(/imgs/aruliden-logo.png) no-repeat 0 0;
  position: relative;
  z-index: 9999;
}
.gray { color: #aaaaaa; }
#nav {
  padding: 40px 0 0;
  left: 0;
  position: relative;
  height: 24px;
  border-bottom: 1px solid #afb3b7;
}
#nav li { display: inline; }
#nav ul {
  display: inline;
  text-transform: uppercase;
  padding: 0 0 0 3px;
}
#nav ul li {
  padding: 0;
  display: inline;
  font-size: 10px;
  letter-spacing: -0.02em;
  padding-right: 3px;
  position: relative;
  bottom: -4px;
}
#nav ul a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  padding-bottom: 6px;
}
#nav a.current { border-color: #adadad !important; }
#nav a {
  border-bottom: 2px solid;
  border-color: #efefef;
}
.nav-wrap { display: none; }
#nav a.navlink {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  padding-bottom: 3px;
}
#nav a.about {
  background: url(/imgs/nav-about.png) no-repeat;
  height: 19px;
  width: 70px;
}
#nav a.approach {
  background: url(/imgs/nav-approach.png) no-repeat;
  height: 19px;
  width: 76px;
}
#nav a.work {
  background: url(/imgs/nav-work.png) no-repeat;
  height: 19px;
  width: 46px;
}
#nav a.news {
  background: url(/imgs/nav-news.png) no-repeat;
  height: 19px;
  width: 46px;
}
#nav a.booklet {
  background: url(/imgs/nav-booklet.png) no-repeat;
  height: 19px;
  width: 56px;
}
#nav span.and {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  height: 19px;
  width: 34px;
  background: url(/imgs/nav-and.png) no-repeat;
}
#nav a.contact {
  background: url(/imgs/nav-contact.png) no-repeat;
  height: 19px;
  width: 56px;
}
#nav a.shop {
  background: url(/imgs/nav-shop.png) no-repeat;
  height: 19px;
  width: 38px;
}
h1, h2, h3 { font-family: "FilosofiaGrandOTRegular", "Georgia", "Times", serif; }
#nav a.navlink { font-family: "FilosofiaGrandOTRegular", "Georgia", "Times", serif; }
#nav .and { font-family: "FilosofiaGrandOTRegular", "Georgia", "Times", serif; }
p, li, span, form, a.clear-booklet {
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}
body { color: #777777; }
#left-col p strong { color: #777777; }
a { color: #777777; }
.dark { color: #616161; }
#left-col p { color: #616161; }
#left-col a { color: #616161; }
span.light, #status { color: #adadad; }
#clients p { color: #adadad; }
.big-thumbs li { color: #adadad; }
#right-links { color: #444444; }
#right-links a { color: #444444; }
.swish { color: #000000; }
a:active { color: #000000; }
.navhover { border-color: #adadad; }
#left-col { background: #ffffff; }
#right-col {
  margin-right: 0;
  margin-left: 12px;
}
#right-col img { position: relative; }
p {
  padding: 0.7em 0;
  font-size: 0.7em;
  line-height: 1.2em;
}
li {
  font-size: 0.7em;
  line-height: 1.2em;
}
h2 {
  font-size: 2em;
  position: relative;
  top: -18px;
  display: block;
}
h2 img { margin-left: -5px; }
#download-booklet, a.clear-booklet {
  font-size: 0.7em;
  line-height: 1.2em;
  display: inline;
}
a.lighter { color: #adadad; }
form a { color: #adadad; }
.toggle a { color: #adadad; }
.togglehover { color: #616161; }
.toggle a.selected { color: #616161 !important; }
.big-thumbs a { color: #52829a; }
#home-player { margin-bottom: 10px; }
.slideshow, #slideshow {
  width: 732px;
  height: 412px;
  overflow: hidden;
}
.slideshow li {
  width: 732px;
  height: 412px;
  position: relative;
  display: block;
}
#slideshow li {
  width: 732px;
  height: 412px;
  position: relative;
  display: block;
}
#left-col {
  padding: 0.7em 0;
  position: relative;
}
#left-col p {
  padding-right: 20px;
  padding-left: 80px;
}
#left-col a #booklet-size { color: #52829a; }
.left-line {
  display: block;
  position: absolute;
  top: 1.5em;
  left: 10px;
  width: 60px;
  height: 1px;
  border-bottom: 1px solid #afb3b7;
}
#right-col img { margin-bottom: 10px; }
#right-col div { margin-bottom: 10px; }
#work-top {
  border-bottom: 1px solid #afb3b7;
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative;
}
#work-top p {
  width: 400px;
  position: relative;
}
#project-thumbnails { width: 757px; }
#project-thumbnails li.g4th {
  position: relative;
  margin: 4px 0 5px 12px;
}
#project-thumbnails a {
  display: block;
  position: relative;
}
#project-thumbnails .main {
  display: block;
  position: relative;
}
#project-thumbnails ul.thumbs {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
#clients-thumbnails { width: 757px; }
.big-thumbs .thumb-hold {
  width: 360px;
  height: 202px;
  position: relative;
}
#controls { margin: 0 12px; }
#status {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 0.7em;
  padding: 0.8em;
}
#right-arrow, #left-arrow {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  width: 28px;
  height: 29px;
  margin-right: 2px;
}
#right-arrow { background: url(/imgs/right-arrow.png) no-repeat 0 0; }
#left-arrow { background: url(/imgs/left-arrow.png) no-repeat 0 0; }
#controls li a { color: #adadad; }
#right-links {
  border-top: 1px solid #adadad;
  padding-top: 10px;
  color: #adadad;
}
#right-links a { color: #adadad; }
.list-view { position: relative; }
.list-view li { position: relative; }
.playlist {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
#booklet li {
  position: relative;
  overflow: hidden;
}
#booklet li a { border-color: #cccccc; }
#booklet li img {
  position: relative;
  width: 100%;
}
#booklet .x {
  position: absolute;
  top: 1px;
  left: 1px;
  display: block;
  height: 15px;
  width: 15px;
  background: url(/imgs/x.png) no-repeat;
  z-index: 999;
}
span.contact {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  width: 130px;
}
#text li { font-size: 1em; }
a.discipline, a.tag { text-transform: lowercase; }