a {
outline: none;
}
ul {
  list-style:none;
}
body {
  background: #000 url('../images/shared/background.jpg') repeat-x;
  padding-top:40px;
  color:#7E7E7E;
}
p { line-height:2.5em;margin-bottom:1.25em; }
h1,h2,h3,h4,h5,h6 {
  color:#aaaaaa;
}
ul.services {
  padding:0;
  margin:0;
}
.serviceTrigger {
  cursor:pointer;
}
.arrowState {
  color:#fff;
  cursor:pointer;
  background: url(../images/shared/arrow.gif) 251px 12px no-repeat;
}

.contactInfo dd {
  margin:0;
  font-weight:bolder;
}

.sectionHeader {
  border:1px solid transparent;
  border-bottom: 1px dotted #2A2A2A;
  height:40px;
}

.sectionHeader h2 {
  float:left;
}
.sectionHeader a {
  float:right;
}

.backToTop {
  display:block;
  background: url(../images/shared/nav_back_top.gif) 0px 0px no-repeat;
  background-position:  0px 0px;  /*left | top*/
  height:22px;
  width:72px;
  text-indent:-9000px;
  text-decoration:none;
}
.backToTop:hover, .backToTop:active {
  background-position:  0px -22px;  /*left | top*/
}

.tag-logo {
  width: 453px;
    height:128px;
  background: url(../images/shared/text_tag_line.png) 0px 47px no-repeat;
}

.address-top {
  width: 192px;
   height:125px;
  background: url(../images/shared/address_top.png) 0px 32px no-repeat;
}

.header-main{
  width: 192px;
   height:22px;
  background-position:  0px 0px;  /*left | top*/
  background: url(../images/shared/text_headers.png) 0px 0px no-repeat;
}

.header-ourwork {
  top: 20px;
  width: 192px;
   height:22px;
  background: url(../images/shared/text_headers.png) 0px  10px no-repeat;
  background-position:  0px -22px;  /*left | top*/
}

.header-services {
  top: 20px;
  width: 192px;
   height:22px;
  background: url(../images/shared/text_headers.png) 0px  10px no-repeat;
  background-position:  0px -44px;  /*left | top*/
}

.header-clients {
  top: 20px;
  width: 192px;
   height:22px;
  background: url(../images/shared/text_headers.png) 0px  10px no-repeat;
  background-position:  0px -66px;  /*left | top*/
}

#menuContainer {
  z-index:900;
  position:relative;
  background-color:#0D0D0D;
}
#menu ul {
  padding:0;
  margin:0;
}

#promoSlides {
  padding:0 !important;
  width:1070px;
}
#promoSlides a {
  display:block;
  width:1070px;
  height:358px;
}
#promoSlides {
  background-color:#000;
}
.promoContainer {
  background-color:#000;
  width:1070px;
  height:358px;
  overflow:hidden;
}
#promoSlides, #menu ul {
  margin:0;
  padding:0;
  display:block;
  background-color:#000;
  overflow:hidden;
}

#buttonContainer a, #buttonContainer a.activeSlide {
  display:block;
  float:left;
  width:80px;
  height:60px;
  overflow:hidden;
  background-color:#000;
  text-align:center;
  font-size:20px;
  text-decoration:none;
  padding-top:20px;
  color:#404142;
  background-color:#232323;
}
#buttonContainer a:hover{
  background-color:#000;
  color:#868686;
  cursor:pointer;
}
#buttonContainer a.activeSlide, #buttonContainer a.activeSlide:hover {
  color:#EE4B30;
  background-color:#000;
}

#mainNav a {
  text-indent:-90000px;
}

#mainNav .agency a {
  float: left;
  width: 192px;
  height: 42px;
  background: url(../images/nav_main/nav_main.gif) 0px 0px no-repeat;
  text-decoration: none;
  display: block;
}

#mainNav .agency a:hover 
{
  background-position:  -192px 0px;  /*left | top*/
  cursor: pointer;
}

#mainNav .work a {
  float: left;
  width: 192px;
  height: 42px;
  background: url(../images/nav_main/nav_main.gif) 0px 0px no-repeat;
  background-position:  0px -43px;  /*left | top*/
  text-decoration: none;
  display: block;
}

#mainNav .work a:hover 
{
  background-position:  -192px -43px;  /*left | top*/
  cursor: pointer;
}

#mainNav .services a {
  float: left;
  width: 192px;
  height: 35px;
  background: url(../images/nav_main/nav_main.gif) 0px 0px no-repeat;
  background-position:  0px -86px;  /*left | top*/
  text-decoration: none;
  display: block;
}

#mainNav .services a:hover 
{
  background-position:  -192px -86px;  /*left | top*/
  cursor: pointer;
}

#mainNav .clients a {
  float: left;
  width: 192px;
  height: 35px;
  background: url(../images/nav_main/nav_main.gif) 0px 0px no-repeat;
  background-position:  0px -119px;  /*left | top*/
  text-decoration: none;
  display: block;
}

#mainNav .clients a:hover 
{
  background-position:  -192px -119px;  /*left | top*/
  cursor: pointer;
}

#mainNav .contactus a {
  float: left;
  width: 192px;
  height: 35px;
  background: url(../images/nav_main/nav_main.gif) 0px 0px no-repeat;
  background-position:  0px -152px;  /*left | top*/
  text-decoration: none;
  display: block;
}

#mainNav .contactus a:hover 
{
  background-position:  -192px -152px;  /*left | top*/
  cursor: pointer;
}

#mainNav .reelbutton a {
  text-indent:-90000px;
  float:left;
  display:block;
  width: 292px;
  height:191px;
  overflow:hidden;
  background: url('../images/nav_main/nav_reel.gif') no-repeat scroll top left;
}
#mainNav .reelbutton a:hover {
  background-position:  0px -191px;  /*left | top*/
}

#work .workSample{
  width:328px;
  height:234px;
  background-color:#0D0D0D;
  margin-bottom:10px;
  float:left;
  margin-right:12px;
}
#work_1, #work_2, #work_3, #work_4, #work_5, #work_6 {
  background: #DDD url('../images/shared/work_projects.jpg') no-repeat;
  opacity:0.8;
}
#work_1:hover, #work_2:hover, #work_3:hover, #work_4:hover, #work_5:hover, #work_6:hover {
  opacity:1.0;
  cursor:pointer;
}
#work_2 {
  background-position: -328px 0;
}
#work_3 {
  background-position: -657px 0;
}

#work_4 {
  background-position: 0 -234px;
}

#work_5 {
  background-position: -328px -234px;
}
#work_6 {
  background-position: -657px -234px;
}
#services dl, #services dd {
  padding:0;
  margin:0;
}

#services dd, #agency .services li {
  height:32px;
  border:1px solid transparent;
  border-bottom: 1px dotted #2A2A2A;
  line-height:30px;
}

#services dd.first, #agency .services li.first {
  height:25px;
  line-height:15px;
}
#services dd.last, #agency .services li.last {
  border-bottom: 1px solid #000000;
}

#clients ul {
  padding:0;
}
#clients li {
  height:32px;
  line-height:30px;
}

#clients .clientLogo {
  background-color:#0D0D0D;
  height:194px;
  width:260px;
  margin: 0 0 10px 0;
}
#clients .clientLogo:hover, #clients .clientLogo:active, #clients .clientLogo.selected {
  background-color:#1f1f1f
}
#clients #clientNames li:hover, #clients #clientNames li:active, #clients #clientNames li.selected {
  color:#fff;
  cursor:pointer;
}

#clientLogo_1 {
  background: #DDD url('../images/shared/logos_clients.gif');
  background-position:  0px 0px;  /*left | top*/

}
#clientLogo_1.selected {
  background-position:  0px -194px;  /*left | top*/
}

#clientLogo_2 {
  background: #DDD url('../images/shared/logos_clients.gif');
  background-position:  -260px 0px;  /*left | top*/

}
#clientLogo_2.selected {
  background-position:  -260px -194px;  /*left | top*/
}

#clientLogo_3 {
  background: #DDD url('../images/shared/logos_clients.gif');
  background-position:  -523px 0px;  /*left | top*/
}
#clientLogo_3.selected {
  background-position:  -523px -194px;  /*left | top*/
}

#clientLogo_4 {
  background: #DDD url('../images/shared/logos_clients.gif');
  background-position:  0px -388px;  /*left | top*/ 
}
#clientLogo_4.selected {
  background-position:  0px -582px;  /*left | top*/
}

#clientLogo_5 {
  background: #DDD url('../images/shared/logos_clients.gif');
  background-position:  -260px -388px;  /*left | top*/ 
}
#clientLogo_5.selected {
  background-position:  -260px -582px;  /*left | top*/
}

#clientLogo_6 {
  background: #DDD url('../images/shared/logos_clients.gif');
  background-position:  -523px -388px;  /*left | top*/ 
}

#clientLogo_6.selected {
  background-position:  -523px -582px;  /*left | top*/
}

#clientLogo_7 {
  background: #DDD url('../images/shared/logos_clients.gif');
  background-position:  0px -776px;  /*left | top*/ 
}

#clientLogo_7.selected {
  background-position:  0px -970px;  /*left | top*/
}

#clientLogo_8 {
  background: #DDD url('../images/shared/logos_clients.gif');
  background-position: -260px -776px;  /*left | top*/ 
}

#clientLogo_8.selected {
  background-position:  -260px -970px;  /*left | top*/
  background-color:#000000;
}

#clientLogo_9 {
  background: #DDD url('../images/shared/logos_clients.gif');
  background-position: -523px -776px;  /*left | top*/ 
}

#clientLogo_9.selected {
  background-position:  -523px -970px;  /*left | top*/
}

#contactus .subscribe, #contactus .followus {
  background: url('../images/footer/text_footer_sub_head.png') no-repeat scroll top left;
  width: 68px;
  height: 10px;
}
#contactus  .followus {
  background-position:  0px -10px;  /*left | top*/
}

#contactus .facebook, #contactus .flickr, #contactus .twitter {
  margin-top:10px;
  background: url('../images/footer/logos_social_media.png') no-repeat scroll top left;
  background-position:  0px 0px;  /*left | top*/
  text-indent:-9000px;
  height:17px;
  width:90px;
  float:left;
}
#contactus  .flickr {
  background-position:  -90px 0px;  /*left | top*/
}
#contactus  .twitter {
  background-position:  -180px 0px;  /*left | top*/
}
#contactus  .facebook:hover {
  background-position:  0px -17px;  /*left | top*/
}
#contactus  .flickr:hover {
  background-position:  -90px -17px;  /*left | top*/
}
#contactus  .twitter:hover {
  background-position:  -180px -17px;  /*left | top*/
}
#contactForm input {
  background: url('../images/footer/input_footer_contact.gif') no-repeat scroll;
  font-size:12px;
  border:none;
  width:120px;
  padding:5px;
  color:#fff;
}
#contactForm .formWrapper {
  margin-top:10px;
  border:1px transparent solid;
  width:160px;
  border-bottom: 1px solid #333;
}
#contactForm input[type=submit] {
  background-position:  -170px 0px;  /*left | top*/
  text-indent:-9000px;
  width:20px;
  cursor:pointer;
}
#contactus  .copyright {
  margin-top:10px;
}
#contactus  .address a {
  color:#B4B4B4;
  font-style:italic;
  font-weight:normal;
  text-decoration:none;
}
#contactus  .address dt {
  padding-bottom:10px;
}
#contactus  .address dd {
  padding:0;
  margin:0;
}

.footer {
  padding-top:10px;
  width:100%;
  background: url('../images/footer/footer_gradient.png') repeat-x;
}