body {
    background-image:   url(/images/background.jpg);
	background-repeat:	no-repeat;
}

#page {
/*	width:				840px;
	margin:				0 auto;*/
	width:				740px;
	margin:				0 0 0 200px;
	text-align:			left;
	position:			relative;
}

#afters {
    clear: both;

}

#masthead.header {
	height:				150px;
}

#masthead .homelink {
    float:      left;
    width:      400px;
    position:   absolute;
    top:        46px;
    left:       216px;
}

.homelink a {
	border:				0 none !important;
	margin:				0;
	text-decoration:	none !important;
    color:  #fffde8;
}

.homelink a span {
    display:        block;
	font-size:	    34px;
    letter-spacing: 1.5px;
    color:          #b84747;
    color:          rgba(184,71,71,.6);
}

#masthead .contact-details {
    float:      right;
    position:   absolute;
    top:        20px;
    left:       725px;
}

#masthead .contact-details li {
    list-style:    none;
    text-align:     right;
}

#page {
    background-image:	url(/images/page-background.png);
	background-repeat:	no-repeat;
    background-position:    top left;
	min-height:		800px;
}

#page .spacer {
	min-height:		400px;
}

#page .article {
	float:      left;
    padding:    5px 0 0 17px;
    margin:     0;
	min-height:		450px;
    width: 58%;
}

#page .article .section {
    float:  left;
    width:  430px;
    margin: 0 0 20px;
}

#page .article .header {
	float:		left;
	position:	relative;
	width:		165%;
    margin:     -36px 0 0;
    padding:    0;
}

#page .article  .summary {
	float:		left;
	position:	relative;
	width:		100%;
    padding:    0;
    margin:     10px 0 0 0;
}

#page .article .summary img {
	width:		400px;
}

#page .article .aside {
	float:	right;
	width:	235px;

	margin: 0;
	padding: 0;
}

#page .article  .body {
	float:		left;
	position:	relative;
	width:		94%;
    margin:     10px 0 0;
    padding:    0;
}

#page .article .body .header {
    float:      left;
    display:    block;
    width:      410px;
}

#page .article .body .details {
    float:      left;
    display:    block;
    padding:    0 10px;
}

#page .article .footer{
	clear:	both;
	float:	left;
	width:	100%;
}

#page .article li {
/*	list-style-image:		url(/img/red-bullet.png);*/
}

#page .article ul li ul{
	background-color:	transparent;
	background-image:	none;
	padding:			0;
	margin:				0;
}

#page .article dl {
}

#page .article dl.alt {
	background-color:	transparent;
}

#page .article dt {
	font-weight:	bold;
}

#page .asides {
    float: left;
    width: 1%;
    margin: 0 0 40px 0;
}

#page .aside {
	float:	left;
    width:  274px;
	margin: 12px 0 0 4px;
    padding: 4px;
    border: 1px solid #2f2522;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#page .aside .body {
    float:  right;
}

#page .aside .body .header {
    width:          215px;
    margin-right:   -1px;
}

#page .aside ul {
    float:  left;
}

#page .aside ul li{
	list-style-image:	none;
	list-style-position:	outside;
	list-style-type:	none;

    margin: 0;
}

#page .aside #project-list ul li {
	float:	left;
}

#page .aside ul li a{
	display:	block;
	border:		0 none;

    margin: 0;
}

#page .aside ul li a img {
    width:  120px;
    margin: 2px;
    padding: 2px;
    border: 1px solid transparent;
}

#page .aside ul li.selected a img, #page .aside ul li a:hover img {
    border: 1px solid #806760;
/*    border: 1px solid #2f2522;*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#page .aside .contact-details ul, #page .aside .contact-details li, #page .aside .contact-details a {
    float: none;
}

#page .aside .contact-details a {
    display: inline;
}

#page .aside .contact-form ul {
    margin: 0;
}

#page .aside .contact-form li {
/*    width: 100%;*/
    margin: 1px 0;
    clear:  right;
}

#page .aside .contact-form li em {
    float:  left;
    clear:  left;
    line-height: 30px;
    font-style: normal;
}

#page .aside .contact-form span {
    float: right;

    border: 1px solid #2f2522;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

    padding: 2px;
}

#page .aside .contact-form input, #page .aside .contact-form textarea {
    padding: 2px;
    margin: 0;
    border: 1px none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#page .aside .contact-form .enquiry-button {
    float: right;
    padding: 4px 0 0;
    width: 132px;
}

#page .aside .contact-form .enquiry-button input {
    float:  right;
    background-color:   #000;
    color:  #CEA79B;
    cursor: pointer;
    background-image: url(/images/page-background.png);
    background-position: 4% 8%;
}

#page .aside .contact-form .enquiry-button input:hover {
    color: #806760;
    background-position: 4% 4%;
}

#page .aside .contact-form .enquiry-button span:hover {
    border: 1px solid #4d3e3a;
}

#page .aside .contact-form span.details, #page .aside .contact-form span.details textarea {
    width: 98%;
}

#page .footer {
    clear:      both;
    padding:    0;
    margin:     20px 0;
}

#off #page .footer.nav {
/* zzz */
background-image: url(/images/footer.jpg);
background-position: top right;
background-repeat: no-repeat;
background-attachment: scroll;
}

#mainnav {
	width:			100%;
    position:       relative;
    clear:          both;
}

#mainnav ul, #mainnav li {
	margin:		0;
	padding:	0;
    height:     100%;

}

#mainnav ul {
	float:			left;
	width:			100%;
}

#mainnav ul li {
	float:					left;
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
    width:  143px;
    height: 103px;
}

#mainnav ul li a{
    text-indent:    -999px;
    width:  143px;
    height: 103px;
    margin: 0;
	display:	block;
    cursor: pointer;
    background-repeat:  no-repeat;
    background-position: top  left;
}

#mainnav ul li.index a { background-image:   url(/images/icon-home.png); }
#mainnav ul li.services a { background-image:   url(/images/icon-services.png); }
#mainnav ul li.about a { background-image:   url(/images/icon-about.png); }
#mainnav ul li.news a { background-image:   url(/images/icon-news.png); }

#mainnav ul li.index.selected a, #mainnav ul li.index a:hover { background-image:   url(/images/icon-home-selected.png); }
#mainnav ul li.services.selected a, #mainnav ul li.services a:hover { background-image:   url(/images/icon-services-selected.png); }
#mainnav ul li.about.selected a, #mainnav ul li.about a:hover { background-image:   url(/images/icon-about-selected.png); }
#mainnav ul li.news.selected a, #mainnav ul li.news a:hover { background-image:   url(/images/icon-news-selected.png); }

#mainnav ul li.selected a,
#mainnav ul li a:hover {
	color: #4a4849;
}


.header-img {
	width:				491px;
	padding-top:		129px;
	background-repeat:	no-repeat;
}

.nav {
    float: left;
}

.break {
	clear:	both;
}

#page .article .body .task-list {
    float: left;
    min-height: 200px;
}

#page .article .body .task-list ul {
    float:  left;
    width: 100%;
    margin: 0;
}

#page .article .body .task-list ul.header li {
    float:  left;
    margin: 0 10px 4px 0;
    padding: 2px;
    border: 1px solid #2f2522;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
    list-style: none outside none;
}

#page .article .body .task-list ul.header li.selected,
#page .article .body .task-list ul.header li:hover {
    border: 1px solid #4d3e3a;
}

#page .article .body .task-list ul.header li a {
    background-image: url(/images/page-background.png);
    background-position: 4% 4%;
    margin: 0;
    line-height: 16px;
    padding: 2px 4px;
    color: #806760;
    display: block;
    text-decoration: none;
}

#page .article .body .task-list ul.header li a:hover,
#page .article .body .task-list ul.header li.selected a {
    color: #CEA79B;
    background-position: 4% 8%;
}

#page .article .body .task-list ul.body li {
    margin: 12px 0 0;
    display: none;
}

#page .article .body .task-list ul.body li.selected {
    display: block;
}

#page .article .body .task-list p {
    clear: left;
}

#projects #page #project-index {

}

#projects #page #project-index li {
    list-style: none;
    margin:     0 0 30px 14px;
}


#projects #page #project-index a img {
    padding:                4px;
    border:                 1px solid transparent;
	-moz-border-radius:     4px;
	-webkit-border-radius:  4px;
}

#projects #page #project-index a:hover img {
    border:                 1px solid #806760;
}

#projects #page #project-index a.title-link {
    display:    block;
}