@import url(/css/generic.css);
@import url(/css/asg.css);

/*
 * Site Layout Styles
 */

html {
  background: url(/img/background.gif) repeat top left;
}
html.simple {
  background: none;
}
html.simple body {
  padding: 10px 10px 0 10px;
}
p#skip-navigation {
  position: absolute;
  left: -9999px;
}
div#site-container {
  margin: 0 auto 0 auto;
  width: 960px;
}


/*
 * Headings
 */

h1.standard,
h2.standard,
h3.standard,
h4.standard {
  color: #797979;
  font-size: 1.667em;
  font-style: italic;
  font-weight: normal;
  margin: 0 0 20px 0;
}
h1.standard.with-keyline,
h2.standard.with-keyline,
h3.standard.with-keyline,
h4.standard.with-keyline {
  border-bottom: 1px solid #b9b9b9;
  padding: 0 0 20px 0;
}

table {
  border: 0;
}


/*
 * Header
 */

div#header {
  overflow: hidden;
  height: 110px;
}
div#header p#asg-logo {
  float: left;
  margin: 0;
}
p#asg-logo img {
  display: block;
}
div#header div#strapline-and-main-navigation {
  float: right;
}
div#strapline-and-main-navigation p#header-strapline {
  overflow: hidden;
  margin: 20px 0 15px 0;
  height: 100%;
}
p#header-strapline img {
  float: right;
}
div#strapline-and-main-navigation div#main-navigation {
  overflow: hidden;
  height: 100%;
}
div#main-navigation ul {
  list-style: none;
  overflow: hidden;
  float: right;
  margin: 0;
  padding: 0;
  height: 100%;
}
div#main-navigation ul li {
  float: left;
  border-left: 1px solid #c8c9c9;
  margin: 0;
  padding: 0 30px 0 12px;
}
div#main-navigation ul li.last {
  padding-right: 5px;
}
div#main-navigation ul li a {
  color: #666;
  font-style: italic;
  text-decoration: none;
}
div#main-navigation ul li a.selected,
div#main-navigation ul li a:hover {
  color: #e75c00;
}


/*
 * Discipline Navigation
 */

div#discipline-navigation {
  background: url(/img/discipline-navigation-shadow.png) left bottom repeat-x;
  margin-bottom: 23px;
  padding-bottom: 3px;
}
div#discipline-navigation ul {
  background: #d05b16 url(/img/discipline-navigation-item-background.png) repeat-x;
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 100%;
}
div#discipline-navigation ul li {
  background: url(/img/discipline-navigation-item-separator.png) right top no-repeat;
  float: left;
  margin: 0;
  padding: 0;
}
div#discipline-navigation ul li.selected a {
  background: #505050 url(/img/services-nav-background.gif) repeat-x top left;
}
div#discipline-navigation ul li.selected a:hover {
  color: #ffffff;
}
div#discipline-navigation ul li.strategic-consulting {
  width: 200px;
}
div#discipline-navigation ul li.advertising {
  width: 128px;
}
div#discipline-navigation ul li.design {
  width: 98px;
}
div#discipline-navigation ul li.digital {
  width: 96px;
}
div#discipline-navigation ul li.public-relations {
  width: 169px;
}
div#discipline-navigation ul li.recruitment {
  width: 139px;
}
div#discipline-navigation ul li.research {
  background: none;
  width: 130px;
}
div#discipline-navigation ul li a {
  color: #fff;
  font-family: arial, serif;
  font-size: 0.833em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 10px 0 12px 0;
}
div#discipline-navigation ul li a:hover {
  color: #666666;
}


/*
 * Middle (contains page content, sidebar)
 */

div#middle {
  overflow: hidden;
  margin-bottom: 28px;
  height: 100%;
}

div#middle div#page-content {
  position: relative;
}
div#page-content.with-sidebar {
  float: left;
  overflow: visible;
  width: 626px;
}

div#middle div#sidebar {
  float: right;
  overflow: visible;
  width: 292px;
}


/*
 * Footer
 */

div#footer {
  color: #666;
  font-family: arial, serif;
  overflow: hidden;
  border-top: 1px solid #b7b8b9;
  padding: 25px 0 15px 0;
  height: 100%;
}
div#footer h2 {
  font-size: 0.833em;
  margin: 0 0 5px 0;
}
div#footer div.content {
  font-size: 0.722em;
}
div#footer a {
  text-decoration: none;
}

div#footer div.mail-asg {
  float: left;
  margin-right: 10px;
  width: 115px;
}
div#footer div.mail-asg address {
  font-style: normal;
  line-height: 1.7em;
  margin: 0;
}

div#footer div.email-asg {
  float: left;
  margin-right: 10px;
  width: 142px;
}

div#footer div.phone-asg {
  float: left;
  margin-right: 10px;
  width: 111px;
}

div#footer div.find-asg {
  float: left;
  margin-right: 10px;
  width: 173px;
}
div#footer div.find-asg a {
}

div#footer div.subscribe-to-asg {
  float: left;
  margin-right: 10px;
  width: 230px;
}
div#footer div.subscribe-to-asg form {
  border: none;
  margin: 0;
  padding: 0;
}
div#footer div.subscribe-to-asg form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
div#footer div.subscribe-to-asg form fieldset div.field {
  overflow: hidden;
  margin-bottom: 5px;
  height: 100%;
}
div#footer div.subscribe-to-asg form fieldset div.field.last {
  margin-bottom: 8px;
}
div#footer div.subscribe-to-asg form fieldset div.field label {
  float: left;
  margin: 3px 0 0 0;
  width: 65px;
}
div#footer div.subscribe-to-asg form fieldset div.field input {
  font-size: 0.722em;
  border: 1px solid #e3e3e3;
  border-top: 1px solid #8f8f8f;
  border-right: 1px solid #ccc;
  padding: 3px;
  width: 130px;
}
div#footer div.subscribe-to-asg form fieldset input.submit-button {
  margin-left: 45px;
}

div#footer div.follow-asg {
  float: left;
  width: 139px;
}
div#footer div.follow-asg ul {
  list-style: none;
  overflow: hidden;
  margin: 13px 0 0 0;
  padding: 0;
  height: 100%;
}
div#footer div.follow-asg ul li {
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
}
div#footer div.follow-asg ul li.last {
  margin-right: 0;
}
div#footer div.follow-asg ul li img {
  display: block;
}


/*
 * Tibus Strapline
 */

div#tibus-strapline {
  text-align: center;
  padding-bottom: 15px;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}