/* =============================================================================
Buffalo - Contact
============================================================================= */

/* General
============================================================================= */

.section {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
}

p.link {margin: 9px 0 0 0;}
p.arrow_down {background: url(../img/icons/arrow_down.gif) 0 2px no-repeat;}
ul#navigation li a#contact_active {background: url(../img/navigation/contact.gif) 0 -50px no-repeat;}

/* Introduction
============================================================================= */

h2#introduction {
	background: url(../img/typography/introductions/home.gif) 0 0 no-repeat;
	width: 578px;
	height: 70px;
}

  h2#introduction a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }

/* Contact details
============================================================================= */

.contact_details {
  color: #5c5c56;
  width: 200px;
  padding: 0 0 30px 0;
  margin: 0 30px 0 0;
  float: left;
}

h3#contact_details {
  background: url(../img/typography/section_headings/contact_details.gif) 0 0 no-repeat;
  width: 103px;
  margin: 30px 0 0 0;
}

p.first {margin: 12px 0 0 0;}
a#find_us {border: none;}
p.new {margin: 9px 0 0 0;}
p span {
	color: #FFFFFF;
}

/* Error box
============================================================================= */

#error_box {
	background: #D7EBF6;
	border: 1px solid #E2DC90;
	margin-top: 16px;
	padding: 10px 13px;
	color: #18436D;
}

/* Send us a message
============================================================================= */

#message {
	color: #18426A;
	width: 430px;
	padding: 0 0 30px 0;
	float: left;
}

h3#send_us_message {
  background: url(../img/typography/section_headings/send_message.gif) 0 0 no-repeat;
  width: 118px;
  margin: 30px 0 0 0;
}

.left_textinput {
  width: 200px;
  margin: 0 30px 0 0;
  float: left;
}

.right_textinput {
  width: 200px;
  float: left;
}

  #message .row {margin: 9px 0 0 0;}

  #message .row label em {font-style: normal; padding-left: 3px; color: #AAAAAA;}

  #message div.textinput {
    background: url(../img/backgrounds/textbox_200.gif) 0 0 no-repeat;
    height: 26px;
    margin: 3px 0 0 0;
  }

  #message input {
    background: none;
    width: 188px;
    height: 21px;
    padding: 5px 6px 0 6px;
    border: none;
  }

  #message div.textarea {
    background: url(../img/backgrounds/textarea_430.gif) 0 0 no-repeat;
    height: 95px;
    margin: 3px 0 0 0;
  }

  #message textarea {
    background: none;
    width: 418px;
    height: 83px;
    margin: 5px 6px 5px 6px;
    border: none;
  }

  #message button {
    background: url(../img/buttons/send_message.gif) 0 0 no-repeat;
    height: 26px;
    width: 100px;
    margin: 16px 0 0 0;
    float: right;
  }

  #message button:hover {background-position: 0 -26px;}