/* Buffalo - Global
============================================================================= */

/* Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, button {
  font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul {list-style: none;}

a img { border: none; }

button {
  display: block;
  cursor: pointer;
}

a span, h1 span, h2 span, h4 span, h5 span, button span {
  display: none;
}

/* Misc
------------------------------------------------------------------------------*/

/* Apply to clear floats */
.clear {clear: both;}

.border-bottom {
  border-bottom: 1px dotted #a8a392;
  padding-bottom: 34px;
}

.heading-border-bottom {
  border-bottom: 1px dotted #a8a392;
  padding-bottom: 16px;
}

/* Typography
------------------------------------------------------------------------------*/

body {
  font: normal 12px/20px Arial, Helvetica, sans-serif;
  color: #666252;
}

h1 {
  height: 58px;
  margin-top: 68px;
}

#hero-container h1 {
  height: 86px;
  margin: 14px 0 3px 0;
}

h1.client-list {background: url(../img/typography/large/client-list.gif) 0 0 no-repeat; width: 651px; margin-top: 0;}
h1.contact {background: url(../img/typography/large/contact.gif) 0 0 no-repeat; width: 309px;}
h1.mozzarella {background: url(../img/typography/large/mozzarella.gif) 0 0 no-repeat; width: 509px;}
h1.sudden-loss-of-dignity {width: 583px; margin-top: 0;}
h1.us {background: url(../img/typography/large/us.gif) 0 0 no-repeat; width: 602px;}
h1.work {background: url(../img/typography/large/work.gif) 0 0 no-repeat; width: 602px;}
h1.job {background: url(../img/typography/large/work-for-us.png) 0 0 no-repeat; width: 298px;}

/* Hero */

h1 {
    background-repeat: no-repeat;
}

h2 {
  height: 23px;
  margin: 32px 0 10px 0;
}

h2.extended-family {
    background: url(../img/typography/small/extended-family.gif) 252px bottom no-repeat;
    width: 416px;
    margin-top: 0;
    padding-top: 46px;

}
h2.from-twitter {background: url(../img/typography/small/from-twitter.gif) 0 0 no-repeat; width: 127px;}
h2.hello-were-buffalo {background: url(../img/typography/small/hello-were-buffalo.gif) 0 0 no-repeat; width: 187px;}
h2.like-cheese {background: url(../img/typography/small/like-cheese.gif) 0 0 no-repeat; width: 123px;}
h2.our-details {background: url(../img/typography/small/our-details.gif) 0 0 no-repeat; width: 119px;}
h2.our-process {background: url(../img/typography/small/our-process.gif) 0 0 no-repeat; width: 119px;}
h2.overview {background: url(../img/typography/small/overview.gif) 0 0 no-repeat; width: 95px;}
h2.so-what-does-it-do {background: url(../img/typography/small/so-what-does-it-do.gif) 0 0 no-repeat; width: 190px;}
h2.some-things-we-do {background: url(../img/typography/small/some-things-we-do.gif) 0 0 no-repeat; width: 183px;}
h2.the-company {background: url(../img/typography/small/the-company.gif) 0 0 no-repeat; width: 138px;}
h2.the-family {background: url(../img/typography/small/the-family.gif) 0 0 no-repeat; width: 109px; margin-top: 0;}
h2.things-we-did {background: url(../img/typography/small/things-we-did.gif) 0 0 no-repeat; width: 138px; margin-top: 37px;}
h2.want-to-work-with-us {background: url(../img/typography/small/want-to-work-with-us.gif) 0 0 no-repeat; width: 218px;}
h2.watch-a-screencast {background: url(../img/typography/small/watch-a-screencast.gif) 0 0 no-repeat; width: 189px;}
h2.what-they-said {background: url(../img/typography/small/what-they-said.gif) 0 0 no-repeat; width: 149px; margin-top: 37px;}
h2.what-we-do {background: url(../img/typography/small/what-we-do.gif) 0 0 no-repeat; width: 116px;}
h2.opportunities {background: url(../img/typography/small/opportunities.png) 0 0 no-repeat; width: 138px; text-indent: -100000px;}

h3 {font: normal 20px/20px Arial, Helvetica, sans-serif;}

h4 {
  height: 106px;
  margin-bottom: 41px;
}

h4.process-1 {
    background: url(../img/typography/processes/process-01.png) 0 0 no-repeat;
    *background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/typography/processes/process-01.png");
	width: 179px;
}
h4.process-2 {
    background: url(../img/typography/processes/process-02.png) 0 0 no-repeat;
    *background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/typography/processes/process-02.png");
	width: 114px;
}
h4.process-3 {
    background: url(../img/typography/processes/process-03.png) 0 0 no-repeat;
    *background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/typography/processes/process-03.png");
	width: 168px;
}
h4.process-4 {
    background: url(../img/typography/processes/process-04.png) 0 0 no-repeat;
    *background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/typography/processes/process-04.png");
	width: 162px;
}

h5 {
  float: left;
  height: 34px;
  margin: 55px 0 3px 35px;
}

#dan-griffiths-popup h5 {background: url(../img/typography/us/dan-griffiths.png) 0 0 no-repeat; width: 190px;}
#jason-reynolds-popup h5 {background: url(../img/typography/us/jason-reynolds.png) 0 0 no-repeat; width: 228px;}
#jasper-tandy-popup h5 {background: url(../img/typography/us/jasper-tandy.png?v=2) 0 0 no-repeat; width: 197px;}
#david-white-popup h5 {background: url(../img/typography/us/david-white.png) 0 0 no-repeat; width: 176px;}
#andy-nelson-popup h5 {background: url(../img/typography/us/andy-nelson.png) 0 0 no-repeat; width: 192px;}

h5.send-us-a-message {background: url(../img/typography/small/send-us-a-message.png) 0 0 no-repeat; width: 273px; margin-bottom: 18px;}

p.large {font: normal 14px/20px Arial, Helvetica, sans-serif;}
p.x-large {font: normal 18px/25px Arial, Helvetica, sans-serif;}
p.small {font: normal 11px/20px Tahoma, Arial, Helvetica, Sans-Serif;}
p.intro {font: normal 14px/20px Arial, Helvetica, sans-serif; padding-top: 25px;}
p.alt {color: #8db739;}
p.alt {color: #8db739;}
p.light, span.light {color: #999689;}
p.lighter, span.lighter {color: #d7d5cd;}
p.alt-2, span.alt-2, #footer a.active {color: #e07033;}
p.arrow, p.icon {height: 20px;}
p.new {margin-top: 20px;}

p.arrow {
  background: url(../img/icons/arrow.gif) 0 3px no-repeat;
  padding-left: 22px;
  margin-top: 20px;
}

#infographics p {font: normal 11px/15px Tahoma, Arial, Helvetica, Sans-Serif;}

p.tweet-date {
  font: normal 11px/20px Tahoma, Arial, Helvetica, Sans-Serif;
  color: #8db739;
  border-bottom: 1px dotted #c6c4ba;
  padding-bottom: 9px;
  margin-bottom: 10px;
}

p.phone {
  background: url(../img/icons/phone.gif) 0 5px no-repeat;
  padding-left: 13px;
}

p.email {
  background: url(../img/icons/email.gif) 0 7px no-repeat;
  padding-left: 18px;
}

p.twitter {
  background: url(../img/icons/twitter.gif) 0 4px no-repeat;
  padding-left: 14px;
}

p.flickr {
  background: url(../img/icons/flickr.gif) 0 6px no-repeat;
  padding-left: 24px;
}

p.phone, p.email, p.twitter, p.flickr {
  margin-top: 20px;
}

p.project-preview {
  font: normal 14px/20px Arial, Helvetica, sans-serif;
  margin-top: 11px;
}

p.project-description {
  font: normal 11px/15px Tahoma, Arial, Helvetica, Sans-Serif;
  color: #999689;
  margin-top: 8px;
}

.person p.name {
  font: normal 14px/15px Arial, Helvetica, sans-serif;
  padding-top: 156px;
}

p.note {
  font: normal 11px/15px Tahoma, Arial, Helvetica, Sans-Serif;
  color: #999689;
  margin-top: 18px;
}

.pop-up-who-am-i p {margin-left: 35px;}

ul.things li {
  background: url(../img/icons/tick.gif) 0 6px no-repeat;
  line-height: 20px;
  padding-left: 18px;
}

ul.vanilla {
  background: url(../img/backgrounds/list-vanilla.gif) 0 0 repeat-y;
  line-height: 30px;
}

ul.vanilla li {
  background: url(../img/icons/tick.gif) 0 10px no-repeat;
  padding-left: 19px;
}

#enquiry-form label {
  font: normal 14px/40px Arial, Helvetica, sans-serif;
}

#footer li {float: left;}

/* Links
------------------------------------------------------------------------------*/

p a, li a, h2 a {color: #4da1bd;}
p a:hover, li a:hover, h2 a:hover {color: #7dcee9;}

a.underline {border-bottom: 1px dotted #bbdde8;}
a.underline:hover {border-bottom: none;}

ul#navigation a {color: #f0f7e2;}

ul#navigation a:hover {
  color: #fff;
  border-bottom: 1px dotted #b3ce7f;
}

a.work {
  display: block;
  background: url(../img/typography/links/work.gif) 0 0 no-repeat;
  width: 70px;
  height: 23px;
  margin: 35px 0 11px 0;
}

a.work:hover {background-position: 0 -23px;}

/* Columns
------------------------------------------------------------------------------*/

/* Grid floating and margins */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6,
div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {
  float: left;
  margin-right: 25px;
  display: inline;
}

/* Use these classes to set the width of a column */

.span-1 {width: 58px;}
.span-2 {width: 142px;}
.span-3 {width: 226px;}
.span-4 {width: 310px;}
.span-5 {width: 394px;}
.span-6 {width: 478px;}
.span-7 {width: 562px;}
.span-8 {width: 646px;}
.span-9 {width: 730px;}
.span-10 {width: 814px;}
.span-11 {width: 898px;}
.span-12 {width: 982px;}

/* Add these to prepend a column */

.prepend-1 {padding-left: 26px;}
.prepend-2 {padding-left: 52px;}

/* Add these to append a column */

.append-1 {padding-right: 26px;}
.append-2 {padding-right: 52px;}

/* Apply to columns and elements to eliminate right margins */

div.last, .last {
  margin-right: 0;
  }

/* Layout
------------------------------------------------------------------------------*/

/* General */

body {
  background: url(../img/backgrounds/header.gif) 0 0 repeat-x #fff;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 34px;
}

#header {
  position: relative;
  height: 87px;
  width: 982px;
  z-index: 2;
}

#header #logo {
  display: inline;
  float: left;
  width: 153px;
  height: 30px;
  margin-top: 20px;
}

#page-container {
  width: 982px;
  margin: 0 auto;
  text-align: left;
  position:relative;
}
#current-content, #new-content {
    width: 982px;
} 

#content {
  position: relative;
  height: 1%;
  border-bottom: 1px solid #807a67;
  padding-bottom: 34px;
}

/* Navigation */

ul#navigation {
  color: #deefbc;
  line-height: 25px;
  margin-top: 33px;
  position:absolute;
  right: 0;
  top: 0;
  z-index: 9999;
}

ul#navigation li {
  float: left;
  display: inline;
  background: url(../img/misc/divider-nav.gif) right top no-repeat;
  height: 54px;
  padding-right: 17px;
  margin-right: 16px;
}

ul#navigation li.last {
  background: none;
  padding: 0;
  margin: 0;
}
#navigation a {
  min-width: 16px;
  float: left;
  line-height: 1;
  padding-top: 6px;
}
ul#navigation a.main-navigation-active {
  background: url(../img/misc/nav-active.gif) center bottom no-repeat;
  height: 48px;
}
ul#navigation a.main-navigation-active:hover {
    border: none;
}

/* Footer */

#footer {
  font: normal 11px/20px Tahoma, Arial, Helvetica, Sans-Serif;
  text-align: left;
  margin-top: 1px;
  padding-top: 20px;
  border-top: 1px solid #c6c4ba;
}

/* Forms
------------------------------------------------------------------------------*/

input, textarea {
  float: left;
  font: 14px/40px Arial, Helvetica, sans-serif;
  color: #3b382c;
  background-color: #f5f5f5;
  padding: 10px 8px 0 8px;
  border-top: 1px solid #979797;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #dadada;
  margin: 0 0 20px 26px;
}

input:focus, textarea:focus {
	outline-style: none;
  outline-width: 0;
}

input {
  width: 234px;
  height: 28px;
}

textarea {
  width: 376px;
  height: 158px;
}

input.error, textarea.error {
    border-top: 1px solid #E1AE92;
    border-left: 1px solid #EAC7B3;
    border-right: 1px solid #EAC7B3;
    border-bottom: 1px solid #E9C4AF;
    background: #FADAC8;
}


/* Buttons
------------------------------------------------------------------------------*/

.button,span.previous-pad {
  cursor: pointer;
  display: block;
  float: right;
  height: 41px;
  margin-top: 79px;
}

a.back-to-work {
  background: url(../img/buttons/back-to-work.gif) 0 0 no-repeat;
  width: 186px;
}

a.view-client-list {
  background: url(../img/buttons/view-client-list.gif) 0 0 no-repeat;
  width: 207px;
}

a.previous {
  background: url(../img/buttons/previous.gif) 0 0 no-repeat;
  width: 138px;
}
span.previous-pad {
    width: 10px;
}

a.next {
  background: url(../img/buttons/next.gif) 0 0 no-repeat;
  width: 101px;
}

#enquiry-form button {
  float: left;
  background: url(../img/buttons/send-message.gif) 0 0 no-repeat;
  width: 184px;
  margin: 0 0 0 226px;
}

a.view-client-list:hover, a.back-to-work:hover, a.previous:hover, a.next:hover, #enquiry-form button:hover {background-position: 0 -41px}

a.who-am-i {
    background: url(../img/buttons/who-am-i.png) 0 0 no-repeat;
    *background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/buttons/who-am-i-noclick.png");
    width: 50px;
    height: 50px;
    margin-top: 118px;
}
a.who-am-i:hover {background-position: 0 -50px}

a.close {
  float: right;
  display: inline;
  background: url(../img/buttons/close.gif) 0 0 no-repeat;
  width: 20px;
  height: 20px;
  margin: 12px 13px 0 0;
}

a.close:hover {background-position: 0 -20px;}

/* Homepage Layout
------------------------------------------------------------------------------*/

#content-home {
  border-bottom: 1px solid #807a67;
  height: 1%;
  padding-top: 312px;
}

#content-home .content-inner {
  background: url(../img/backgrounds/content-home.gif) 0 0 repeat-y;
  height: 1%;
  padding-bottom: 34px;
}

#content-home .column-right {
  float: left;
  width: 284px;
  padding-left: 26px;
}

/* Hero */

#hero-container {
  width: 100%;
  border-bottom: 1px solid #807a67;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 399px;
  overflow: hidden;
}

.hero-wrapper {
  height: 258px;
  padding-top: 141px;
  width: 100%;
}

ul#hero-frames {
  z-index: 100;
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 75px;
}

ul#hero-frames li {
  float: left;
  margin-left: 5px;
}

ul#hero-frames li a {
  display: block;
  width: 20px;
  height: 20px;
}

a.frame-1 {background: url(../img/buttons/frame-1.gif) 0 0 no-repeat;}
a.frame-2 {background: url(../img/buttons/frame-2.gif) 0 0 no-repeat;}
a.frame-3 {background: url(../img/buttons/frame-3.gif) 0 0 no-repeat;}

a.frame-1:hover, a.frame-2:hover, a.frame-3:hover {background-position: 0 -20px;}

a.frame-1-active {background: url(../img/buttons/frame-1.gif) 0 -40px no-repeat;}
a.frame-2-active {background: url(../img/buttons/frame-2.gif) 0 -40px no-repeat;}
a.frame-3-active {background: url(../img/buttons/frame-3.gif) 0 -40px no-repeat;}

#hero_container h1 {
  height: 100px;
  margin-bottom: 4px;
}

#hero_container p {
  width: 394px;
}

.hero_image {
  z-index: 10;
  position: absolute;
  display: block;
}

/* Infographics */

#infographics div {
  height: 162px;
  margin-top: 38px;
}

#asia {background: url(../img/infographics/asia.gif) 0 50px no-repeat;}
#milk {background: url(../img/infographics/milk.gif) 0 23px no-repeat;}
#water-buffalo {background: url(../img/infographics/water-buffalo.gif) 0 50px no-repeat;}
#cheese {background: url(../img/infographics/cheese.gif) 0 44px no-repeat;}

.more-protein {margin-top: 135px;}
.body-and-texture {margin-top: 120px;}

/* Twitter */

div.twitter {background: url(../img/misc/twitter-bird.gif) right 16px no-repeat;}

/* Testimonial */

.speech-bubble {
  background: url(../img/backgrounds/speech-bubble-middle.gif) 0 0 repeat-y;
  height: 1%;
  margin-top: 24px;
}

.speech-bubble-top {
  background: url(../img/backgrounds/speech-bubble-top.gif) 0 top no-repeat;
  height: 1%;
}

.speech-bubble-bottom {
  background: url(../img/backgrounds/speech-bubble-bottom.gif) 0 bottom no-repeat;
  padding: 11px 15px 30px 15px;
}

/* Work Layout
------------------------------------------------------------------------------*/

.frame {border: 1px dotted #a8a392;}
.frame-active {border: 2px solid #d96c31;}
#projects {
    position:relative;
    width: 100%;
    overflow: hidden;
}
.project-image {padding: 3px;}
#projects .span-3 {margin-top: 29px;}
.main-image {margin-top: 20px;}

.preview {
  width: 219px;
  height: 143px;
  padding: 3px;
}

.preview a:hover,
.project-thumbnail:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  height: 100%;
}

.project-thumbnail {
  float: left;
  width: 146px;
  height: 107px;
  padding: 3px;
  margin: 10px 10px 0 0;
  border: 1px dotted #a8a392;
}

.project-active {
  width: 146px;
  height: 107px;
  padding: 2px;
  border: 2px solid #d96c31;
}

/* Sort Our Work */

#sort-our-work {
  background: url(../img/backgrounds/sort-our-work.gif) 0 0 no-repeat;
  height: 41px;
  margin-top: 24px;
}

#sort-our-work .active {
  background: url(../img/backgrounds/sort-our-work-active.gif) 0 0 no-repeat;
  width: 982px;
  height: 41px;
}

#sort-our-work .date-desc {background-position: 84px 0;}
#sort-our-work .date-asc {background-position: 252px 0;}
#sort-our-work .alpha-asc {background-position: 420px 0;}
#sort-our-work .alpha-desc {background-position: 588px 0;}

#sort-our-work li {
  float: left;
  background: url(../img/icons/tick-alt.gif) 0 6px no-repeat;
  width: 129px;
  margin: 11px 20px 0 0;
  padding-left: 19px;
}

#sort-our-work li.sort-our-work {
  background: 0;
  color: #999689;
  width:74px;
  padding: 0;
}

#sort-our-work li.active-option {background: url(../img/icons/tick.gif) 0 6px no-repeat;}
#sort-our-work li.active-option a {
    color:#666252;
}

/* Client List Layout
------------------------------------------------------------------------------*/

ul.client-list {
    margin-top: 16px;
    float:left;
    display: inline;
}
ul.client-list-margin {
    margin-right: 26px;
    margin-left: 26px;
}

ul.client-list li {
  background: url(../img/misc/client-list-block.gif) 0 10px no-repeat;
  border-bottom: 1px dotted #c6c4ba;
  padding: 4px 0 5px 19px;
}

ul.client-list li.last {
  border: none;
  padding-bottom: 0;
}

ul.client-list li.link {background: url(../img/misc/client-list-block-link.gif) 0 10px no-repeat;}

/* Us Layout
------------------------------------------------------------------------------*/

#us {
  background: url(../img/backgrounds/content-us.gif) 0 0 no-repeat;
  height: 1%;
  padding-top: 24px;
  border-bottom: 1px dotted #a8a392;
}

#polaroids {
  background: url(../img/misc/polaroids.png) 0 0 no-repeat;
  *background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/misc/polaroids.png");
  z-index: 10;
  position: absolute;
  top: 10px;
  right: 0px;
  width: 367px;
  height: 352px;
}

#rhc-us {
  float: left;
  width: 200px;
  padding-left: 26px;
}

/* Family / Extended Family */

#family {
  float: left;
  width: 755px;
  border-right: 1px dotted #a8a392;
  padding: 32px 0 38px 0;
}

.person-container {
  float: left;
  display: inline;
  width: 219px;
  border: 1px dotted #a8a392;
  padding: 3px;
}
.extended-holder .person-container {
    float: right;
}

.person {
  height: 203px;
  padding: 0 10px 0 16px;
}

#person-1, #person-3 {
  margin-top: 44px;
}

#person-2, #person-4, #person-5 {
  margin: 44px 0 0 25px;
}
#person-5 {
    margin-right: 24px;
}

#dan {background: url(../img/people/standard/dan.jpg) 0 0 no-repeat #f3f1eb;}
#jasper {background: url(../img/people/standard/jasper.jpg) 0 0 no-repeat #f3f1eb;}
#jason {background: url(../img/people/standard/jason.jpg) 0 0 no-repeat #f3f1eb;}
#andy {background: url(../img/people/standard/andy.jpg) 0 0 no-repeat #f3f1eb;}
#david {background: url(../img/people/standard/david.jpg) 0 0 no-repeat #f3f1eb;}

/* Our Process */
#our-process {
    width: 100%;
    overflow: hidden;
}
#our-process .process, #our-process .process-alt {
  float: left;
  background: url(../img/backgrounds/our-process.gif) 0 0 no-repeat #f3f1eb;
  color: #666252;
  width: 186px;
  padding: 18px 20px 20px 20px;
  margin-right: 26px;
  display: inline;
}

#our-process .process-alt {background: url(../img/backgrounds/our-process-alt.gif) 0 0 no-repeat #f3f1eb;}

#our-process .last {margin-right: 0;}

/* Us - Who Am I Pop-up Layout
------------------------------------------------------------------------------*/

.pop-up-who-am-i {
  background: url(../img/backgrounds/pop-up-us.png) 0 0 no-repeat;
  text-align: left;
  width: 730px;
  height: 487px;
  display: none;
}

.person-info-container {
  width: 681px;
  padding-top: 20px;
}

.popup-holder {
    display: none;
}

#dan-griffiths-popup div.person-info-container {background: url(../img/people/circular/daniel-griffiths.png) right top no-repeat;}
#jason-reynolds-popup div.person-info-container {background: url(../img/people/circular/jason-reynolds.png) right top no-repeat;}
#jasper-tandy-popup div.person-info-container {background: url(../img/people/circular/jasper-tandy.png) right top no-repeat;}
#david-white-popup div.person-info-container {background: url(../img/people/circular/david-white.png) right top no-repeat;}
#andy-nelson-popup div.person-info-container {background: url(../img/people/circular/andy-nelson.png) right top no-repeat;}

/* Mozzarella CMS Layout
------------------------------------------------------------------------------*/

.screenshot-mozzarella {margin-top: 59px;}

/* Contact Layout
------------------------------------------------------------------------------*/

#sticker-contact {
  background: url(../img/misc/sticker-contact.png) 0 0 no-repeat;
  *background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/misc/sticker-contact.png");
  z-index: 10;
  position: absolute;
  top: 63px;
  right: 0px;
  width: 120px;
  height: 120px;
}

.contact-map {margin-top: 24px;width: 646px;height:500px;}
#map-popup h2 {
    margin-top: 0;
}

/* Contact - Enquiry Form Pop-up Layout
------------------------------------------------------------------------------*/

.pop-up-enquiry-form  {
    display: none;
    position:absolute;
    top: 0;
    left: 0;
    background: url(../img/backgrounds/pop-up-contact.png) 0 0 no-repeat;
    text-align: left;
    width: 704px;
    height: 558px;
}

#enquiry-form {margin-left: 35px;}

#enquiry-form label {
  display: block;
  float: left;
  text-align: right;
  width: 200px;
  height: 40px;
}
#map {
    position:relative;
}
#infowindow, .infowindow {
    position:absolute;
    top: 30px;
    right: 15px;
    width: 293px;
    padding: 38px 0 0px 0px;
    background: url(/media/img/backgrounds/lightbox-header.png) no-repeat 0 0;
}
#infowindow .content, .infowindow .content {
    background: url(/media/img/backgrounds/lightbox-content.png) repeat-y 0 0;
    padding: 0 37px 14px 24px;
}
#infowindow .footer, .infowindow .footer {
    padding-top: 13px;
    background: url(/media/img/backgrounds/lightbox-footer.png) no-repeat 0 0;
}
#infowindow .close, .infowindow .close {
    position:absolute;
    top: 0;
    right: -1px;
    width: 20px;
    height: 20px;
    text-indent: -100000px;
}
#infowindow h2, .infowindow h2 {
    margin-top: 0;
}

#content.job {
    padding-bottom: 106px;
    margin-top: 68px;
    position:relative;
}

.job h1 {
    margin-top: 0;
}

.job .head {
    padding-bottom: 15px;
}

.job .content {
    width: 562px;
}

.job .border-bottom .content {
    padding: 25px 0 0 0;
}

.job .pulled p {
    padding-right: 84px;
}

.job .pull p {
    padding-right: 0;
}

.job .pull {
    float: right;
    display: inline;
    width: 226px;
    margin-top: 16px;
    margin-left: 26px;
}

.job blockquote {
    color:#8db739;
    font-size: 18px;
    font-style: italic;
    border-top: 1px dotted #c6c4ba;
    line-height: 24px;
    margin-bottom: 9px;
}

blockquote span {
    display: block;
    border-bottom: 1px dotted #c6c4ba;
}

.job small {
    color:#999689;
    font-size: 11px;
}

.job h2 {
    margin-top: 22px;
}

.job h3 {
    font-size: 14px;
    color:#e07033;
    margin-bottom: 11px;
}

.job .gallery {
    position:absolute;
    width: 310px;
    top: 23px;
    right: 84px;
}

.job .gallery img {
    margin-bottom: 10px;
}