body {
background: #fff;
margin:0;
padding: 0;
line-height: 26px;
color: #555;
letter-spacing: -.05em;
font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}

.head {
height: 40px;
width: 100%;
background: #000;
}

.spots_top_bg {
height: 100%;
width: 100%;
background: #000 url('images/bg_big.jpg') no-repeat top center;
margin: 0 auto;
}

.client_top_bg {
height: 110px;
width: 100%;
background: #0d213c url('images/bg4.jpg') no-repeat center;
margin: 0 auto;
}

.top_bg {
height: 320px;
width: 100%;
background: #0d213c url('images/bg4.jpg') no-repeat center;
margin: 0 auto;
}


.top_wrapper {
width: 930px;
margin:0 auto;
}

.logo {
width: 410px;
float: left;
margin-top: 20px;
}

div.topnav {
width:400px;
height:34px;
background: url('images/topnav.png') no-repeat;
margin: 0px auto;
float: right;
margin-top: 25px;
}

#nav li a {
text-indent:-999em;
display:block;	
list-style: none;
float: left;
}


#nav, #nav li {
list-style: none;
float: left;
margin: 0;
padding: 0;
}

#nav li a.spots					{ background: url('images/topnav.png') no-repeat 0px 0px; width: 162px; height: 34px }
#nav li a:hover.spots	   		{ background: url('images/topnav_over.png') no-repeat 0px 0px; width: 162px; height: 34px }

#nav li a.client_list			{ background: url('images/topnav.png') no-repeat -162px 0px; width: 173px; height: 34px }
#nav li a:hover.client_list	   	{ background: url('images/topnav_over.png') no-repeat -162px 0px; width: 173px; height: 34px }



.best_work {
width:930px;
margin: 0 auto;
margin-top: 45px;
}

.best_work ul {list-style: none; margin: 0; padding: 0; }
.best_work li {list-style: none; margin: 0; padding: 0; margin-right: 15px; margin-top: 10px; float: left; width:170px; height: 110px; text-align: center; color: #fff; font-family: Georgia; font-style: italic;}
.bestwork_pic {width:170px; height: 110px; border: 3px solid #fff;}


.best_work h2 {
margin: 0;
padding: 0;
margin-bottom: 10px;
text-indent: -999em;
width: 271px;
height: 25px;
background: url('images/best_work_head.png') no-repeat;
}



.client_bottom_bg {
width: 100%;
background: #fff url('images/bottom_bg.jpg') repeat-x;
}


.bottom_bg {
width: 100%;
background: #fff url('images/bottom_bg.jpg') repeat-x;
}

.bottom_wrapper {
width: 890px;
margin: 0 auto;
padding-top: 45px;
}

.obama {padding-bottom: 10px; padding-top: 10px;}

.about {
width: 540px;
float: left;
margin-right: 50px;
padding-bottom: 20px;
}

.about h2 {
margin: 0;
padding: 0;
text-indent: -999em;
width: 213px;
height: 33px;
background: url('images/about_head.png') no-repeat;
}

.client_list {
width: 900px;
padding-bottom: 10px;
font-weight: 200;
}

.client_list h2 {
margin: 0;
padding: 0;
text-indent: -999em;
width: 243px;
height: 33px;
background: url('images/client_head.png') no-repeat;
margin-bottom: 15px;
}


.contact {
width: 250px;
float: left;
}

.contact p {
margin-left: 10px;
}

p.contact_box {
padding: 10px;
width: 250px;
background: #ececec; border: 1px solid #ddd;
}

.contact h2 {
margin: 0;
padding: 0;
text-indent: -999em;
width: 269px;
height: 33px;
background: url('images/contact_head.png') no-repeat;
}

.videos {
width: 900px;
margin: 0 auto;
padding-bottom: 20px;
margin-top: 15px;
}

.index_footer {
width: 900px;
border-top: 1px solid #ddd;
}

.footer {
width:860px;
margin:0px auto;
color:#999;
font-size: 12px;
margin: 0px 0;
padding: 10px 0px;
}

.footer a {
text-decoration: none;
color: #78b3dd;
font-size: 12px;
font-weight: bold;
}

.footer a:hover {
text-decoration: underline;
color: #78b3dd;
}

.footer_left {
width:500px;
float:left;
margin: 0 10px;
}

.footer_left ul {
list-style:none;
margin:0;
padding:0;
}

.footer_left li {
list-style:none;
margin:0;
padding:0px 5px;
float:left;
}

.footer_right { width:185px; height:54px; float:right; }

.footer_right a {
text-indent: -999em;
text-decoration: none;
background: url('images/jbird_logo.jpg') no-repeat 0px 0px; width: 185px; height: 54px;
}


.footer_right a:hover  {
background: url('images/jbird_logo_over.jpg') no-repeat 0px 0px; width: 185px; height: 54px;
text-indent: -999em;
}
.jbird {float:right; padding-top:5px;}





.bottom_round {
background: url('images/bottom_round.jpg') no-repeat;
width: 930px;
height: 39px;
margin: 0 auto;
position: relative; bottom: 25px; left: 0px; z-index: 100;

}


h1 {
  color: #fff;
  line-height: 24px; 
  font-size: 24px;
  padding:0;
  margin:0;
  margin-top: 25px;
  margin-bottom: 10px;
  font-weight: 200;
  text-transform: uppercase;
}

.clear {clear: both;}


p {letter-spacing: -.07em; margin: 3px auto; padding: 0;}


table {
	width: 100%;
	text-align: left; 
	}

th { padding: 7px 5px; font-size: 18px; color: #333; background: #ddd;}

td{padding: 7px 5px; font-size: 16px;}
	
.odd {
	background-color: #f0f0ee; }
.odd td {}

td.title a {font-size: 18px;  letter-spacing: -.10em;}
td.title a:hover { text-decoration: none; border-bottom: 1px dashed #999; color: #333;}


.video_pics ul {list-style:none; margin: 0; padding: 0;}
.video_pics li {list-style:none; margin: 0; padding: 0; float: left; margin-right: 10px; margin-bottom: 10px; width: 150px; height: 100px; border: 3px solid #ddd;}




.tab_nav {
width: 822px;
height: 36px;
margin: 0px;
}


.tab_nav li a {
list-style: none;
margin: 0;
padding: 0;
float: left;
text-indent: -999em;

}

.tab_nav li {
list-style: none;
margin: 0;
padding: 0;
border: none;
float: left;
margin-bottom: 15px;
}

.tab_nav li a.all					{ background: url('images/spots_nav.png') no-repeat 0px 0px; width: 123px; height: 36px }
.tab_nav li a:hover.all	   			{ background: url('images/spots_nav_over.png') no-repeat 0px 0px; width: 123px; height: 36px }

.tab_nav li a.political				{ background: url('images/spots_nav.png') no-repeat -123px 0px; width: 137px; height: 36px }
.tab_nav li a:hover.political   	{ background: url('images/spots_nav_over.png') no-repeat -123px 0px; width: 137px; height: 36px }

.tab_nav li a.attacks				{ background: url('images/spots_nav.png') no-repeat -260px 0px; width: 219px; height: 36px}
.tab_nav li a:hover.attacks	   		{ background: url('images/spots_nav_over.png') no-repeat -260px 0px; width: 219px; height: 36px }

.tab_nav li a.corporate				{ background: url('images/spots_nav.png') no-repeat -479px 0px; width: 153px; height: 36px }
.tab_nav li a:hover.corporate	   	{ background: url('images/spots_nav_over.png') no-repeat -479px 0px; width: 153px; height: 36px }

.tab_nav li a.issues				{ background: url('images/spots_nav.png') no-repeat -632px 0px; width: 190px; height: 36px }
.tab_nav li a:hover.issues	   		{ background: url('images/spots_nav_over.png') no-repeat -632px 0px; width: 190px; height: 36px }