/* Reset */
* {
  margin:0;
  padding:0;
  border:0;
  outline: 0;
  list-style:none;
  font-weight:normal;
  font-style:normal;
  font-size:1.0em;
  font-family:inherit;
  text-decoration: none;
  cursor:inherit;
  color:inherit;
}
html, body { text-align:center; cursor:default; }
input, textarea { cursor:text !important; }
ol { list-style:decimal; }
small { font-size:0.7em; }
big { font-size:1.2em; }
em, em *, i, i * { font-style:italic; }
strong, strong *, b, b * { font-weight:bold; }
button, .button input, a { cursor:pointer !important; }
hr, br { clear:both; }
hr { height:0; visibility:hidden; }
img { cursor: default; }
a img { cursor: pointer; }
#wrap * { text-align:left; }
#wrap button { text-align:center; }


/* General */
body {
  font-size: 15px;
  font-family: "Trebuchet MS", trebuchet, sans-serif;
  background: top center repeat fixed;
}
#bg {
  background: top center repeat-x fixed;
}
.wp-caption {
  border: 1px solid;
}
.wp-caption a {
  border-bottom: 0 !important;
}
.wp-caption img {
  padding: 5px 5px 0;
}
.wp-caption-text {
  font-size: 11px;
  padding: 5px !important;
}
.alignleft {
  clear: left;
  float:left;
  margin: 5px 20px 15px 0;
}
.alignright {
  clear: right;
  float:right;
  margin: 5px 0 15px 20px;
}
.double-caption-wrap {
  width:650px;
}
.double-caption-wrap .wp-caption {
  clear: none !important;
  float: left !important;
  margin: 0 10px 15px 0 !important;
}
.double-caption-wrap p {
  display: none;
}
.double-caption-wrap .wp-caption-text {
  display: block;
}


/* Layout */
#wrap {
  position: relative;
  width: 970px;
  margin: 0 auto;
}


/* Header */
#header {
  position: relative;
  min-height: 210px;
  _height: 210px;
  _overflow: visible;
  text-align: left;
  margin: 0 0 35px;
  background: url(../images/header-watermark.gif) top left no-repeat;
}
#branding {
  position: absolute;
  top: 38px;
  left: 35px;
  background: url(../images/logo.png) top left no-repeat;
  _background-image: url(../images/logo.gif);
}
#logo {
  width: 146px;
  height: 70px;
  display: block;
  text-indent: -500px;
  overflow: hidden;
}
#branding p {
  font-size: 16px;
  padding: 5px 0 0;
}
#tray {
  width: 970px;
  padding: 210px 0 0;
}
#tray p {
  padding: 30px 35px 35px;
  background: url(../images/menu-tray.png) bottom left no-repeat;
  _background-image: url(../images/menu-tray.gif);
}
#tray a {
  border-bottom: 2px dotted;
}
#tray a:hover {
  border-style: solid;
}
hr#tray {
  position: absolute;
  z-index: 1;
  top: 210px;
  left: 5px;
  width: 960px;
  padding: 0;
  height: 1px;
  *height: 15px;
  border-bottom: 15px solid #000;
  visibility: visible !important;
  display: block;
  background: #000 !important;
}
.parent-pageid-13 #tray a, .category #tray a, .tag #tray a, .author #tray a {
  padding: 8px 0 9px 45px;
  border-bottom: 0;
  background: 0 0 no-repeat;
}
.parent-pageid-13 #tray a:hover, .category #tray a:hover, .tag #tray a:hover, .author #tray a:hover {
  background-position: 0px -37px;
}
.category #tray, .tag #tray, .author #tray {
  font-size: 20px;
}
.category #tray a, .tag #tray a, .author #tray a {
  float: right;
  font-size: 15px;
  margin-top: -5px;
}


/* Main Menu */
#menu {
  position: absolute;
  z-index: 2;
  height: 39px;
  width: 970px;
  top: 171px;
  overflow: hidden;
  background: url(../images/menu-tray.png) 0px 34px no-repeat;
  _background-image: url(../images/menu-tray.gif);
}
#menu li {
  display: inline;
}
#menu li a {
  position: absolute;
  top: 0px;
  height: 42px;
  display: block;
  text-indent: -500px;
  overflow: hidden;
  background-repeat: none;
}

#menu li.page-item-3 a:hover { width: 98px; background-position: 0px -42px !important; }
#menu li.current_page_item.page-item-3 a,
#menu li.current_page_parent.page-item-3 a,
#menu li.current_page_ancestor.page-item-3 a { background-position: 0px -84px !important; }
#menu li.page-item-3 a { left: 32px; width: 98px; background-position: 0px 0px !important; }

#menu li.page-item-5 a:hover { background-position: -98px -42px !important; }
#menu li.current_page_item.page-item-5 a,
#menu li.current_page_parent.page-item-5 a,
#menu li.current_page_ancestor.page-item-5 a { background-position: -98px -84px !important; }
#menu li.page-item-5 a { left: 130px; width: 134px; background-position: -98px 0px !important; }

#menu li.page-item-7 a:hover { background-position: -232px -42px !important; }
#menu li.current_page_item.page-item-7 a,
#menu li.current_page_parent.page-item-7 a,
#menu li.current_page_ancestor.page-item-7 a { background-position: -232px -84px !important; }
#menu li.page-item-7 a { left: 264px; width: 84px; background-position: -232px 0px !important; }

#menu li.page-item-9 a:hover { background-position: -316px -42px !important; }
#menu li.current_page_item.page-item-9 a,
#menu li.current_page_parent.page-item-9 a,
#menu li.current_page_ancestor.page-item-9 a { background-position: -316px -84px !important; }
#menu li.page-item-9 a { left: 348px; width: 159px; background-position: -316px 0px !important; }

#menu li.page-item-11 a:hover { background-position: -475px -42px !important; }
#menu li.current_page_item.page-item-11 a,
#menu li.current_page_parent.page-item-11 a,
#menu li.current_page_ancestor.page-item-11 a { background-position: -475px -84px !important; }
#menu li.page-item-11 a { left: 509px; width: 178px; background-position: -475px 0px !important; }

#menu li.page-item-13 a:hover { background-position: -653px -42px !important; }
#menu li.current_page_item.page-item-13 a,
#menu li.current_page_parent.page-item-13 a,
#menu li.current_page_ancestor.page-item-13 a { background-position: -653px -84px !important; }
#menu li.page-item-13 a { left: 685px; width: 117px; background-position: -653px 0px !important; }

#menu.display-1 li.switch a:hover { background-position: -770px -42px !important; }
#menu.display-1 li.switch a { left: 802px; width: 136px; background-position: -770px 0px !important; }
#menu.display-2 li.switch a:hover { background-position: -906px -42px !important; }
#menu.display-2 li.switch a { left: 802px; width: 136px; background-position: -906px 0px !important; }

#menu li.page-item-15 a:hover { background-position: -1042px -42px !important; }
#menu li.current_page_item.page-item-15 a,
#menu li.current_page_parent.page-item-15 a,
#menu li.current_page_ancestor.page-item-15 a { background-position: -1042px -84px !important; }
#menu li.page-item-15 a { left: 438px; width: 128px; background-position: -1042px 0px !important; }

#menu li.page-item-17 a:hover { background-position: -1171px -42px !important; }
#menu li.current_page_item.page-item-17 a,
#menu li.current_page_parent.page-item-17 a,
#menu li.current_page_ancestor.page-item-17 a { background-position: -1171px -84px !important; }
#menu li.page-item-17 a { left: 566px; width: 83px; background-position: -1171px 0px !important; }

#menu li.page-item-19 a:hover { background-position: -1253px -42px !important; }
#menu li.current_page_item.page-item-19 a,
#menu li.current_page_parent.page-item-19 a,
#menu li.current_page_ancestor.page-item-19 a { background-position: -1253px -84px !important; }
#menu li.page-item-19 a { left: 659px; width: 143px; background-position: -1253px 0px !important; }

#menu li.current_page_item a,
#menu li.current_page_parent a,
#menu li.current_page_ancestor a {
  cursor: default !important;
  _background-position-y: -84px !important;
}

#menubox {
  position: absolute;
  z-index: 1;
  top: 176px;
  height: 34px;
  width: 100px;
  background: #000;
}


/* Color Swatch */
#colorswatch {
  position: absolute;
  top: 0px;
  right: 5px;
  text-transform: lowercase;
  background: transparent !important;
}
#colorswatch p {
  position: absolute;
  top: 13px;
  right: 66px;
  width: 100px;
  text-align: right;
}
#colorswatch img {
  position: absolute;
  top: 3px;
  margin-right: 4px;
}
#colorswatch input {
  position: absolute;
  top: 15px;
  width: 17px;
  height: 17px;
  cursor: pointer !important;
  text-indent: 17px;
  *padding-left: 17px;
  margin: 0;
  border: 0;
  overflow: hidden;
  background: url(../images/colorswatch.gif) no-repeat;
}
#colorswatch .red { right: 44px; background-position: 0px 0px; }
#colorswatch .red-selected { background-position: 0px -17px; }
#colorswatch .green { right: 22px; background-position: -17px 0px; }
#colorswatch .green-selected { background-position: -17px -17px; }
#colorswatch .blue { right: 0px; background-position: -34px 0px; }
#colorswatch .blue-selected { background-position: -34px -17px; }


/* Content */
h1, h2, h3 {
  background: 0 0 no-repeat;
  font-family: georgia, sans-serif;
}
h1 {
  height: 5px;
  _height: 45px;
  font-size: 26px;
  overflow: hidden;
  text-indent: -5000px;
  padding: 20px 0 10px;
}
h1.landing {
  height:26px;
  text-indent: 0;
  color:#000;
}

h2 {
  height: 5px;
  _height: 45px;
  font-size: 24px;
  padding: 20px 5px;
}
h3 {
  font-size: 20px;
  padding: 20px 5px 10px;
}
#content {
  font-size: 14px;
  line-height: 20px;
}
#content a {
  border-bottom: 1px dotted;
}
#content a:hover {
  border-style: solid;
}
#content a.img {
  border-bottom-color: transparent;
}
#col-left-short {
  float: left;
  width: 320px;
}
#col-left-wide {
  float: left;
  width: 620px;
}
#col-right-short {
  float: right;
  width: 320px;
}
#col-right-wide {
  float: right;
  width: 620px;
}
#col-3a {
  float: left;
  width: 300px;
  overflow: hidden;
}
#col-3b {
  float: left;
  width: 300px;
  overflow: hidden;
  margin: 0 30px;
}
#col-3c {
  float: left;
  width: 300px;
  overflow: hidden;
}
#content p, #content ul {
  padding: 10px 5px;
}
#content ul li {
  padding: 0 25px;
  background: url(../images/bullet.png) 9px 7px no-repeat;
}
#content ol {
  padding: 10px 25px;
}
#content ol li {
  list-style: decimal !important;
}
#content ol ul li {
  list-style: none !important;
}
#content blockquote {
  font-size: 16px;
  padding: 10px 10px 10px 60px;
  background-position: left center;
}


/* Forms */
form {
  padding: 5px 10px 0;
}
form a {
  font-weight: bold;
}
textarea {
  width: 100%;
  margin: 0 -5px;
  border: 5px solid;
}
select {
  margin: 0 -5px;
  border: 5px solid;
}
input {
  width: 100%;
  margin: 0 -5px;
  border: 5px solid;
}
button, .submit input {
  width: auto;
  border: 0;
  padding: 5px;
  cursor: pointer !important;
  font-size: 18px;
  text-transform: lowercase;
}
.wpcf7-form .submit input {
  _width: 140px;
}
.wpcf7-captcha-captcha {
  border: 4px solid #000 !important;
}
.wpcf7-form p.captcha {
  position: relative;
}
.wpcf7-form p.captcha input {
  position: absolute;
  top: 30px;
  left: 85px;
  width: 190px;
}
label {
  display: block;
}


/* Common Classes */
ul.linkbox {
  padding: 0 !important;
}
ul.linkbox li {
  padding: 0 0 1px !important;
  background: transparent !important;
}
ul.linkbox li a {
  display: block;
  padding: 5px 10px;
  border-bottom: 0 !important;
}
.portfolio-thumbs ul {
  font-size: 13px;
  padding: 0 !important;
}
.portfolio-thumbs li {
  display: block;
  float: left;
  width: 165px;
  height: 175px;
  padding: 0 !important;
  margin: 0 -5px -5px 0;
  overflow: hidden;
  background: url(../images/project-thumb-bg.png) 0 0 no-repeat !important;
  _background-image: url(../images/project-thumb-bg.gif) !important;
}
.portfolio-thumbs li div {
  position: relative;
  width: 155px;
  height: 165px;
  margin: 5px;
  overflow: hidden;
}
.portfolio-thumbs li a {
  position: absolute;
  z-index: 2;
  top: 5px;
  left: 5px;
  width: 145px;
  height: 155px;
  overflow: hidden;
  display: block;
  border-bottom: 0 !important;
}
.portfolio-thumbs li a img {
  position: absolute;
  top: 0px;
  left: -145px;
}
.portfolio-thumbs strong,
.portfolio-thumbs span {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 135px;
  _width: 155px;
  display: block;
  font-weight: normal;
}
.portfolio-thumbs strong {
  left: 0;
  height: 45px;
  _height: 165px;
  padding: 120px 10px 0;
}
.portfolio-thumbs span {
  left: 155px;
  height: 145px;
  _height: 165px;
  padding: 10px;
  font-size: 12px;
  line-height: 15px;
  background-position: 5px 120px;
  background-repeat: no-repeat;
}
.error404 h1 {
  overflow: hidden;
  text-indent: -5000px;
  background: url(../images/titles/page-not-found.gif) 0 0 no-repeat;
}


/* Footer */
#footer {
  position: relative;
  height: 155px;
  margin: 10px 0 30px;
  font-size: 13px;
  background: url(../images/footer-watermark.gif) bottom left no-repeat;
}
#footerlogo {
  position: absolute;
  top: 30px;
  left: 4px;
  width: 83px;
  height: 41px;
  display: block;
  text-indent: -500px;
  overflow: hidden;
  background: url(../images/footer-logo.png) 0 0 no-repeat;
  _background-image: url(../images/footer-logo.gif);
}
#footer ul {
  position: absolute;
  width: 873px;
  _width: 970px;
  padding: 40px 0 0 97px;
  background: url(../images/footer-bar.png) 0 0 no-repeat;
  _background-image: url(../images/footer-bar.gif);
}
#footer ul li {
  display: inline;
}
#footer ul li a {
  padding: 0 10px;
  float: left;
  display: block;
}
#footer ul li a:hover {
  text-decoration: underline;
}
#footer ul li.right a {
  float: right;
  font-weight: bold;
}
#footer p {
  position: absolute;
  top: 57px;
  left: 107px;
  font-size: 11px;
}
#footer p a {
  text-decoration: underline;
}


/* Admin Bar */
#adminbar {
  position: absolute;
  top: 15px;
  right: 170px;
  font-size: 10px;
}
#adminbar a {
  display: block;
  float: left;
  margin: 0 1px;
  padding: 1px 5px;
  background: black;
}