/*************************************************************
*
*  File:			main.css
*  Author:		MetaDesign
*  Created:		September 2009
*
*************************************************************/

/* ==============================
	HTML ELEMENTS
============================== */
html {
	font-size:					62.5%;
	line-height:		   1.5;
	height:						100%;
}
body {
	font:						  normal 1.2em/1.5em Arial,sans-serif;
	color:						#362f2d;
	width:						100%;
	height:						100%;
	background:      #eaeaea url(none) top left no-repeat;
}
a {
	text-decoration:	none;
	color:						#362f2d;
}
a:hover,
a:active {
	text-decoration:	none;
	color:						#362f2d;
	outline:					none;
}
form {
  position:         relative;
}
input.text {
  font:             1em/1.1em Arial,sans-serif;
  height:           16px;
  width:            150px;
  margin:           0 5px 0 0;
  padding:          2px 4px 2px 6px;
  border:           1px solid #d7d7d7;
  border-top:       1px solid #959595;
  float:            left;
  display:          inline;
}
textarea {
  font:             1em/1.1em Arial,sans-serif;
  padding:          0 0 0 6px;
}
select {
  width:            150px;
  margin:           2px 5px 0 0;
  display:          block;
}
label {
	display:          block;
}
h2 {
  color:            #fff;
  font:             bold 2.3em/1.3em Arial,sans-serif;
  padding:          25px 32px 7px 32px;
}
h3 {
  color:            #fc1e1b;
  font:             normal 1.4em/1.1em Arial,sans-serif;
  padding:          0 0 9px 0;
  position:         relative;
  left:             -1px;
}
h3 a {
  color:            #fc1e1b;
  padding:          0 20px 0 0;
}
h3 a:hover,
h3 a:active {
  color:            #fc1e1b;
  text-decoration:  underline;
}
h4 {
  color:            #362f2d;
  font:             normal 1em/1.5em Arial,sans-serif;
  padding:          0 0 10px 0;
}
h5 {
  color:            #707070;
  font:             normal 1em/1.35em Arial,sans-serif;
  padding:          0 20px 6px 0;
  min-height:       4em;
  height:           auto !important;
  height:           4em;
}

/* ==============================
	LAYOUT
============================== */
#header {
  min-width:          520px;
  width:              auto !important;
  width:              520px;
  background-color:   #fff;
  position:           relative;
}
#headerInner {
	max-width:          1024px;
  width:              auto !important;
  width:              1024px;
  height:             80px;
  position:           relative;
}
#navigation {
  position:           absolute;
  bottom:             16px;
  right:              33px;
}
#content {
  width:              772px;
  position:           relative;
  padding-bottom:     30px;
}
#headline {
  min-height:         159px;
  height:             auto !important;
  height:             159px;
}

/* ==============================
  TOP NAVIGATION, HEADER, FOOTER
============================== */
#header h1 {
  text-indent:        -9999px;
  width:              152px;
  height:             34px;
  background:         transparent url(../images/mdlogo.gif) top left no-repeat;
  position:           absolute;
  top:                29px;
  left:               31px;
}
ul#nav {
  margin:             0 0 0 200px; /* avoids overlap with logo when window gets small */
}
ul#nav li {
	font-size:          0.9em;
  margin:             0 0 0 12px;
  float:              left;
  display:            inline;
  position:           relative;
}
ul#nav li a {
  color:              #a6abb1;
}
ul#nav li a:hover,
ul#nav li a:active {
  color:              #362f2d;
}

/* ==============================
  GENERAL
============================== */
ul.offices li {
  margin-bottom:      -1px;
  border:             1px solid #b4b9be;
  border-left:        none;
  background-color:   #fff;
  float:              left;
  clear:              both;
  overflow:           hidden;
  position:           relative;
}
ul.offices li .copy {
	width:              570px;
  min-height:         98px;
  height:             auto !important;
  height:             98px;
	padding:            14px 22px 6px 32px;
  border-right:       none;
	float:              left;
  position:           relative;
}
ul.offices li .tnCont {
  width:              146px;
  height:             80px;
  float:              left;
  overflow:           visible;
  position:           relative;
  display:            none;
  -moz-opacity:       0;
  -ms-filter:         "alpha(opacity=0)";
  filter:             alpha(opacity=0);
  opacity:            0;
}
ul.offices li .tnCont img {
  position:           absolute;
  top:                0;
  left:               0;
}
ul.offices li.over .copy {
  border-right:       1px solid #b4b9be;
}
ul.offices li p,
ul.offices li.over h4 {
  position:           absolute;
  left:               -3000px;
}
ul.offices li.over p {
  position:           relative;
  left:               0;
}
ul.offices li.over .tnCont {
  display:            block;
}
ul.offices li.over p a:hover,
ul.offices li.over p a:active {
  text-decoration:    underline;
  cursor:             pointer;
}
object {
  z-index: -1;
  cursor: pointer;
}

/* ==============================
	UTILITY STYLES
============================== */
.hide {
	display:					  none;
}
.invisible {
  visibility:         hidden;
}
.faded {
  -moz-opacity:       0;
  -ms-filter:         "alpha(opacity=0)";
  filter:             alpha(opacity=0);
  opacity:            0;
}
.noBorderTop {
	border-top:          none !important;
}
.noMarginRt {
  margin-right:        0 !important;
}
.noPadRt {
  padding-right:       0 !important;
}
.noPadLt {
  padding-left:        0 !important;
}
.padTop {
  padding-top:         10px;
}
.padBtm {
  padding-bottom:      10px;
}
.floatLt {
	float:               left;
}
.floatRt {
  float:               right;
}
.noFloat {
	float:               none;
}
.ctr {
	text-align:          center;
}