/*
  Red    #97201E
  Yellow #FCB514
  Green  #00B27A
  Blue   #6689CC
*/


* {
  padding:0px;
  margin:0px;
  font-size:13px;
  font-family:Arial,geneva,verdana,sans-serif;
}

p, li, a, a:hover, label, h1, h2, h3 {
  color:#fff;
}

a img {
  border:none;
}

p {
  padding-bottom:10px;
}

body {
  width:100%;
  height:100%;
  background:#000;
}

body.red {
  scrollbar-base-color: black; 
  scrollbar-arrow-color: #97201E;
  scrollbar-DarkShadow-Color: #97201E;
}
body.blue {
  scrollbar-base-color: black; 
  scrollbar-arrow-color: #6689CC;
  scrollbar-DarkShadow-Color: #6689CC;
}
body.green {
  scrollbar-base-color: black; 
  scrollbar-arrow-color: #00B27A;
  scrollbar-DarkShadow-Color: #00B27A;
}
body.yellow {
  scrollbar-base-color: black; 
  scrollbar-arrow-color: #FCB514;
  scrollbar-DarkShadow-Color: #FCB514;
}

#header {
  z-index:10;
}

#header, #container, #navigation {
  position:relative;
  display:block;
  width:905px;
  margin:auto;

}

#header h1 a {
  position:absolute;
  z-index:1000;
  display:block;
  width: 750px;
  height: 107px;
  top:16px;
  left:19px;
}

#header h1 a.red {
  background: url('../images/logo_and_tagline_red.png') no-repeat scroll top left;  
}
#header h1 a.yellow {
  background: url('../images/logo_and_tagline_yellow.png') no-repeat scroll top left; 
}
#header h1 a.green {
  background: url('../images/logo_and_tagline_green.png') no-repeat scroll top left;  
}
#header h1 a.blue {
  background: url('../images/logo_and_tagline_blue.png') no-repeat scroll top left; 
}

#header h2 a {
  position:absolute;
  z-index:1000;
  display:block;
}
#header h2#inside a {
  background: url('../images/inside_with_mpsl.gif') no-repeat scroll top left;
  width: 120px;
  height: 47px;
  top: 30px;
  right: 10px;
}
/*#header h2#gka a {
  background: url('../images/gka_planning.gif') no-repeat scroll top left;
  width: 56px;
  height: 56px;
  top: 23px;
  right: 10px;
}*/
h2 span ,h1 span, #navigation ul li a span, #portfolio_container ul li a span {
  display:none;
}

#header {
  height:99px;
}

#container {
  height:435px;
}
#menu {
  height:410px;
  float:left;
  width:240px;
  padding-top:25px;
  padding-left:25px;
  display:block;
}
#content_container {
  width:605px;
  padding-top:25px;
  padding-right:25px;
  float:right;
  display:block;
  padding-top:35px;
  height:405px;
}
#menu.portfolio {
  height:415px;
  float:left;
  width:240px;
  padding-top:25px;
  padding-left:25px;
  display:block;
}
#content_container.portfolio {
  padding-top:25px;
  padding-right:25px;
  margin-left:20px;
  float:left;
  display:block;
  padding-top:35px;
  height:405px;
}

#content_container.portfolio ul {
	list-style:none;
}

#content_container.portfolio a {
	font-size: 1.2em;
	line-height:1.5;
}

.background_services #content_container {
  width:610px;
  background: url('../images/services_bg.gif') no-repeat fixed 500px 100px; 
}
.background_about #content_container {
  width:480px;
  padding-right:70px;
}

.background_portfolio #content_container {
  width:900px;
}

.background_endorsements #content_container {
  width:500px;
  padding-right:5px;
}
.background_endorsements #content_container div {
  display:block;
  height:158px;
}

#black #container, #grey #container {
  border-top:6px solid #990000;
  border-bottom:6px solid #990000;
}

#grey #container {
  background:#9c9ea1;
}

#container.red {
  border-top:6px solid #97201E;
  border-bottom:6px solid #97201E;
}

#container.yellow {
  border-top:6px solid #FCB514;
  border-bottom:6px solid #FCB514;
}
#container.green {
  border-top:6px solid #00B27A;
  border-bottom:6px solid #00B27A;
}
#container.blue {
  border-top:6px solid #6689CC;
  border-bottom:6px solid #6689CC;
}

#navigation, #navigation ul, #navigation ul li, #navigation ul li a {
  height:20px;
}

#navigation ul {
  float:right;
  list-style:none;
}

#navigation ul li {
  display:table;
  float:left;
}

#navigation ul li a {
  display:block;
}

.background_index {
  background:url('../images/homepage_matlock_hotel.gif') top left no-repeat;
}

.background_index #right {
  position:relative;
  width:160px;
  top:40px;
  left:685px;
  padding: 10px;
}

.background_index #news_ticker {
  position:relative;
  width:300px;
  top:-100px;
  left:20px;
  height:20px;
	padding-left: 10px;
}
.background_index #news_ticker h1 {
  font-size:16px;
  width:110px;
  float:left;
}

.background_index #animation object{
  position: absolute;
  left: 35px;
  top: 200px;
  z-index:1000;
}

.background_clients #content_container{
  background: url('../images/client_bg.jpg') no-repeat scroll top right;
  height:430px;
}
.background_contact_us #content_container {
  background: url('../images/contact_us/bg.jpg') no-repeat scroll top right;
  height:430px;
}
#contact_us_header {
  margin-top:15px;
  background: url('../images/contact_us/contact-us.gif') no-repeat scroll top left;
  width: 301px;
  height: 50px;
}
.background_index #right h1 {
  padding-bottom:1px;
  font-size:16px;
  color:#FFF;
}
.background_index #right ul {
  color: #981A1E;
  padding: 0 0 0 0px;
  margin: 5px 0 0 0px;
}

.background_index #right ul li {
  padding: 0px;
  margin: 0px;
}
.background_index #right ul li a {
  text-decoration:none;
  font-size: 12px;
}

ul.graphicBullets {
  padding: 0;
  margin: 0;
  list-style:none;
}
ul.graphicBullets li a {
	text-decoration: none;
}

li.blue {
	color:#6689CC;
  font-size:1.2em;
  padding-bottom:5px;
}
li.green {
  color:#00B27A;
}

li.graphicBullets img {
	position:relative;
	top: 7px;
	margin-right:7px;
}

li.graphicBullets a.red {
  color:#97201E;
}
li.graphicBullets a.yellow {
  color:#FCB514;
}
li.graphicBullets a.green {
  color:#00B27A;
}
li.graphicBullets a.blue {
  color:#6689CC;
}

.background_index #right li.graphicBullets {
  padding: 0px;
  margin: 0px;
  list-style:none;
}

#about_menu h2 span {
  display:none;
}

#directions_header {
  background: url('../images/contact_us/directions.gif') no-repeat top left;
  width: 301px;
  height: 50px;
}

#form_container {
  position:absolute;
  top:70px;
  left:350px;
}

#contact_form_container {
  position:absolute;
  top:70px;
  left:0px;
}

.red {
  color:#97201E;
}
.blue {
  color:#6689CC;
}

label {
  display:table;
  width:85px;
  float:left;
}

input, textarea {
  width:200px;
}

.background_inside_plan {
  background: url('../images/inside_bg.jpg') no-repeat top right;
}

.center {
  text-align:center;
}

.item_select {
  margin-right:5px;
  display:inline-block;
  height:170px;
}
h2.item_header {
  font-size:18px;
  padding-bottom:15px;
}

#navigation ul li a {
   outline:0;
}
#navigation ul li a.brochure.red {
  background: url('../images/download_menu_red.gif') no-repeat 0px 3px;
  width: 215px;
  height: 27px;
}
#navigation ul li a.brochure.yellow {
  background: url('../images/download_menu_yellow.gif') no-repeat 0px 3px;
  width: 215px;
  height: 27px;
}
#navigation ul li a.brochure.green {
  background: url('../images/download_menu_green.gif') no-repeat 0px 3px;
  width: 215px;
  height: 27px;
}
#navigation ul li a.brochure.blue {
  background: url('../images/download_menu_blue.gif') no-repeat 0px 3px;
  width: 215px;
  height: 27px;
}

#navigation ul li a.portfolio {
  background: url('../images/portfolio_menu.gif') no-repeat top left;
  width: 85px;
  height: 20px;
}
#navigation ul li a.news {
  background: url('../images/news_menu.gif') no-repeat top left;
  width: 64px;
  height: 20px;
}
#navigation ul li a.links {
  background: url('../images/links_menu.gif') no-repeat top left;
  width: 43px;
  height: 20px;
}
#navigation ul li a.home {
  background: url('../images/home_menu.gif') no-repeat top left;
  width: 66px;
  height: 20px;
}
#navigation ul li a.endorsements {
  background: url('../images/endorsements_menu.gif') no-repeat top left;
  width: 131px;
  height: 20px;
}
#navigation ul li a.contact {
  background: url('../images/contact_menu.gif') no-repeat top left;
  width: 106px;
  height: 20px;
}
#navigation ul li a.clients {
  background: url('../images/clients_menu.gif') no-repeat top left;
  width: 74px;
  height: 20px;
}
#navigation ul li a.about {
  background: url('../images/about_menu.gif') no-repeat top left;
  width: 120px;
  height: 20px;
}
#what_we_re_all_about {
  background: url('../images/about/what_we_re_all_about.gif') no-repeat top left;
  width: 194px;
  height: 21px;
  display:block;
}
#the_people_behind_the_magic {
  background: url('../images/about/the_people_behind_the_magic.gif') no-repeat top left;
  width: 300px;
  height: 21px;
}

#the_company {
  background: url('../images/about/the_company.gif') no-repeat bottom left;
  width: 128px;
  height: 25px;
  display:block;
}
a#the_company {
	color:purple;
}
#the_team {
  background: url('../images/about/the_team.gif') no-repeat top left;
  width: 128px;
  height: 25px;
  display:block;
}
#the_senior_management {
  background: url('../images/about/the_senior_management.gif') no-repeat top left;
  height: 25px;
  display:block;
}
#the_company_selected {
  background: url('../images/about/the_company_selected.gif') no-repeat bottom left;
  width: 128px;
  height: 25px;
  display:block;
} 
#the_team_selected {
  background: url('../images/about/the_team_selected.gif') no-repeat top left;
  width: 128px;
  height: 25px;
  display:block;
}
#the_senior_management_selected {
  background: url('../images/about/the_senior_management_selected.gif') no-repeat top left;
  width: 250px;
  height: 25px;
  display:block;
}
#team_list {
  padding-top:30px;
  list-style:none;
}
#team_list li a {
  display:block;
}
#team_list li a span {
  display:none;
}
#senior_management_list {
  padding-top:30px;
  list-style:none;
}
#senior_management_list li a {
  display:block;
}
#senior_management_list li a span {
  display:none;
}
#stewart_evans_selected { background: url('../images/about/stewart_evans_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#stewart_evans {
  background: url('../images/about/stewart_evans.gif') no-repeat top left;
  width: 175px;
  height: 25px;
} 
a#stewart_evans:hover {
  background: url('../images/about/stewart_evans_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
} 
#soulla_harrison_selected {
  background: url('../images/about/soulla_harrison_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
} 
#soulla_harrison {
  background: url('../images/about/soulla_harrison.gif') no-repeat top left;
  width: 175px;
  height: 25px;
} 
#soulla_harrison:hover {
  background: url('../images/about/soulla_harrison_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#kevin_nelson_selected {
  background: url('../images/about/kevin_nelson_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#kevin_nelson {
  background: url('../images/about/kevin_nelson.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#kevin_nelson:hover {
  background: url('../images/about/kevin_nelson_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#deborah_johnson_selected {
  background: url('../images/about/deborah_johnson_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#deborah_johnson {
  background: url('../images/about/deborah_johnson.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#deborah_johnson:hover {
  background: url('../images/about/deborah_johnson_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#david_kerford_selected {
  background: url('../images/about/david_kerford_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#david_kerford {
  background: url('../images/about/david_kerford.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#david_kerford:hover {
  background: url('../images/about/david_kerford_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#david_golden_snr_selected {
  background: url('../images/about/david_golden_snr_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
} 
#david_golden_snr {
  background: url('../images/about/david_golden_snr.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#david_golden_snr:hover {
  background: url('../images/about/david_golden_snr_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#david_golden_selected {
  background: url('../images/about/david_golden_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#david_golden {
  background: url('../images/about/david_golden.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#david_golden:hover {
  background: url('../images/about/david_golden_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#darren_higson_selected {
  background: url('../images/about/darren_higson_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#darren_higson {
  background: url('../images/about/darren_higson.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#darren_higson:hover {
  background: url('../images/about/darren_higson_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#adam_clews_selected {
  background: url('../images/about/adam_clews_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#adam_clews {
  background: url('../images/about/adam_clews.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}
#adam_clews:hover {
  background: url('../images/about/adam_clews_selected.gif') no-repeat top left;
  width: 175px;
  height: 25px;
}

#slideshow {
  list-style:none;
}
#slideshow, #slideshow li {
  height:368px;
  width:360px;
  display:block;
  overflow:none;
}
#portfolio {
  background: url('../images/portfolio.gif') no-repeat scroll top left;
  height: 40px;
  display:block;
}

div#content_container ul#accordion {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#content_container ul#accordion li.accordion {
  float: left;
  display: block;
  margin-right: 10px;
  height:340px;
  border-left:5px;
}
div#content_container ul#accordion li.accordion.yellow {
  border:1px #FCB514 solid;
}
div#content_container ul#accordion li.accordion div.fan {
  display: block;
  overflow: hidden;
  height: 330px;
  width: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div#content_container ul#accordion li.accordion div.fan img.heading {
  display: block;
  overflow: hidden;
  float:left;
  margin-top: -10px;
}
div#content_container ul#accordion li.accordion div.fan div.fan_content_container {
	float: right;
	width:650px;
	margin-right:30px;
	display:none;
}
div#content_container ul#accordion li.accordion div#a0.fan {
}
div#content_container ul#accordion h2 {
  display: block;
  font-size:18px;
  margin-left: 25px;
}
ul#tabs1, ul#tabs2, ul#tabs3 {
  list-style:none;
  width:300px;
  float:left;
}
ul#tabs1 li a, ul#tabs2 li a, ul#tabs3 li a {
	text-decoration: none;
}
ul#tabs1.yellow li a:hover, ul#tabs2.yellow li a:hover, ul#tabs3.yellow li a:hover {
	color:#FCB514;
}

div#content_container ul#accordion li.accordion .description {
  width: 350px;
  display: block;
  float:left;
}

div#content_container ul#accordion li.accordion .description p {
	margin:0;
	text-align:justify;
	width:350px;
	padding-top:2px;
	padding-right:7px;
	height:100px;
}

#residential {
  background: url('../images/residential.gif') no-repeat scroll top left;
  height: 40px;
  display:block;
}
#commercial {
  background: url('../images/commercial.gif') no-repeat scroll top left;
  height: 40px;
  display:block;
}
#industrial {
  background: url('../images/industrial.gif') no-repeat scroll top left;
  height: 40px;
  display:block;
}

#by_our_client_professionals {
  background: url('../images/endorsements.gif') no-repeat scroll top left;
  width: 301px;
  height: 62px;
  display:block;
}

ul#endorsements {
  list-style:none;
}
ul#endorsements li {
  float:left;
  margin-right:5px;
  margin-bottom:5px;
}
ul#sustainability {
  margin-bottom:5px;
  list-style-type:disc;	
}
ul#sustainability li {
  margin-left:20px;
}
#clients_header {
  background: url('../images/clients_header.gif') no-repeat scroll top left;
  width: 154px;
  height: 41px;
  display:block;
}
.background_clients #content_container {
  padding-top:10px;
}

#news_header {
  background: url('../images/news_header.gif') no-repeat scroll top left;
  width: 154px;
  height: 41px;
  display:block;
}

#content_container.news {
  margin-top:45px;
  height:340px;
  width:200px;
}

#links_header {
  background: url('../images/links_header.gif') no-repeat scroll top left;
  width: 106px;
  height: 41px;
  display:block;
}

.background_links #content_container {
  overflow:auto;
  height:400px;}

.background_links #content_container #contact_list p {
  width:250px;
  float:left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.background_index #right .extra_padding li.graphicBullets {
  padding-bottom:2px;
}

.background_about #content_container.company {
  padding-right:120px;
  height:420px;
  padding-top:25px;
}
.background_about #content_container.company p {
  width:400px;
}

#content_container.team {
	padding-top:30px;
  background: url('../images/about/About_MPSL_Right_Image2.jpg') no-repeat top right;
  height:405px;
}

#content_container.company {
  background: url('../images/about/About_MPSL_Right_Image_black.jpg') no-repeat top right;
}

#container.background_contact_us {
  background: url('../images/contact_us/map_google_image.jpg') no-repeat top right;
  height:435px;
}

#content_container.architecture {
  margin-top:30px;
  height:370px;
  overflow-y:scroll;
}
#content_container.planning {
  margin-top:35px;
  height:365px;
}
#content_container.planning ul li {
  margin-left: 20px;
  padding-left:5px;
}
#content_container.sustainabilty {
  margin-top:40px;
  height:360px;
  overflow-y:scroll;
}
#content_container.project_management {
  margin-top:70px;
  height:330px;
}
#content_container.project_management ul li {
  margin-left: 20px;
  padding-left:5px;
}

div.tickcontainer {
	width:150px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  position: relative;
  left:0px;
  top: 3px;
  width: 190px;
  overflow: hidden;
}
ul.newsticker {
  position: relative;
  left: -200px;
  list-style-type: none;
  margin: 0;
}
ul.newsticker li {
  float: left; /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding: 0;
} 
ul.newsticker a {
  white-space: nowrap;
  padding: 0;
  color: #fff;
  font: 11px Verdana;
  margin: 0 50px 0 0;
  text-decoration:none;
} 
ul.newsticker span {
  margin: 0 10px 0 0;
  color: #	;
}

a#matlock_video {
  position:relative;
  display:block;
  width:250px;
  padding:3px 7px 3px 0;
  top:-90px;
  left:30px;
  text-decoration:none;
}

div#follow_us {
  position:absolute;
  bottom:0px;
  left:20px;
  padding: 3px 7px;
}

div#follow_us span {
  color:#fff;
}
div#follow_us a {
	text-decoration:none;
}

.hide {
	display:none;
	height:0px;
}

#container.background_news #content_container {
	width:580px;
	left:300px;
	position:absolute;
	margin-top:48px;
	height:352px;
	padding-right:none;
  overflow-y:auto;
}

#container.background_news #content_container p {
	padding-right:none;
}

#link_to {
	background: url('../images/news_bg.jpg') no-repeat scroll top right;
	position:absolute;
	right:50px;
	top:30px;
}
#link_to a {
	height:242px;
	width:200px;
	display:block;
}
#link_to a span {
	display:none;
}