/* Global page layout */

#container {
	width: 780px;
	margin: 18px 110px 0;
	position: relative;
}

#branding {
	height: 124px;
}

#branding a {
	position: absolute;
	left: 0;
	top: 0;
	width: 190px;
	height: 124px;
}

/* Home Page */

#home #branding a {
	width: 370px;
	height: 249px;
	position: absolute;
	top: 123px;
}

#home #content-supp ul {
	position: absolute;
	top: 254px;
	list-style: none;
	margin: 0;
}
#home #content-supp li {
	float: left;
	margin-left: 6px;
}
#home #content-supp li#pic2 {
	margin-left: 17px;
}

/* Other News */

#other_news #content-supp ul {
	position: absolute;
	top: 148px;
	list-style: none;
	margin: 0;
	width: 450px;
}
#other_news #content-supp li {
	float: left;
	margin-left: 6px;
}
#other_news #content-supp li#pic2,
#other_news #content-supp li#pic4 {
	margin-left: 17px;
}

/* Main Navigation Layout */

#navmain {
	position: absolute;
	right: 0;
	top: 88px;
	height: 35px;
}

#navmain li a { display: block ; height: 35px; }

#navmain li#navlatest_projects a    { width: 94px; }
#navmain li#navextensions a       	{ width: 76px; }
#navmain li#navrefurbishments a 	{ width: 97px; }
#navmain li#navgeneral_building a 	{ width: 101px; }
#navmain li#navtolet a            	{ width: 62px; }
#navmain li#navother_news a       	{ width: 77px; }
#navmain li#navcontact a          	{ width: 63px; }

/* Content Area Layout */

#content {
	overflow: auto;
}

#content-main {
	float: right;
	width: 288px;
}

#content-supp {
	float: right;
	margin-right: 20px;
	width: 432px;
}

/* Section Specific: Projects */

body.gallery #content-main,
body.gallery #content-supp {
	float: none;
	width: 100%;
}

body.gallery #content-supp dt img {
	float: left;
	clear: left;
	border: 1px solid #ffffff;
	margin: 0 15px 5px 0;
}
body.gallery #content-supp dd img {
	display: none;
}

#content #navotherprojects {
	list-style: none;
	padding-top: 20px;
	margin-left: 0;
}

#navotherprojects li {
	position: relative;
	width: 754px;
	height: 60px ;
}

#navotherprojects h3 {
	font-size: 1.25em;
}

#navotherprojects img {
	float: left;
	margin-right: 20px;
}

#navotherprojects h4 {
	font-size: 1.1em;
	width: 280px;
	margin: 0;
	padding: 7px 20px 0 0;
}
#content #navotherprojects p {
	font-size: 1.0em;
	width: 230px;
	margin: 0;
	padding: 6px 20px 0 0;
	}

#content #navotherprojects a.viewproject,
#content #navotherprojects a.viewproperty {
	position: absolute;
	right: 315px;
	top: 0;
	width: 102px;
	height: 27px;
	text-indent: -9999px;
	background: transparent url(/images/site/viewbtn.gif) no-repeat left top;
}
#content #navotherprojects a.viewproperty {
	width: 110px;
	background: transparent url(/images/site/viewpropertybtn.gif) no-repeat left top;
}

/* Dynamic projects box */

#dynamicbox {
	position: relative ;
	height: 370px ;
	width: 700px ;
}

#dynamicbox ul#thumblist {
	list-style: none ;
	margin-left: 0 ;
	width: 60px ;
}

#dynamicbox ul#thumblist li {
	margin: 0 0 2px 1px ;
	height: 60px ;
}

#dynamicbox ul#thumblist li img {
	margin: 0 ;
}

#dynamicbox ul#displaylist {
	list-style: none ;
	position: absolute ;
	left: 63px ;
	top: 0 ;
	width: 370px ;
	margin: 0 ;
}

#dynamicbox ul#displaylist li {
	position: absolute ;
	left: 0 ;
	top: 0 ;
	height: 370px ;
}

#dynamicbox ul#displaylist li img {
	position: absolute ;
	left: 0 ;
	top: 0 ;
	margin: 0 ;
}

#dynamicbox ul#desclist {
	list-style: none ;
	position: absolute ;
	left: 450px ;
	top: 0 ;
	width: 300px ;
	margin: 0 ;
}

#dynamicbox ul#desclist li {
	position: absolute ;
	left: 0 ;
	top: 0 ;
	display: block ;
	height: 370px ;
	width: 300px ;
}

#dynamicbox ul#desclist li p {
	width: 300px ;
}

#dynamicbox .statictext {
	position: absolute ;
	left: 450px ;
	top: 0 ;
}

/* Miscellaneous */

#content #contacttolet {
	position: absolute;
	right: 0;
	bottom: 55px;
	width: 152px;
	font-size: 1.2em;
	color: #fff;
	line-height: 1.3;
	padding: 10px 15px;
	background: transparent url(/images/site/contacttolet-bg.png) no-repeat left top;
}

/* Target Safari/KHTML but not WebKit: */
/*    html[xmlns*=""] body:last-child ... { ... } */
    body:last-child:not(:root:root) #content #contacttolet { bottom: 90px ; }

/* Target WebKit: */
    @media all and (min-width: 0px) {
             body:not(:root:root) #content #contacttolet { bottom: 90px ; }
    }


.picturedescription,
.statictext {
	width: 310px;
}

#othernews {
	position: absolute;
	right: 10px;
}

.prevbtn,
.nextbtn {
	position: absolute ;
	bottom: 0 ;
	background: transparent url(/images/site/prevbtn.gif) no-repeat left top ;
	text-indent: -9999px ;
	width: 79px ;
	height: 27px ;
}

.prevbtn { left: 0 ; }

.nextbtn {
	background-image: url(/images/site/nextbtn.gif) ;
	left: 243px ;
	width: 57px ;
}