/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix, .givelayout {
  zoom: 1;
}

img {
  vertical-align: top;
  behavior:	url("/javascripts/pngbehavior.htc");
}

body {
  background: black url(/images/backgrounds/home_client.gif) no-repeat left top;
  text-align: right;
}

body.about {
  background: black url(/images/backgrounds/about_us.gif) no-repeat left top;
}

body.how_we_work {
  background: black url(/images/backgrounds/how_we_work.gif) no-repeat left top;
}

body.projects {
  background: black url(/images/backgrounds/projects.gif) no-repeat left top;
}

body.contact {
  background: black url(/images/backgrounds/contact_us.gif) no-repeat left top;
}

#page {
  width: 780px;
  margin: 0 0 3em auto;
  text-align: left;
  font: 10px/1.5 verdana, arial, sans-serif;
  color: #818181;
}

#page a {
  color: #818181;
}


#logo {
  width: 189px;
  height: 80px;
  border-bottom: 1px solid #666F7A;
}

#navigation {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  width: 586px;
  background: black;
  border-bottom: 1px solid #666F7A;
  border-left: 5px solid black;
}

#navigation li {
  float: right;
  clear: right;
  height: 18px;
  margin-bottom: 2px;
}

#navigation span {
  display: none;
}

#navigation a {
  display: block;
  float: right;
  height: 18px;
}

#project {
  background: #2F2F2F url(/images/project.gif) no-repeat;
  width: 195px;
  padding-right: 10px;
}

#project:hover, .projects #project {
  background-color: #ff58e9;
  background-position: 0 -18px;
}

#project:hover a, .projects #project a {
  background-position: 0 -18px; 
}

.projects #project a.selected {
  background-position: 0 -36px; 
}

a#p1 {
  background: url(/images/p1.gif);
  width: 22px;
}

a#p2 {
  background: url(/images/p2.gif);
  width: 22px;
}

a#p3 {
  background: url(/images/p3.gif);
  width: 22px;
}

a#p4 {
  background: url(/images/p4.gif);
  width: 22px;
}

a#p5 {
  background: url(/images/p5.gif);
  width: 22px;
}

a#p6 {
  background: url(/images/p6.gif);
  width: 22px;
}

#about a {
  background: #232323 url(/images/about_us.gif) no-repeat;
  width: 62px;
  padding-right: 10px;
}

#how_we_work a {
  background: #2F2F2F url(/images/how_we_work.gif) no-repeat;
  width: 89px;
  padding-right: 10px;
}

#contact a {
  background: #232323 url(/images/contact.gif) no-repeat;
  width: 58px;
  padding-right: 10px;
}

#about a:hover, #how_we_work a:hover, #contact a:hover, #login:hover,
.about #about a, .how_we_work #how_we_work a, .contact #contact a {
  background-position: 0 -18px;
}

#about a:hover, .about #about a {
  background-color: #83C939;
}

#how_we_work a:hover, .how_we_work #how_we_work a {
  background-color: #F0CE00;
}

#contact a:hover, .contact #contact a {
  background-color: #186576;
}

#other {
  position: absolute;
  top: 0;
  right: 216px;
  width: 350px;
}

#login {
  display: block;
  height: 18px;
  width: 190px;
  background: url(/images/login.gif);
}

#login span {
  display: none;
}

#footer {
  position: relative;
  margin-top: 2px;
  clear: both;
}

#ident {
  background: url(/images/fade_bg.jpg) repeat-x;
  border-top: 1px solid #666F7A;
  width: 159px;
  padding: 15px;
  color: #333;
}

#ident a {
  color: #333;
  text-decoration: none;
}


#ident span {
  color: white;
}

#ident #comp {
  font-weight: bold;
  text-transform: uppercase;
  color: #818181;
}

#sec_navigation {
  position: absolute;
  top: 0;
  right: 0;
  width: 586px;
  background: url(/images/fade_bg.jpg) repeat-x;
  border-top: 1px solid #666F7A;
}

#address {
  width: 330px;
  margin: 15px;
}

#nav {
  position: absolute;
  right: 15px;
  top: 15px;
  text-align: right;
}

#nav a {
  color: #818181;
  text-decoration: none;
}

.projects #sec_project, #sec_project:hover {
  color: #FF58E9;
}

.projects #sec_project a, #sec_project:hover a {
  color: #FF58E9;
}

.projects #sec_project a.selected {
  color: #FFF;
}

#disclaimer {
  padding: 0 15px 15px 15px;
  margin-left: 194px;
  color: #333333;
  background: black;
}

#content {
  background: black;
  font-family: Helvetica, Arial, sans-serif;
}

#sidebar, #main {
  float: left;
  background: url(/images/fade_bg.jpg) repeat-x;
}

#sidebar {
  width: 189px;
}

#main {
  width: 586px;
  margin-left: 4px;
  min-height: 482px;
}

#main.fullimage {
  min-height: 0;
}

* html #main.fullimage {
  height: auto;
}

#main p {
  margin: 25px 100px 15px 15px;
}

#main .main_copy p {
  font-size: 16px;
}

#sidebar h1 {
  font-weight: bold;
  font-size: 15px;
  margin: 25px 15px 15px 15px;
}

#sidebar p {
  margin: 15px;
}

.about #content, .about #sec_about, #sec_about:hover {
  color: #72C12E;
}

.how_we_work #content, .how_we_work #sec_how_we_work, #sec_how_we_work:hover {
  color: #E9C609;
}

.contact #content, .contact #sec_contact, #sec_contact:hover {
  color: #288CA3;
}

#summary {
  font-size: 15px;
  margin: 10px 15px;
}

#main h1 {
  font-size: 17px;
  *font-size: 20px;
  margin: 25px 15px 0 15px;
}

#main p.subtitle {
  font-size: 16px;
  *font-size: 18px;
  margin: 0 15px 15px 15px;
}

.sIFR-active #main p.subtitle {
  margin-top: -15px;
  *margin-top: 0;
  *padding-bottom: 7px;
}

#movie {
  margin: 15px;
}

#mov {
  float: left;
  margin-left: -15px;
}

#desc {
  margin-left: 375px;
}

#shots {
  background: url(/images/project_bg.jpg) no-repeat;
  text-align: center;
  position: relative;
}

.ss_row {
  text-align: left;
  margin: 0 auto;
}

.ss1 {
  width: 180px;
}

.ss2 {
  width: 370px;
}

.ss3 {
  width: 560px;
}

.shot {
  float: left;
  margin-right: 10px;
}

.shot.last {
  margin-right: 0;
}

#shots .shot p {
  font-weight: bold;
  margin: 3px 0 20px 0;
}

#proj_id {
  margin: 10px 0;
}

#proj_extra {
  background: url(/images/fade_bg.jpg) repeat-x;
  margin: 0;
  padding-top: 10px;
  color: #333;
}

p#slideshow_link {
  border: none;
  text-align: left;
  padding: 10px 0;
  font-size: 11px;
  font-weight: bold;
}

p#slideshow_link a {
  color: #f9c7ee;
}

#slideshow {
  width: 580px;
  height: 440px;
}

p#back_to_proj {
  padding: 15px;
  margin: 0;
  text-align: left;
}

p#back_to_proj a {
  color: #c7f3eb;
}

#notes {
  color: #FFF;
  margin-bottom: 100px;
}

#notes h3 {
  font-weight: bold;
  margin: 15px;
}

#full_display {
  text-align: right;
  position: relative;
}

p#email_link {
  margin-top: 0;
  font-size: 20px;
}

/* == ADMIN STYLES == */

#admin_nav {
  margin: 25px 15px;
  font-size: 20px;
}

#main table {
  margin: 25px 15px;
  font-size: 12px;
  width: 535px;
  border-collapse: collapse;
}

#main table td {
  border: 1px solid #333;
  padding: 5px;
}

#main table th {
  border: 1px solid #333;
  background: #333;
  padding: 5px;
  color: black;
}

label {
  display: block;
  font-size: 12px;
}

.new {
  font-size: 12px;
}

input, textarea, select {
  color: #FFF;
  background: #333;
  border: 1px solid #818181;
  font: 12px/1.5 verdana, arial, sans-serif;
}

h2 {
  font-size: 12px;
  margin: 30px 15px 15px 15px;
  border-bottom: 1px solid #333;
}

input.short {
  width: 50px;
}

div#proj_desc {
  color: #FF58E9;
}