/* CSS Document by Dana Onel */

body {
padding: 0;
margin: 0;
background: #252525 url("/images/layout/green-line.gif") repeat-x;
color: #e1e1e1;
font: normal 10px Verdana, Arial, sans-serif;
}

div, h1, h2, td {
margin: 0;
padding: 0;
}

img {
border: none;
}

a:link, a:visited, h2 {
color: #95c4f4;
outline: none;
}

#content {
width: 900px;
margin: 2px auto;
padding: 20px 0;
background: #252525 url("/images/layout/gray-bg.jpg") no-repeat;
text-align: left;
}

.clear {
clear: both;
display: block;
}

#footer {
text-align: center;
clear: both;
color: #474747;
margin: 15px auto;
width: 489px;
text-indent: -9999px;
background: transparent url("/images/layout/footer.gif") no-repeat; 
height: 25px;
}

/*** Navigation Styles - start ***/

#flashnav {
height: 125px;
width: 900px;
margin: 0 auto;
background: #818181 url('/images/layout/header-bg.jpg') no-repeat;
}

#flashnav-inside {
width: 900px;
text-align: left;
height: 125px;
margin: 0 auto;
/*background: #717171 url('/images/layout/header-bg.jpg') no-repeat;*/
}
#header {
width: 900px;
height: 125px;
margin: 0 auto;
text-align: left;
}

#header img {
border: none;
float: left;
margin-left: 440px;
}

#nav ul {
margin-top: 40px;
list-style: none;
float: left;
}

#nav ul li {
float: left;
}

#nav ul li a {
display: block;
height: 23px;
text-indent: -9999px;
}

#nav ul li a#who-we-are {
background: url('/images/nav/who-we-are.gif') 0 0 no-repeat;
width: 86px
}

#nav ul li a#our-work {
background: url('/images/nav/our-work.gif') 0 0 no-repeat;
width: 75px
}

#nav ul li a#plus-minus {
background: url('/images/nav/plus-minus.gif') 0 0 no-repeat;
width: 96px
}

#nav ul li a#contact-us {
background: url('/images/nav/contact-us.gif') 0 0 no-repeat;
width: 85px
}

#nav ul li.on a#who-we-are,
#nav ul li.on a#our-work,
#nav ul li.on a#plus-minus,
#nav ul li.on a#contact-us,
#nav ul li a:hover, 
#nav ul li a#who-we-are:hover,
#nav ul li a#our-work:hover,
#nav ul li a#plus-minus:hover,
#nav ul li a#contact-us:hover
 {
background-position: 0 -23px;
}
/*** Navigation Styles - end ***/



/*** Page specific styles ***/

/*** Home Page - Start ***/

.columns {
margin: 20px 0;
padding: 0;
text-align: left;
}

#news {
width: 290px;
padding-right: 5px;
float: left;
}

#what-we-do {
width: 290px;
padding: 0 5px;
float: left;
border-right: 1px solid #373737;
border-left: 1px solid #373737;
}

#threedbcreative {
float: left;
padding-left: 5px;
}

#what-we-do h2, #threedbcreative h2 {
text-indent: -9999px;
height: 25px;
width: 100px;
}

#what-we-do h2 {
background: url('/images/layout/title-what-we-do.gif') no-repeat;
}

#threedbcreative h2 {
background: url('/images/layout/title-3db-creative.gif') no-repeat;
}

/*** Home Page - End ***/

/**** Who we are page - Start ***/

#flash-who-we-are {
width: 600px;
float: left;
clear: left;
text-align: left;
}

#flash-who-we-are  h2 {
margin-top: 20px;
clear: both;
}

h2#who-we-are-h2 {
text-indent: -9999px;
width: 100%;
height: 27px;
margin-top: 0;
background: url('/images/who-we-are/agency.gif') no-repeat;
}

.blue, #flash-who-we-are h2 {
color: #95c4f4;
}

.services {
float: left;
margin: 0 0 20x 0;
padding-left: 15px;
}

#flash-side {
width: 270px;
float: left;
padding-left: 10px;
text-align: left;
}

#flash-side .pictures {
width: 56px;
height: 56px;
float: left;
margin: 5px 10px 5px 0;
background-color: #181818;
}

/**** Who we are page - End ***/

/**** Our Work page - Start ***/

#flash-our-work #side {
width: 300px;
float: left;
text-align: left;
}

#flash-our-work #side .pics-our-work {
width: 90px;
height: 90px;
float: left;
margin: 0 10px 10px 0;
background-color: #1e1e1e;
}

#our-work-details {
width: 580px;
float: left;
text-align: left;
}
/*
#our-work-details h2 {
text-indent: -9999px;
background: url('/images/our-work/native-instruments.gif') no-repeat;
width: 580px;
height: 35px;
margin-top: 10px;
float: left
}*/

img.detail-pics {
float: left;
margin: 10px 0 10px 10px;
}

#our-work-details p {
clear: both;
}
/**** Our Work page - End ***/

/**** Contact Us page - Start ***/

  #flash-join-email, #flash-careers, #flash-driving-directions {
 width: 290px;
 float: left;
 }
 
 #flash-join-email, #flash-careers {
 border-right: 1px solid #373737;
 margin-right: 10px;
 }
 
 #flash-join-email div, #flash-careers div, #flash-driving-directions  div {
 padding-left: 10px;
 text-align: left;
 }
 
  #flash-join-email div {
  width: 260px;
  padding-left: 0;
  }
  
  #flash-join-email dt {
  width: 150px;
  margin-bottom: 5px;
  float: left;
  }

  #flash-join-email dd {
  margin: 0 0 5px 155px;
  }

  input#email-address {
  border: 1px solid #555;
  background-color: #3b3b3b;
  width: 150px;
  }

  #flash-join-email label {
  font-weight: bold;
  }
/**** Contact Us page - End ***/
  
/**** News page - Start ***/
  
#news-side {
width: 240px;
float: left;
}

#news-side h2 {
background: #414141 url("/images/news/news-title.gif") no-repeat;
text-indent: -9999px;
height: 34px;
}

#news-side, #content-news {
background-color: #414141;
border: 10px solid #202020;
padding: 15px;
height: 900px;
overflow: hidden;
font: normal 12px Arial, Verdana, sans-serif;
text-align: left;
}

#content-news {
padding-top: 0;
height: 915px;
}

#news-side a:link, #news-side a:visited {
color: #e3e3e3;
}

#news-side a:hover {
color: #95c4f4;
}

#content-news {
width: 550px;
float: right;
}
#content-news h2 {
font-size: 18px;
}
.news-date {
font-size: 11px;
}

.news {
border-bottom: 1px solid #5a5a5a;
padding: 10px 0;
}

.news img {
float: right;
margin: 0 0 10px 10px;
border: 1px solid #5a5a5a;
}

/**** News page - End ***/

/**** Plus Minus page - Start ***/

td {
vertical-align: top;
}

td.spacer-cell {
width: 25px;
}

#intro-plus-minus, #plus, #minus, #plus-minus-pagination {
border: 10px solid #202020;
padding: 15px;
margin-bottom: 10px;
background-color: #414141;
font: normal 12px Arial, Verdana, sans-serif;
color: #e3e3e3;
text-align: left;
}

#plus, #minus {
width: 385px;
/*float: left;*/
background: #414141 url("/images/plus-minus/plus-minus-bg.gif") repeat-x;
padding-top: 10px;
/*height: 900px;
overflow: hidden;*/
}

#plus-minus-pagination {
text-align: right;
margin-top: 5px;
padding: 10px;
}


#plus-minus-pagination a {
padding: 0 5px;
color: #fff;
text-decoration: none;
}

#plus-minus-pagination a.pages {
border-left: 1px solid #fff;
}

#plus h2 img, #minus h2 img {
margin: 0 0 20px 85px;
}

.post {
border-bottom: 1px solid #5a5a5a;
padding-bottom: 10px;
margin: 0 0 25px 0;
}

#plus h3 {
color: #1adf00;
padding: 0;
margin: 0;
}

#minus h3 {
color: #ff3232;
padding: 0;
margin: 0;
}

.post-date {
font-size: 10px;
}

/**** Plus Minus page - End ***/

/*** 404 Error page - Start ***/

#content.error404 {
text-align: center;
}

#content.error404 img {
margin: 10px auto 300px auto;
}

/*** 404 Error page - End ***/