/* CSS Document */
* { font-family: 'Roboto', sans-serif; font-size:14px; }
body {
    margin: 0;
    padding: 0;
	background:url(../img/map.jpg) repeat top left #FFF;
}
h2, h3, h4, h5, h6, p, div, a, a:visited, a:link { color: #333333; }
a:link { color:#fff; }
a:visited, a:link {text-decoration: none; }
h1, h2, h3, h4, h5, h6, p, .footer { 
max-width: 956px;
margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	display: block;
}
.section {
	min-height:10px; 
	position:relative;
	text-align:center;
}
.container {
	margin:0px auto;
	max-width: 956px;
	position:relative;
	z-index:15;
	text-align:center;
	padding:8em 0 0 0;
	/*overflow:visible;*/
	/*overflow:hidden;*/
}
#topbar { 
	background-color:#0f2671;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	box-shadow: 0 0 10px #000;
	height:70px;
	text-align:center;
}
#logo {
	display: block;
	padding: 0;
	text-align: center;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -512px;
	z-index: 10000;	
}
#logo img {
	width: 190px;
}
.toggleMenu {
    display:  none;
    background: #0f2671;
    padding: 9px 15px;
    color: #fff;
	line-height:34px;
	top:0px;
	left:10px;
	position:absolute;

}
.toggleMenu a { color:#fff; }
.topLevel, .topLevel li a {
	overflow: visible;
	line-height: 5rem;
}
ul {
	padding: 0;
	margin:0;
}
.topLevel > li {
	display: inline-block;
	list-style-type: none;
}
.topLevel li {
	vertical-align: top;
}
.topLevel li a {
	padding: 0 0.8rem;
}
.topLevel a {
	display: block;
	font-size: 0.85em;
	padding: 0;
	text-transform: uppercase;
	vertical-align: top;
	font-weight: 500;
	letter-spacing: 3px;
	cursor: pointer;
}
.topLevel a.link { color: #fff; }
.topLevel a:hover.link { color: #8281A1; }
.topLevel a.inBreadcrumb  { color: #8281A1; }

#home { background:url(../img/property-advice-wide.jpg) center center no-repeat; width:100%; height:600px; position:relative; margin-top:70px; }
#contact, #clients, #expertise, #services { position:relative; width:100%; top:-50px; }
#expertise-img { background:url(../img/expertise-wide-01-.jpg) center no-repeat; background-size:cover; width:100%; height:845px; position:relative; }
#clients-img { background:url(../img/location-wide.jpg) center center no-repeat; width:100%; height:363px; position:relative; }
#clients-after-img { background:url(../img/development-location-wide.jpg) center center no-repeat; width:100%; height:363px; position:relative; }
/*#clients-after-img { background:url(../img/development-location-wide.jpg) center center no-repeat; width:100%; height:363px; position:relative; }*/
#contact-img { background:url(../img/office-building.jpg) center center no-repeat; width:100%; height:650px; position:relative; background-size:cover; }

h1 {color: #8281A1;
line-height: 23px;
font-size: 1.6em;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase; padding-bottom:1em; }

h2 {
	line-height: 26px;
	font-size: 1.15em;
	font-weight: normal;
}

hr {
	border: none;
	border-top: 1px solid #333;
	width: 90%;
	max-width: 880px;
	margin: 17px auto;
}
.container p {
font-weight: 300;
font-size: 1em;
line-height: 17px;
text-align: center;
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.container ul li {
list-style-type: none;
font-weight: 500;
font-size:1em;
line-height:17px;
}
.container ul li + li {
padding-top: 17px;
background: transparent url('../img/separator.png') no-repeat center 8px;
list-style-type: none;
font-weight: 500;
}
.container ul li:first-child { margin:0; }
.columns {
font-size: 0;
max-width: 1024px;
margin: 0 auto;
}
.columns > div {
display: inline-block;
padding: 0 2%;
width: 44%;
vertical-align: top;
}
.columns .column-47 { width:47%; }
.columns .column-41 { width:41%; }
.columns > div + div {
border-left: 1px solid #333;
}
.clients {
	/*padding-top: 19px;*/
}
.clients p span {
display: inline-block;
padding: 0 20px;
font-size: 14px;
line-height: 18px;
height: 18px;
font-weight:500;
}
.clients p span + span {
	padding-left: 26px;
	background: transparent url('../img/circle.png') no-repeat center left;
}
#map {
	margin: 0px;
    padding: 0px;
	width: 96%;
	height: 422px;
}
.contactinfo h1, .contactinfo p, .contactinfo small {
	text-align: justify;
}
.contactinfo small { font-size:0.75em; font-weight:300; clear:both; text-align:left; display:block; margin:0; line-height:14px; }
.contactinfo h1 { padding:0; }
.contactinfo hr {
max-width: 100%;
width: 100%;
}

h1.imageheader img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 90%;
}
h1.imageheader2 img {
position: absolute;
top: 0;
/*right: 0;
bottom: 0;*/
left: 30px;
margin: auto;
max-width: 25%;
}

.footer { text-align:center; }
.footer p {
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0;
padding: 0;
font-size:0.8em;
}
.footer p, .footer p a {
color: #989898;
}
a#footerlogo {
height: 40px;
position: relative;
z-index: 2;
}
#footerlogo {
display: block;
margin: 1.4rem;
position: relative;
}
#footerlogo img {
height: 40px;
position: relative;
z-index: 2;
}
#footerlogo:before {
width: 100%;
border-top: 1px solid #cecece;
}
#footerlogo:before, #footerlogo:after {
content: "";
display: block;
position: absolute;
top: 50%;
z-index: 1;
}
#footerlogo:after {
width: 160px;
border-top: 1px solid #fff;
left: 50%;
margin-left: -80px;
}
#footerlogo:before, #footerlogo:after {
content: "";
display: block;
position: absolute;
top: 50%;
z-index: 1;
}
.footer p.trademark {
text-align: left;
}
.footer p.copyright {
text-align: right;
margin-top: 0;
}