@charset "UTF-8";
/* CSS Document */


/*#######################*/
/*####### RESET #########*/
/*#######################*/


/* Meyer Reset
---------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Generic Attributes
---------------------------------------------*/

a img {
	border:none;
}
/* Float Clear
---------------------------------------------*/

html body div.clear, html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: static;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	visibility: hidden;
	height: 0;
	font-size:0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/*#######################*/
/*####### GRIDS #########*/
/*#######################*/

html { height: 100%; margin-bottom: 1px; } /* Force Scrollbars */

body {
	text-align: center;
	min-width: 960px;
	margin-top:0px;
}
.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 944px;
}
.container {
	
}
#hd {
	background-color:#dddddd;
	overflow:hidden;

}

#hd div {
margin-left: auto;
	margin-right: auto;
	width: 944px;
	}
	
#ft, #bd {
		overflow:hidden;
}

.unit, .unit_19, .unit_21, .unit_35, .unit_40, .unit_59 {
	display: inline;
	float: left;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
}
/* Grids 
---------------------------------------------*/



.unit_19 {
  width:304px;
 
}
.unit_21 {width:336px;}
.unit_35 {width:560px;margin-right:16px;}
.unit_40 {width:640px;background-color:#CCCCCC;}
.unit_59 {width:944px;}



/* Grids > Inset 
---------------------------------------------*/

.insetLeft {
	margin-left: 16px;
}


/*#######################*/
/*######## TEXT #########*/
/*#######################*/



/* Base 10px
----------------------------------------------------------------------------------------------------*/
html {
	font-size: 16px;
}
body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}
/* Misc
----------------------------------------------------------------------------------------------------*/

a:focus {
/*	outline: 1px dotted invert;*/
}
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
/* Text
----------------------------------------------------------------------------------------------------*/

dl, li, p, caption {
	font-size:1.2em;
	line-height:1.6em;
}
/* Headings
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	margin-bottom: 0px;
	font-weight:400;
}

h1 {
	font-size:1.3em;
	line-height:1em;
}
h2 {
	font-size:1.3em;
	line-height:1em;
}
h3 {
	margin-top:16px;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'gdb', serif; text-transform: uppercase;
	text-align:left;
	font-size:3.6em;
}
h4 {
	font-size:2.1em;
	line-height:1em;
}
h5 {
 font-size:;
}
h6 {
 font-size:;
}
/* Spacing
----------------------------------------------------------------------------------------------------*/

ol {
/*	list-style: decimal;*/
}
ul {
/*	list-style: square;*/
}
li {
	margin-left: 16px;
}
p, dl, hr, ol, ul, pre, table, address, fieldset {
	margin-bottom: 16px;
}


@font-face {
	font-family: 'gri';
	src: url('../fonts/gri-webfont.eot');
	src: local('☺'), url('../fonts/gri-webfont.woff') format('woff'), url('../fonts/gri-webfont.ttf') format('truetype'), url('../fonts/gri-webfont.svg#webfontoZ8K4gwp') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'gm';
	src: url('../fonts/gm-webfont.eot');
	src: local('☺'), url('../fonts/gm-webfont.woff') format('woff'), url('../fonts/gm-webfont.ttf') format('truetype'), url('../fonts/gm-webfont.svg#webfontjknigJSF') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'gdb';
	src: url('../fonts/gdb-webfont.eot');
	src: local('☺'), url('../fonts/gdb-webfont.woff') format('woff'), url('../fonts/gdb-webfont.ttf') format('truetype'), url('../fonts/gdb-webfont.svg#webfont5iDDJK5h') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'pns';
	src: url('../fonts/pns-webfont.eot');
	src: local('☺'), url('../fonts/pns-webfont.woff') format('woff'), url('../fonts/pns-webfont.ttf') format('truetype'), url('../fonts/pns-webfont.svg#webfont6tZzHH6i') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pnr';
	src: url('../fonts/pnr-webfont.eot');
	src: local('☺'), url('../fonts/pnr-webfont.woff') format('woff'), url('../fonts/pnr-webfont.ttf') format('truetype'), url('../fonts/pnr-webfont.svg#webfontbT9yu50M') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/


/*#######################*/
/*####### STYLES ########*/
/*#######################*/


@charset "UTF-8";
/* CSS Document */

ul li { font-size:1.3em;}
em { font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; color:#555555; font-size:1.2em; font-style:italic;}
p {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.2em; color:#666666; margin-bottom:.5em;}
p strong  {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:700; color:#000000;}
p.blockquote  { font-family:'gri', serif; font-style:normal; font-weight: normal; font-size:3.2em; color: #99CCCC;}
p.header { font-family: Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; font-size:1.2em; color:#CCCCCC; margin-bottom:0px;}
h4 {font-weight: normal; font-style: normal; line-height:1em; font-family: 'gdb', serif; text-transform: uppercase; text-align:left; font-size:3.6em; padding-top:0; padding-bottom:3px; margin-bottom:12px; display: inline-block; color:#CCCCCC; border-bottom:2px solid #CCCCCC;}


/* Header
----------------------------------------------------------------------------------------------------*/

#hd a:link, #hd a:visited {text-decoration:none; color:#000000; }

#hd h2 {display:block; height:85px;}

#hd h1 { display:block; height:85px;}
#hd .strapLine {width:173px; text-align:right;}

#hd h1.strapLine a {
display: inline-block;
	width:173px;
	height:35px;
	top:30px;
	position: relative;
	overflow: hidden;
}
#hd h1.strapLine a span {
	background: url(../images/architecture-and-design.gif);
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
}

#hd {text-align:left; font-family: Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; font-size:.9em; letter-spacing:1px;}
#hd ul { display:block; overflow:hidden; width:608px; text-align:left; position: relative; top:45px;}
#hd ul li { display: inline; margin-left:0px; margin-right:5px;}
#hd ul li a:link, #hd ul li a:visited {padding:.5em .7em; width:auto; height:auto; line-height: 2.3em; background-color:#dddddd;}
#hd ul li a:hover {background-color:#ffffff;}
#hd ul li a:active {background-color:#eeeeee;}

body.pgIndex #hd ul li.nav-clients a:link,
body.pgIndex #hd ul li.nav-clients a:visited,
body.pgApproach #hd ul li.nav-approach a:link,
body.pgApproach #hd ul li.nav-approach a:visited,
body.pgContact #hd ul li.nav-contact a:link,
body.pgContact #hd ul li.nav-contact a:visited
 {background-color:#eeeeee;}



/* Body
----------------------------------------------------------------------------------------------------*/




/* Footer
----------------------------------------------------------------------------------------------------*/

#ft {margin-top:2em; font-family: Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; font-size:0.9em; letter-spacing:1px; color:#999999;}

#ft dl{overflow:hidden; display:block; float:left;}
#ft ul {overflow:hidden; display:block; float:right;}
#ft dl dd,
#ft dl dt,
#ft ul li
{display:block; float:left; margin-right:.5em;margin-left: 0px;}
#ft dl dt { font-family: Arial, Verdana, Helvetica, sans-serif;}
#ft dl dd {border-left:1px solid #CCCCCC; padding-left:.5em;}
#ft ul li+li {border-left:1px solid #CCCCCC; padding-left:.5em;}

#ft a:link, #ft a:visited {text-decoration:none; color:#000000; }


/* Pg Contact
----------------------------------------------------------------------------------------------------*/

body.pgContact .unit_19 dl {
margin-left:16px;
margin-top:16px;
margin-bottom:16px;
}

body.pgContact .unit_19 dl dt {display:none;}
body.pgContact .unit_40 {text-align: center;}
body.pgContact .unit_40 p {position:relative; top:230px; color:#FFFFFF;}

body.pgContact .unit_19 {position:relative;}


/* Page Title
----------------------------------------------------------------------------------------------------*/




#hd h2 { width:125px; text-align:left;}


#hd h2 {
	top:30px;
	margin: 0;
	margin-right:18px;
	padding: 0;
	text-indent: -9999px;
	width:107px;
	height:35px;
	position: relative;
	background: url(../images/MRA-logo-grey-white.gif);
	
	
}
#hd h2 a {
	position: absolute;
	top: 0;
	left: 0;
	width:107px;
	height:35px;
	display: block;
	border: 0;
	background: transparent;
	overflow: hidden;
	cursor:default;
}

#hd .hover-state {
	margin: 0;
	padding: 0;
	width:107px;
	height:35px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color:#333333;
	background: url(../images/MRA-logo-grey-white.gif) no-repeat 0 -35px;
}




/*#######################*/
/*###### ADD-ONS ########*/
/*#######################*/



/* Box Grid */

.boxgrid h5 {
	margin: 10px 10px 0px 10px;
	color:#eee;
	font-size: 1.3em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
}

.boxgrid {
	width: 304px;
	height: 152px;
	float:left;
	margin-right:16px;
	margin-bottom:16px;
	background:#222222;
	overflow: hidden;
	position: relative;
}
.marginRightZero { margin-right:0px;}

.marginBottomZero { margin-bottom:0px;}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid p {
	padding: 0 10px;
	color:#555555;
	font-size: 1.1em;
	line-height:1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: capitalize;
	letter-spacing:1px;
	margin-bottom:2px;
	margin-top:2px;
}
.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 46px;
	width: 300px;
	margin-left:2px;
	opacity: .8;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxcaptionDeep {
	float: left;
	position: absolute;
	background: #000;
	height: 56px;
	width: 300px;
	margin-left:2px;
	opacity: .8;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


.captionfull .boxcaption {
	top: 152px;
	left: 0;
}

.captionfuller .boxcaptionDeep {
	top: 152px;
	left: 0;
}

.caption .boxcaption {
	top: 152px;
	left: 0;
}

p.footNote {
font-size:.9em;
color: #999999;


}

/* Form */


    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
	 background-color:#DDDDDD;
        padding:10px !important;
        width:264px !important;
	 width/* */:/**/284px; 
	width: /**/284px;
    }
    .form-label-right{
        width:150px !important;
    }
 div.form-all{
        width:304px !important;
	 width/* */:/**/284px; 
	width: /**/284px;
	background:cccccc;
        color:black !important;
		font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:400; color:#FFFFFF !important;
		text-transform:uppercase;
		font-size:1em !important;
		margin-right: 0px !important;
    }
		.unit_19 {		
		 background-color:#DDDDDD;
		 height:488px;
	 width/* */:/**/284px; 
	width: /**/284px;
	}
	
		button {
	border:none;
	padding:.5em .6em !important;
	line-height:2em;
	margin-left:2px;	
	}