/*FlexiWeb Style File - Created 29-06-2010
Menus Section
*/
.main {
	position: absolute;
	top: 107px;
	z-index: 90;
	text-align: right;
	text-indent: 0px;
	right:0px
}
#main, #main ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 20px;
	font-weight: bold;
	}

#main li {
	float: left;
	padding-left: 0px;
	margin : 0px;
}
#main li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	font-weight: bold;
	margin: 0px;
	z-index: 90;	
}
#main a {
	display: block;
	width: auto;
	color: #FFFFFF;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size : 18px;
	text-decoration: none;
	padding:0px 0px 0px 35px !important;
	z-index: 90;	
}
#main a:hover {
color: #606261;
}
#main li:hover ul ul, #main li:hover ul ul ul, #main li.sfhover ul ul, #main li.sfhover ul ul ul {
	left: -999em;
}
#main li:hover ul, #main li li:hover ul, #main li li li:hover ul, #main li.sfhover ul, #main li li.sfhover ul, #main li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#main li:hover, #main li.sfhover { 
}
#main li ul a {
width:100px;	
}
.mainactive {
color:#606261 !important;
padding:0px 0px 0px 35px !important;
}

.sub-menu-profile {
	position: absolute;
	top: 128px;
	z-index: 90;
	text-align: right;
	right:0px
}
#sub-menu-profile, #sub-menu-profile ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 12px;
	font-weight: normal;
	}

#sub-menu-profile li {
	float: left;
	padding-left: 0px;
	margin : 0px;
}
#sub-menu-profile li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	font-weight: normal;
	margin: 0px;
	z-index: 90;	
}
#sub-menu-profile a {
	display: block;
	width: auto;
	color: #FFFFFF;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	padding:10px 0px 0px 35px !important;
	z-index: 90;	
}
#sub-menu-profile a:hover {
color: #606261;
}
#sub-menu-profile li:hover ul ul, #sub-menu-profile li:hover ul ul ul, #sub-menu-profile li.sfhover ul ul, #sub-menu-profile li.sfhover ul ul ul {
	left: -999em;
}
#sub-menu-profile li:hover ul, #sub-menu-profile li li:hover ul, #sub-menu-profile li li li:hover ul, #sub-menu-profile li.sfhover ul, #sub-menu-profile li li.sfhover ul, #sub-menu-profile li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#sub-menu-profile li:hover, #sub-menu-profile li.sfhover { 
}
#sub-menu-profile li ul a {
width:100px;	
}
.sub-menu-profileactive {
color:#606261 !important;
padding:10px 0px 0px 35px !important;
}

.submenu-project {
	position: absolute;
	top: 128px;
	z-index: 90;
	text-align: right;
	right:0px
}
#submenu-project, #submenu-project ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 12px;
	font-weight: normal;
	}

#submenu-project li {
	float: left;
	padding-left: 0px;
	margin : 0px;
}
#submenu-project li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	font-weight: normal;
	margin: 0px;
	z-index: 90;	
}
#submenu-project a {
	display: block;
	width: auto;
	color: #FFFFFF;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	padding:10px 0px 0px 12px !important;
	z-index: 90;	
}
#submenu-project a:hover {
color: #606261;
}
#submenu-project li:hover ul ul, #submenu-project li:hover ul ul ul, #submenu-project li.sfhover ul ul, #submenu-project li.sfhover ul ul ul {
	left: -999em;
}
#submenu-project li:hover ul, #submenu-project li li:hover ul, #submenu-project li li li:hover ul, #submenu-project li.sfhover ul, #submenu-project li li.sfhover ul, #submenu-project li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#submenu-project li:hover, #submenu-project li.sfhover { 
}
#submenu-project li ul a {
width:100px;	
}
.submenu-projectactive {
color:#606261 !important;
padding:10px 0px 0px 12px !important;
}

.sub-menu-showcase {
	position: absolute;
	top: 128px;
	z-index: 90;
	text-align: right;
	right:0px
}
#sub-menu-showcase, #sub-menu-showcase ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 12px;
	font-weight: normal;
	}

#sub-menu-showcase li {
	float: left;
	padding-left: 0px;
	margin : 0px;
}
#sub-menu-showcase li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	font-weight: normal;
	margin: 0px;
	z-index: 90;	
}
#sub-menu-showcase a {
	display: block;
	width: auto;
	color: #FFFFFF;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	padding:10px 0px 0px 20px !important;
	z-index: 90;	
}
#sub-menu-showcase a:hover {
color: #606261;
}
#sub-menu-showcase li:hover ul ul, #sub-menu-showcase li:hover ul ul ul, #sub-menu-showcase li.sfhover ul ul, #sub-menu-showcase li.sfhover ul ul ul {
	left: -999em;
}
#sub-menu-showcase li:hover ul, #sub-menu-showcase li li:hover ul, #sub-menu-showcase li li li:hover ul, #sub-menu-showcase li.sfhover ul, #sub-menu-showcase li li.sfhover ul, #sub-menu-showcase li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#sub-menu-showcase li:hover, #sub-menu-showcase li.sfhover { 
}
#sub-menu-showcase li ul a {
width:100px;	
}
.sub-menu-showcaseactive {
color:#606261 !important;
padding:10px 0px 0px 20px !important;
}

.publicity_submenu {
	position: absolute;
	top: 128px;
	z-index: 90;
	text-align: right;
	right:0px
}
#publicity_submenu, #publicity_submenu ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 12px;
	font-weight: normal;
	}

#publicity_submenu li {
	float: left;
	padding-left: 0px;
	margin : 0px;
}
#publicity_submenu li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	font-weight: normal;
	margin: 0px;
	z-index: 90;	
}
#publicity_submenu a {
	display: block;
	width: auto;
	color: #FFFFFF;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	padding:10px 0px 0px 20px !important;
	z-index: 90;	
}
#publicity_submenu a:hover {
color: #606261;
}
#publicity_submenu li:hover ul ul, #publicity_submenu li:hover ul ul ul, #publicity_submenu li.sfhover ul ul, #publicity_submenu li.sfhover ul ul ul {
	left: -999em;
}
#publicity_submenu li:hover ul, #publicity_submenu li li:hover ul, #publicity_submenu li li li:hover ul, #publicity_submenu li.sfhover ul, #publicity_submenu li li.sfhover ul, #publicity_submenu li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#publicity_submenu li:hover, #publicity_submenu li.sfhover { 
}
#publicity_submenu li ul a {
width:100px;	
}
.publicity_submenuactive {
color:#606261 !important;
padding:10px 0px 0px 20px !important;
}
/*FlexiWeb Style File - Created 29-06-2010
Elements Section
*/
body {
margin: 0px;
}
table {
font-size: 100%;
}
p {
margin: 0px 0px 10px 0px;
line-height:18px;
}
body {
background-color: #9AA297;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
margin: 0px 0px;
text-align: justify;
text-decoration:none;
}
h2 {
font-size: 16px;
margin: 12px 0px;
}
h3 {
font-size: 14px;
margin: 10px 0px;
}
h4 {
font-size: 12px;
margin: 10px 0px;
}
a img {
border: none;
}
h1 {
font-size: 18px;
margin: 0px 0px 12px 0px;
}
#profile-content {
position: absolute;
left: 495px;
width: 330px;
color: #FFFFFF;
text-align: justify;
}
#profile-middle-image {
margin: 0px 29px 0px 29px;
}
#profilemaincontent {
position: absolute;
left: 494px;
width: 336px;
color: #FFFFFF;
text-align: justify;
background: url(images/contentbg.gif) repeat-y top right;
}
#design-approachmaincontent {
position: absolute;
left: 325px;
width: 506px;
color: #FFFFFF;
background: url(images/contentbg.gif) no-repeat top right;
}
#environmentmaincontent {
position: absolute;
left: 325px;
width: 506px;
color: #FFFFFF;
background: url(images/contentbg.gif) no-repeat top right;
}
#our-servicemaincontent {
position: absolute;
left: 325px;
width: 506px;
color: #FFFFFF;
background: url(images/contentbg.gif) no-repeat top right;
}
#personnelmaincontent {
position: absolute;
left: 465px;
width: 366px;
color: #FFFFFF;
text-align: justify;
background: url(images/contentbg.gif) no-repeat top right;
}
#onsite-jobsmaincontent {
left: 366px;
width: 465px;
background: url(images/contentbg.gif) no-repeat top right;
}
#subcategorytext {
position: absolute;
left: 0px;
top: 505px;
width: 323px;
font-size: 14px;
color: #FFF;
padding: 5px 10px;
text-align: left;
}
#jobs-balhammaincontent {
width: 830px;
background: url(images/contentbg.gif) no-repeat top right;
}
#jobs-holland-parkmaincontent {
width: 830px;
background: url(images/contentbg.gif) no-repeat top right;
}
#jobs-hounslow-schoolmaincontent {
width: 830px;
background: url(images/contentbg.gif) no-repeat top right;
}
#jobs-surreymaincontent {
width: 830px;
background: url(images/contentbg.gif) no-repeat top right;
}
#jobs-the-chilternsmaincontent {
width: 830px;
background: url(images/contentbg.gif) no-repeat top right;
}
#jobs-westerhammaincontent {
width: 830px;
background: url(images/contentbg.gif) no-repeat top right;
}
#jobs-wiltshiremaincontent {
width: 830px;
background: url(images/contentbg.gif) no-repeat top right;
}
#jobs-londonmaincontent {
width: 830px;
background: url(images/contentbg.gif) no-repeat top right;
}
#map {
position: absolute;
left: 0px;
top: 0px;
height: 333px;
width: 450px;
color: #606261;
}
#publicitymaincontent {
left: 325px;
width: 506px;
background: url(images/contentbg.gif) no-repeat top right;
}
#mediamaincontent {
left: 400px;
width: 431px;
background: url(images/contentbg.gif) no-repeat top right;
}
#contactmaincontent {
width: 336px;
padding: 0px 0px 0px 494px;
}
#newsmaincontent {
left: 400px;
width: 431px;
background: url(images/contentbg.gif) no-repeat top right;
}
.maincontent {
position: absolute;
left: 0px;
top: 204px;
width: 830px;
color: #FFFFFF;
text-align: justify;
}
.maincontent a {
color: #FFF;
text-decoration: none;
}
.maincontent a:visited {
color: #FFF;
}
.maincontent a:hover {
color: #606261;
}
.outerdiv {
height: auto;
}
.containerdiv {
position: relative;
height: 604px;
width: 831px;
}
.logo_image {
position: absolute;
left: 0px;
top: 40px;
}
.profile-image {
position: absolute;
left: 0px;
top: 205px;
}
.maincontent li {
list-style-type: square;
}
.footer {
position: absolute;
color: #FFFFFF;
padding: 0px 0px 10px 0px;
bottom:5px;
right:0px;
}
.footer a {
color: #FFFFFF;
text-decoration: none;
}
.footer a:visited {
color: #FFFFFF;
}
.footer a:hover {
color: #606261;
}
.showcase-project-footer {
position: absolute;
left: 0px;
font-size: 12px;
color: #FFFFFF;
padding: 0px 0px 10px 0px;
bottom:-5px
}
.imgtop {
padding: 0px 3px 3px 0px;;
vertical-align: top;
}
.imgpad {
padding: 0px 3px 1px 0px;;
vertical-align: top;
}
.imgbottom {
padding: 0px 3px 0px 0px;;
vertical-align: top;
}
.imgmiddle {
padding: 3px 3px 3px 0px;
vertical-align: top;
}
.imgpad1 {
padding: 0px 15px 15px 0px;
vertical-align: top;
}
.imgright {
padding: 0px 0px 10px 0px;
vertical-align: top;
}
.footer-content {
position: absolute;
margin-top:5px
}
.showcase-whitebox {
background-color: #A8A8A8;
position: absolute;
left: 0px;
top: 502px;
height: 35px;
width: 333px;
opacity:0.75;
-moz-opacity:0.75;
filter: alpha(opacity=75);
}
.showcase-categorytext {
position: absolute;
left: 0px;
top: 496px;
width: 323px;
font-size: 14px;
color: #FFF;
padding: 5px;
text-align: right;
}
.design-approach-image {
position: absolute;
left: 0px;
top: 205px;
color: #FFF;
text-align: left;
}
.design-approach-image a {
color: #FFF;
text-decoration: none;
}
.design-approach-image a:visited {
color: #FFF;
}
.design-approach-image a:hover {
color: #606261;
}
.personnel-image {
position: absolute;
left: 0px;
top: 205px;
}
.imgpad-large {
padding: 0px 15px 0px 0px;
vertical-align:top;
background:url(images/loading.gif) no-repeat;
}
.showcase-civictext {
position: absolute;
}
.heritage_landscapes {
position: absolute;
}
.public_parkstext {
position: absolute;
}
.residential_housingtxt {
position: absolute;
}
.town_gardenstext {
position: absolute;
}
.art_installationstext {
position: absolute;
}
.balham-image {
position: absolute;
left: 0px;
top: 205px;
}
.float-right {
float:right;
}
.float-left {
float:left;
}
.publicity-nz-video {
position: absolute;
left: 0px;
top: 205px;
visibility: hidden;
}
.footer-left {
position: absolute;
left: 0px;
color: #FFFFFF;
text-align: left;
bottom:-20px;
}
.footer-left a {
color: #FFFFFF;
text-decoration: none;
}
.footer-left a:visited {
color: #FFFFFF;
}
.footer-left a:hover {
color: #606261;
}
.environment-image {
position: absolute;
left: 0px;
top: 205px;
}
.professional-services-image {
position: absolute;
left: 0px;
top: 205px;
}
.onsite-jobs-image {
position: absolute;
left: 0px;
top: 205px;
}
.no-margin {
margin: 0px;
}
.publicity-image {
position: absolute;
left: 0px;
top: 205px;
}
.news-image {
position: absolute;
left: 0px;
top: 205px;
}
.onsite-small-images {
height: 100px;
padding: 3px 0px 0px 0px;
text-align: left;
vertical-align:bottom;
}
.fadelink {
}