/****************************************************************************************************
  **   Grid Settings:
  **     - Column Count: 12
  **     - Column Width: 66px
  **     - Gutter Width: 14px
  **     - Total Width : 946px
  **
  ****************************************************************************************************/

body { 
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
  background: #fee900;
  color: #353535;
}
h1,h2,h3,h4,h5,h6 {
  color: #353535;
}
a, a:link, a:visited, a:hover, a:active {
  color:#1F9AFF;
  text-decoration:none;
  outline:none !important;
}
a:hover {
  text-decoration:underline;
}
.clickable {
  cursor:pointer;
}
.numbers {
  text-align:right;
}

.inlineList li, .inlineList dd, .inlineList dt
 {
  display:inline;
}
ul {
  list-style: none;
  padding:0;
  margin:0;
}
dd {
  margin:0;
}
.inputs .hidden {
  margin:0;
}
.nav {
  position:fixed;
  z-index:10;
  width:100%;
  background: #fee900 url('../images/back.gif') repeat-x !important;
  left:0;
  top:0;
}
.navOffset {
  padding-top:65px;
}
.nav li {
  display:block;
  float:left;
}
.projectImage {
  height:251px;
  width:100%;
  overflow:hidden;
}
.nav .logo, .nav .studio, .nav .services, .nav .process, .nav .work, .nav .clients, .nav .contact {
  background: #353535 url('../images/nav.png') no-repeat;
  text-indent:-9000px;
  height:65px;
  cursor:pointer;
}
.nav .logo, .nav .logo:hover, .nav .logo.selected {
  width:207px;
  background-position: 0px 0px;
}

.nav .logo:hover {
  background-position: 0px -65px;
}

.nav .studio, .nav .studio:hover, .nav .studio.selected {
  width:91px;
  background-position: -207px 0px;
}
.nav .studio:hover {
  background-position: -207px -65px;
}
.nav .studio.selected {
  background-position: -207px -130px;
}
.nav .services, .nav .services:hover, .nav .services.selected {
  width:92px;
  background-position: -299px 0px;
}
.nav .services:hover {
  background-position: -299px -65px;
}
.nav .services.selected {
  background-position: -299px -130px;
}
.nav .process, .nav .process:hover, .nav .process.selected {
  width:85px;
  background-position: -391px 0px;
}
.nav .process:hover {
  background-position: -391px -65px;
}
.nav .process.selected {
  background-position: -391px -130px;
}
.nav .work, .nav .work:hover, .nav .work.selected {
  background-position: -476px 0px;
  width:67px;
}
.nav .work:hover {
  background-position: -476px -65px;
}
.nav .work.selected {
  background-position: -476px -130px;
}
.nav .clients, .nav .clients:hover, .nav .clients.selected {
  background-position: -543px 0px;
  width:79px;
}
.nav .clients:hover {
  background-position: -543px -65px;
}
.nav .clients.selected {
  background-position: -543px -130px;
}
.nav .contact, .nav .contact:hover, .nav .contact.selected {
  background-position: -622px 0px;
  width:78px;
}
.nav .contact:hover {
  background-position: -622px -65px;
}
.nav .contact.selected {
  background-position: -622px -130px;
}
.seperator {
  background: transparent url('../images/seperator.gif') repeat-x 0 32px;
  height:3px;
  margin:0 !important;
  height:72px;
  width:100%;
}
.profileImage {
  background-color:#fff;
}
.profileImage div{
  text-indent:-9000px;
  height:164px;
  margin:8px;
}
.profileImage div.mark {
  background: transparent url('../images/mark.jpg') no-repeat scroll;
}
.profileImage div.zander {
  background: transparent url('../images/zander.jpg') no-repeat scroll;
}

#projectDescription .link {
  text-align:right;
}
.bullets a{
  font-size:30px;
  color:#C1BE85;
  cursor:pointer;
  text-decoration:none;
}
.bullets li {
  display:inline;
  margin:0;
  padding:0;
  line-height:54px;
}
.bullets a.activeSlide {
  color:#fff;
  cursor:default;
}
#projectTile .pagination {
  text-align:center;
}

.studioHeader, .servicesHeader, .processHeader, .workHeader, .clientsHeader, .contactHeader {
  background: transparent url('../images/headers.png') no-repeat scroll;
  height:36px;
  text-indent:-9000px;
}
.servicesHeader {
  background-position:0 -36px;
}
.processHeader {
  background-position:0 -72px;
}
.workHeader {
  background-position:0 -108px;
}
.clientsHeader {
  background-position:0 -144px;
}
.contactHeader {
  background-position:0 -180px;
}
.serviceHeadersDevise, .serviceHeadersDesign, .serviceHeadersDevelop, .contactSubHeader {
  background: transparent url('../images/subheaders.png') no-repeat scroll;
  height:36px;
  text-indent:-9000px;
  margin:0;
}
.serviceHeadersDesign {
  background-position:0 -36px;
}
.serviceHeadersDevelop {
  background-position:0 -72px;
}
.contactSubHeader {
  background-position:0 -108px;
}
.serviceList li {
  background-color:#FEF462;
  padding:8px 0 9px 16px;
  margin-bottom:1px;
}
#processSlide {
  width:354px;
  background-color:#fff;
  padding:16px;
}
#processSlide .slide {
  height:238px;
  width:354px;
  cursor:pointer;
  background-color:#FEF462;
  overflow:hidden;
}
#clients img {
  padding-bottom:10px;
}
.credit {
  text-align:right;
}
.arrow {
  color:#676227;
  padding-right:14px;
}
.quote {
  margin-bottom:0;
}
.clientList {
  font-weight:bolder;
}
.nextButton {
  text-align:right;
}
.workSample {
  height:180px;
  background-color:#FEF462;
}
fieldset {
  border:none;
}
.contactForm label {
  width:25%;
  padding-right:14px;
}
.contactForm input[type=text]{
  height:30px;
  font-size:2.0em;
  width:86%;
}
.contactForm .submit{
  text-indent:-9000px;
  background: transparent url('../images/submit_button.png') no-repeat scroll;
  width:65px;
  height:29px;
  display:block;
}
#footer {
  text-align:right;
}
#facebox .b {
  background:url(../images/b.png);
}

#facebox .tl {
  background:url(../images/fbx-border-sprite.png) 0 0;
  width: 10px; 
  height: 10px;
}

#facebox .tr {
  background:url(../images/fbx-border-sprite.png) -10px 0;
  width: 10px; 
  height: 10px;
}

#facebox .bl {
  background:url(../images/fbx-border-sprite.png) -20px 0;
  width: 10px; 
  height: 10px;
}

#facebox .br {
  background:url(../images/fbx-border-sprite.png) -30px 0;
  width: 10px; 
  height: 10px;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .footer img {
  vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}