@import url(reset.css);
@import url(fonts.css);
@import url(superfish.css);

body {
	background: #fff;
	text-align: center;
}


#page {
	position: relative;
	width: 565px;
	height: 428px;
	margin: 20px auto;
	padding: 20px 135px 20px 20px;
	background: url(../images/homepage_background.jpg) top left no-repeat;
	text-align: left;
}


#pagelong {
        position: relative;
        width: 565px;
        height: 728px;
        margin: 20px auto;
        padding: 20px 135px 20px 20px;
        background: url(../images/docs_background_768.jpg) top left no-repeat;
        text-align: left;
}


* html #page {
	width: 720px;
	height: 468px;
}

* html #pagelong {
        width: 720px;
        height: 768px;
}

body.personal {
/*	background: #AEB6A9; */
	background: #869B8F;
}

body.personal #page {
	background: url(../images/personal_background.jpg) top left no-repeat;
}

body.business {
	background: #3D6752;
}

body.business #page {
	background: url(../images/business_background.jpg) top left no-repeat;
}

body.neutral #page {
	background: url(../images/neutral_background.jpg) top left no-repeat;
}

#content {
	height: 348px;
	padding: 80px 0 0 305px;
}

* html #content {
	height: 428px;
}

.home #content {
	height: 178px;
	padding: 250px 0 0 345px;
}


#content.fullpage {
	padding: 10px 0 0 50px;
	background: none;
}

#content p, .person img, #content h2 {
	padding-left: 3px;
}
*html #content p, *html .person img, *html #content h2 {
	padding: 0;
}
.business .whatwedo.landing { background: url(../images/brand/business-wwd.jpg) left 15px no-repeat; }
.business .whatwedo { background: url(../images/brand/business-wwd.jpg) left 15px no-repeat; }
.personal .whatwedo { background: url(../images/brand/personal-wwd.jpg) left 15px no-repeat; }
.careers { background: url(../images/brand/careers.jpg) left 15px no-repeat; }
.contact { background: url(../images/brand/our-details.jpg) left 15px no-repeat; }

.business .whatwedo.image0,
	.personal .whatwedo.image0 {
	background: url(../images/brand/stones-wwd.jpg) left 15px no-repeat; }
.business .whatwedo.image1,
	.personal .whatwedo.image1 {
	background: url(../images/brand/pencils-wwd.jpg) left 15px no-repeat; }
.business .whatwedo.image2,
	.personal .whatwedo.image2 {
	background: url(../images/brand/jigsaw-wwd.jpg) left 15px no-repeat; }
.business .whatwedo.image3 {
	background: url(../images/brand/business-wwd.jpg) left 15px no-repeat; }
.personal .whatwedo.image3 {
	background: url(../images/brand/personal-wwd.jpg) left 15px no-repeat; }

#navs {
	position: absolute;
	top: 20px;
	left: 23px;
}

.nav li.personal, .nav .personal li {
	background: #9FAD9E;
}

.nav li {
	text-align: center;
}

.nav img {
	position: relative;
	top: 2px;
}

#b1, #b1 li { background-color: #527564; }
#b2, #b2 li { background-color: #6B8877; }
#b3, #b3 li { background-color: #859B8B; }
#b4, #b4 li { background-color: #9FAD9E; }

#p1, #p1 li { background-color: #859B8B; }
#p2, #p2 li { background-color: #6B8877; }
#p3, #p3 li { background-color: #527564; }
#p4, #p4 li { background-color: #386351; }

#subnav {
	position: absolute;
	top: 96px;
	left: 46px;
}

#footer {
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	left: 25px;
}

table.ourdetails {
	border-style: solid;
	border-color: #9FAD9E;
	border-width: 0 0 2px 0;
	margin-bottom: 1em;
}

table.ourdetails th {
	vertical-align: top;
	padding: 3px 5px 3px 0;
}

table.ourdetails td {
	padding: 3px 0;
}

select.peoplelist {
	width: 235px;
	padding: 3px;
	background: #E5EAE3;
	border: 1px solid #3D6752;
	margin-bottom: 1em;
}

ul.servicepeople, .person ul {
	border-top: 1px solid #AEB6A9;
	padding-top: 3px;
}

ul.servicepeople a {
	padding-right: 14px;
}

ul.servicepeople a.current, ul.servicepeople a:hover {
	color: #9FAD9E;
	background: url(../images/arrow-lg.jpg) right 2px no-repeat;
	text-decoration: none;
}

.person {
	display: none;
}

.person img {
	margin: 3px 1em 1em 0;
	margin: 3px 1em 0em 0;
}

.person h2 img {
	margin: 0;
	padding: 0;
}

*html .person h2 {
	padding-left: 0;
}

.person ul {
	clear: left;
}

ul.downloads {
	padding-top: 20px;
	background: url(../images/title-downloads.gif) left top no-repeat;
	margin: 1.5em 0 1em;
}

.careers h2 {
	font-size: 1.2em;
	text-transform: none;
	color: #9FAD9E;
}

ul.vacancies {
	border-bottom: 1px solid;
	list-style: disc inside;
	padding-bottom: 3px;
}

.vacancy {
	margin-top: 1em;
}

.vacancy h2 {
	color: #777;
	margin-bottom: 0.5em;
}

.docs {
	margin-top: 80px;
	height: 250px;
	overflow-y: auto;
	padding-right: 0.5em;
}

#content .docs h2, #content .docs p {
	padding: 0;
}

.docs h2, .docs h3 {
	color: #3D6752;
	margin: 1em 0;
}

.docs h3 {
	font-size: 1em;
}

#sitemap {
	padding-top: 20px;
}

#sitemap li {
	float: left;
	width: 250px;
	text-transform: uppercase;
}

#sitemap li ul li {
	float: none;
	padding-left: 2em;
	width: auto;
	text-transform: none;
}