/* ----------------------------------------------- 
   NOTES
   1) Used media="Screen" to filter out PPC PIE
   image replacement & links using Sliding Doors:
   http://www.alistapart.com/articles/slidingdoors/
   2) blocks with background images and links have to use 
   position: relative for absolute positioning of links
   3) width/height holly hack used:
   http://www.positioniseverything.net/explorer/escape-floats.html
  ------------------------------------------------ */

/* =Defaults
   ----------------------------------------------- */

* {
  padding:0;
  margin:0;
}

body {
  background: #fff;
  text-align: center;
}

/* =Page
   ----------------------------------------------- */ 

#page {
  margin: 20px auto 0 auto;
  width: 770px;
  background: transparent url(../img/bg.png) top center repeat-y;
  text-align: left;
}

/* =Header
   ----------------------------------------------- */

#header {
  position: relative;
}

#header h1, #header span { display: none; }

#header #logo {
  left: 0;
  top: 0;
  width: 770px;
  height: 88px;
  background: transparent url(../img/header-logo.jpg) top left no-repeat;
}

#header #logo a {
  display: block;
  text-indent: -9999px; 
  text-decoration: none;
  border: none;
}

#header #logo #logo-home {
  position: absolute;
  top: 0;
  left: 0;
  width: 440px;
  height: 88px;
}  

#header #logo #logo-pollies {
  position: absolute;
  top: 0;
  left: 564px;
  width: 183px;
  height: 88px;
} 

/* =Nav 
   ----------------------------------------------- */

#header #nav1 {
  position: relative;
  width: 770px;
  height: 27px; 
}

#header #nav1 #menu1 {
  width: 770px;
  height: 27px; 
  background: transparent url(../img/header-nav.png) top left no-repeat;
  position: relative;
  padding:0;
  margin:0;
}

#header #nav1 #menu1 li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#header #nav1 #menu1 li, #header #nav1 #menu1 li a {
  height: 27px;
  display: block;
  border: none !important;
}

#header #nav1 #menu1 li a {  
  text-indent: -9999px;
  text-decoration: none;
}

/* positioning for links using sliding doors method ala Zeldman */
#menu1who, #menu1who a  { left: 0; width: 500px; }

#menu1contact, #menu1contact a  { left: 500px; width: 109px; }

#menu1search, #menu1search a  { left: 609px; width: 76px; }

#menu1home, #menu1home a  { left: 685px; width: 85px; }

#who-we-are #menu1who, #menu1who a:hover { background: transparent url(../img/header-nav-on.png) 0 0 no-repeat; }

#contact-us #menu1contact, #menu1contact a:hover { background: transparent url(../img/header-nav-on.png) -500px 0 no-repeat; }

#search #menu1search, #menu1search a:hover { background: transparent url(../img/header-nav-on.png) -609px 0 no-repeat; }

#home #menu1home, #menu1home a:hover { background: transparent url(../img/header-nav-on.png) -685px 0 no-repeat; }


/* background for link hover and you are here state */
/* bg position values are -X (left) & Y (top) from top left corner of img */
/*#who-we-are #menu1who, #menu1who a:hover { background: transparent url(../img/header-nav-on.png) 0 0 no-repeat; }

#what-we-do #menu1what, #menu1what a:hover { background: transparent url(../img/header-nav-on.png) -93px 0 no-repeat; }

#research-and-strategy #menu1research, #menu1research a:hover { background: transparent url(../img/header-nav-on.png) -172px 0 no-repeat; }

#our-clients #menu1clients, #menu1clients a:hover { background: transparent url(../img/header-nav-on.png) -297px 0 no-repeat; }

#news-and-commentary #menu1news, #menu1news a:hover { background: transparent url(../img/header-nav-on.png) -372px 0 no-repeat; }

#contact-us #menu1contact, #menu1contact a:hover { background: transparent url(../img/header-nav-on.png) -507px 0 no-repeat; }

#search #menu1search, #menu1search a:hover { background: transparent url(../img/header-nav-on.png) -609px 0 no-repeat; }

#home #menu1home, #menu1home a:hover { background: transparent url(../img/header-nav-on.png) -685px 0 no-repeat; }*/
  
/* =Main
   ----------------------------------------------- */   

#main {
  position: relative;
  width: 770px;
}

#main #title {
  padding: 30px 21px 0 0;
  margin-left: 100px;
}
  * html #main #title {
    margin-left: 167px; /* for IE5 and IE6 in quirks mode */
  }

#nav2 {
  margin-top: 3em;
  float: left;
  width: 120px;
  padding-left: 21px;
  padding-bottom: 2em;
}

#news-and-commentary #nav2 {
  margin-top: 2.5em; /* top of nav2 has h2 not ul */
}

#nav2 #menu2 {
  border-bottom: 1px solid #ddd;
}

#nav2 #menu2 div, #nav2 #menu2 li {
  margin: 0;
  padding: .5em 0;
  border-top: 1px solid #ddd;
}

#nav2 #menu2 ul {
  margin-bottom: 0;
  list-style-type: none;
}

#nav2 #menu2 div.menu2-2 {
  padding-left: 14px;
}

#main #content {
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 2.5em; /* -.5em, padding of #nav2 */
  margin-bottom: 2em;
  padding: 0 21px 2em 0;
  min-height: 285px;
  height: 100%; /* holly hack for floated nav box */
}
/* Win IE 5+ hack for italics box bug */
/* \*/
* html #main {
        overflow: hidden;
        o\verflow: visible;
        width: 100%;
        w\idth: auto;
        he\ight: 1%;
}
/* */

#generic #menu2, #contact #menu2, #Search #menu2 { border: none; }
#generic #content, #contact #content, #Search #content { background: none; }

/* =Main page and you are here backgrounds
   ----------------------------------------------- */

#main {
  background: transparent url(/img/bg-main-clients.png) 0 0 no-repeat;
}

#who-we-are #main {
  background: transparent url(/img/bg-main-clients.png) 0 0 no-repeat;
}

.pollie-awards #main {
  background: transparent url(/img/bg-main-clients.png) 0 0 no-repeat !important;
}

#what-we-do #main {
  background: transparent url(/img/bg-main-clients.png) 0 0 no-repeat;
}

#research-and-strategy #main {
  background: transparent url(/img/bg-main-clients.png) 0 0 no-repeat;
}

#our-clients #main {
  background: transparent url(/img/bg-main-clients.png) 0 0 no-repeat;
}

#news-and-commentary #main {
  background: transparent url(/img/bg-main-clients.png) 0 0 no-repeat;
}

#contact-us #main {
  background: transparent url(/img/bg-main-clients.png) 0 0 no-repeat;
}

#search #main {
  background: transparent url(/img/bg-main-clients.png) 0 0 no-repeat;
}

/* =Home
   ----------------------------------------------- */

/* =Home =Hilite
   ----------------------------------------------- */
#home #hilite {
  left: 0;
  top: 0;
  width: 770px;
  height: 168px; 
  background: transparent url(../img/home-hilite.png) 6px 0 no-repeat;
  position: relative;
  padding: 0;
  margin: 0;
}

#home #hilite div {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
}

#home #hilite div, #home #hilite div a {
  height: 165px;
  display: block;
  border: none !important;
}
  
#home #hilite div a {  
  text-indent: -9999px;
  text-decoration: none;
}

#home #hilitemaking  { left: 0; width: 507px; }

#home #hiliteresearch  { left: 508px; width: 251px; }

/* =Home =Features
   ----------------------------------------------- */

#features {
  padding-top: 2em;
  float: left;
  width: 513px;
  height: 100%;
}

#features .featurehow { 
  padding-bottom: 1em;
  background: transparent url(../img/hr.png) bottom center no-repeat;
}

#features .featureconnections { 
  padding-top: 1.5em;
  padding-bottom: 1em;
  background: transparent url(../img/hr.png) bottom center no-repeat;
}

#features .featurenews { 
  padding-top: 1.5em;
  padding-bottom: 1em;
}

#features .feature .featureimg { 
  float: left;
  width: 83px;
  padding-left: 21px;
}

#features .feature .featuretxt { 
  width: 388px;
  margin-left: 105px; 
  /* can't float here because of IE margin collapsing bugs
     see: Andy Budd, No margin for error  */
}

#features .feature .featurelink { 
  padding-right: 16px;
  background: transparent url(../img/arrow.png) right center no-repeat;
}


/* =Home =FeatureResearch
   ----------------------------------------------- */

#featureresearch {
  float: left;
  width: 257px;
  height: 100%;
  padding-top: 2em;
  margin-top: 2px;
}

#featureresearch .featuretxt { 
  padding: 0 21px 0 14px; 
}

#featureresearch .featurelink {
  padding-right: 16px;
  background: transparent url(../img/arrow.png) right center no-repeat;
}


/* =Page =three-column-body =three-col-sidebar
   ----------------------------------------------- */

.three-col-body {
  margin-right: 180px
}

.three-col-sidebar {
  float: right;
  padding-bottom: 1em;
  width: 160px;
}


/* =Page =Columns
   ----------------------------------------------- */

.columns { width: 580px; } /* 584px = 292px x2 */

.columns .column-1 {
  float: left;
  width: 280px;
  padding-right: 15px;
  margin-top: 0;
  }
  * html .columns .column-1 {
    width: 295px; /* for IE5 and IE6 in quirks mode */
    width: 280px; /* for IE6 in standards mode */
  }

.columns .column-2 {
  width: 280px;
  margin-top: 0;
  margin-left: 295px;
}

#our-clients .columns { width: 580px; } 

#columns-state {
  width: 66%;
  margin-right: 33%;
}
#columns-campaigns {
 float: right;
 width: 33%;
}

.col-clntlst {
  float: left;
  width: 20%;

}

/* =Footer
   ----------------------------------------------- */
#footer {
  margin: 0 auto 0 auto;
  width: 770px;
  background: transparent url(../img/footer.png) top center no-repeat;
  text-align: left;
  clear: both;
}

/* =Weblog =WordPress
   ----------------------------------------------- */
   
.post h2.entrytitle {
  margin-bottom: 0;
}

.post {
  margin: 1.5em 0;
  /* TURNED OFF B/C COMMENTS OFF 
  padding: 0 0 1.5em 0;
  border-bottom: 1px solid #ddd; */
}

.post h2 {
  margin-top: 1em;
}

.post .entrydate {
  margin: 0 0 2em 0;
  color: #999 !important;
}

.post .entrytext {
  margin: 1em 0 1em 0;
}

.post .postmetadata {
  margin: 1.5em 0 1em 0;
}

.single .postmetadata {
  padding-top: 1em;
  /* border-top: 1px solid #ddd; */
}

#commentform textarea {
  margin: 5px 5px 5px 0;
}

#news-and-commentary #nav2 #menu2 {
  border: none;
}

#news-and-commentary #nav2 #menu2 ul {  
  border-bottom: 1px solid #ddd;
}

#search .post {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ddd;
}

/* =Misc
   ----------------------------------------------- */
hr { 
  display:none;
}

img {
  border: none;
}

div.clear { clear: both; }

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#ChooseCampaignDialog {
    text-align:center;
}