/******************************************************************************
* Dovetail Architects - Generic CSS
* by NeoCentra Limited www.neocentra.co.uk
******************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#444444;
	margin: 0px; line-height:16px;
	text-align: center; /* For IE5 */
	background-image: url(../images/body_bg.jpg); background-repeat:repeat-x;
}

/******************************************************************************
* Generic Formatting
******************************************************************************/
h2 { font-size:14px; }

p { }

a { color:#004576; }

span.cName { color:#0060A5; font-weight:bold; }

a#emailLink {
	position:absolute; margin-left:-175px; margin-top:-25px;
}

/******************************************************************************
* ul normal
******************************************************************************/
ul.normal {
	list-style:none; width:400px; margin-left:30px; margin-top:20px;
	padding-left:0px;
}

ul.normal li {
	background-image: url(../images/bullet_04.gif);
	margin-bottom:0px;
	padding-left:15px; margin-bottom:7px;
	background-repeat:no-repeat; background-position:0px 5px;
}

/******************************************************************************
* Basic Layout
******************************************************************************/

#wrapper { width:784px; margin:0px auto; }

#header {
	float:left; width:784px; height:80px;
	background-image: url(../images/header_bg.jpg); background-repeat:no-repeat;
}

p.details {
	display:block; width:784px; height:80px; margin:0px;
	background-image: url(../images/h1_details.gif);
	background-repeat:no-repeat; background-position:top left;
	text-align:left;
}

a#emailAddress {
  display:block; float:left; width:243px; height:15px; margin-top:52px;
}

p.details span { display:none; }

#main {
	float:left; width:784px; height:442px; text-align:left;
	background-image: url(../images/main_bg.jpg); background-repeat:no-repeat;
}

a#logo { position:relative; float:right; margin:18px 20px 0px 0px; }

#footer { float:left; width:784px; height:20px; text-align:left; margin-top:2px; }

#footer p { margin:0px 2px 0px 2px; font-size:11px; color:#888888; width:350px; }

#footer p.copyright { float:left; width:500px; }

#footer p.copyright a { color:#777777; }

#footer p.neocentra { float:right; width:100px; text-align:right; letter-spacing:2px; font-size:10px; }

#footer p.neocentra a { color:#aaaaaa; text-decoration:none; }

#footer p.neocentra a:hover { text-decoration:underline; }

/******************************************************************************
* Main Menu
******************************************************************************/

ul.mainNav {
	float:right; width:430px; height:30px; margin-top:-30px; list-style:none;
}

html>body ul.mainNav { width:410px; } /* Fix for browser other than IE. */

ul.mainNav li {
	display:block; float:left; height:30px; margin-left:21px;
}

ul.mainNav a { display:block; height:30px; }

ul.mainNav #home     { width:39px; background-image: url(../images/mainNav_home.gif); }
ul.mainNav #profile  { width:58px; background-image: url(../images/mainNav_profile.gif); }
ul.mainNav #services { width:69px; background-image: url(../images/mainNav_services.gif); }
ul.mainNav #projects { width:72px; background-image: url(../images/mainNav_projects.gif); }
ul.mainNav #contact  { width:66px; background-image: url(../images/mainNav_contact.gif); }

ul.mainNav a.off { background-position: 0px 0px; }
ul.mainNav a.off:hover { background-position: 0px -30px; }
ul.mainNav a.uber { background-position: 0px -60px; }

ul.mainNav a span { display:none; }

/******************************************************************************
* Home Page
******************************************************************************/

div#homePageCats {
	float:left; width:630px; height:220px; margin:110px 0px 0px 73px;
	list-style:none; padding:0px;
}

html>body div#homePageCats { margin:110px 0px 0px 145px; }

div#homePageCats .col { width:210px; float:left; }

div#homePageCats a { display:block; width:210px;  }

div#homePageCats a span { display:none; }

div#homePageCats li#indAndWare { height:140px; background-image: url(../images/cat_indAndWare.jpg); background-repeat:no-repeat; }
div#homePageCats a#a_indAndWare { height:140px; background-image: url(../images/cat_indAndWare.jpg); background-repeat:no-repeat; }
div#homePageCats a#a_indAndWare:hover { background-position:0px -140px; }

div#homePageCats li#leisure { height:70px; background-image: url(../images/cat_leisure.jpg); background-position:3px -10px;}
div#homePageCats a#a_leisure { margin-top:5px; height:70px; background-image: url(../images/cat_leisure.jpg); background-position:3px -10px; }
div#homePageCats a#a_leisure:hover { background-position:3px -90px; }

div#homePageCats li#office { height:70px; background-image: url(../images/cat_office.jpg); }
div#homePageCats a#a_office { height:70px; background-image: url(../images/cat_office.jpg); }
div#homePageCats a#a_office:hover { background-position:0px -70px; }

div#homePageCats li#schools { height:70px; background-image: url(../images/cat_schools.jpg); background-position:0px -5px; }
div#homePageCats a#a_schools { margin-top:5px; height:70px; background-image: url(../images/cat_schools.jpg); background-position:0px -5px; }
div#homePageCats a#a_schools:hover { background-position:0px -85px; }

div#homePageCats li#mixedDev { height:70px; background-image: url(../images/cat_mixedDev.jpg); }
div#homePageCats a#a_mixedDev { margin-top:5px; height:70px; background-image: url(../images/cat_mixedDev.jpg); }
div#homePageCats a#a_mixedDev:hover { background-position:0px -70px; }

div#homePageCats li#tradeAndRet { height:70px; background-image: url(../images/cat_tradeAndRet.jpg); background-position:0px 0px; }
div#homePageCats a#a_tradeAndRet { margin-top:5px; height:70px; background-image: url(../images/cat_tradeAndRet.jpg); background-position:0px 0px; }
div#homePageCats a#a_tradeAndRet:hover { background-position:0px -70px; }

div#homePageCats li#residential { height:70px; background-image: url(../images/cat_residential.jpg); }
div#homePageCats a#a_residential { height:70px; background-image: url(../images/cat_residential.jpg); }
div#homePageCats a#a_residential:hover { background-position:0px -70px; }

div#homePageCats li#subAndRefurb { height:80px; background-image: url(../images/cat_refurb.jpg); }
div#homePageCats a#a_subAndRefurb { height:80px; background-image: url(../images/cat_refurb.jpg); }
div#homePageCats a#a_subAndRefurb:hover { background-position:0px -80px; }


/******************************************************************************
* Page Type #1 - Layout
******************************************************************************/

div#type_01 { }

div#type_01 h1#top {
	display:block; float:left; width:562px; height:50px; margin:0px; padding:0px;
	background-repeat:no-repeat;
}

div#type_01 h1#top span { display:none; }

div#type_01 #mainContent {
	float:left; width:562px; height:380px;
	background-image: url(../images/mainContent_bg.jpg);
}

div#type_01 #mainContent_auto {
	width:500px; height:340px; margin-left:52px; margin-top:20px; overflow:auto;
}

div#type_01 #mainContent_i {
	width:510px; height:340px; margin-left:52px; margin-top:20px; padding-top:2px;
}

div#type_01 #mainContent_i img.floatRight { float:right; margin-top:44px; }
html>body div#type_01 #mainContent_i img.floatRight { margin-top:54px; }

div#type_01 #mainContent_auto img.projectPage { margin-top:20px; margin-bottom:10px; }

div#type_01 #suppContent {
	float:left; margin-top:35px; width:202px; height:280px;
}

/******************************************************************************
* Page Type #1 - Formatting
******************************************************************************/

div#type_01 #mainContent h2 { margin:10px 30px 20px 0px; }

div#type_01 #mainContent p { margin:10px 30px 0px 0px; }

div#type_01 #mainContent p.narrow { margin:10px 170px 0px 0px; }

div#type_01 ul { list-style:none; width:400px; margin-left:20px; margin-top:20px; margin-bottom:20px; }

div#type_01 ul li {
	background-image: url(../images/bullet_01.gif); padding-left:15px; margin-bottom:5px;
	background-repeat:no-repeat; background-position:0px 5px;
}

div#type_01 a.backLink {
	background-image: url(../images/bullet_03.gif); padding-left:10px; margin-bottom:5px;
	background-repeat:no-repeat; background-position:0px 4px; font-size:11px;
}

div#type_01 a.forwardLink {
	background-image: url(../images/bullet_04.gif); padding-left:10px; margin-bottom:5px;
	background-repeat:no-repeat; background-position:0px 4px; font-size:11px;
}

/******************************************************************************
* Page Type #1 - Inset Item 01
******************************************************************************/

div#type_01 .insetItem_01 {
	float:left; width:480px; clear:both; margin-bottom:20px;
}

div#type_01 #mainContent .insetItem_01 h2 {
	background-image: url(../images/bullet_01.gif); padding-left:15px; margin-bottom:0px;
	background-repeat:no-repeat; background-position:0px 5px;
	border-bottom:1px solid #444444; font-size:12px; width:90%;
}

div#type_01 .insetItem_01 h2 span { font-weight:normal; font-size:11px; }

div#type_01 .insetItem_01 ul {
	width:210px; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px;
}

div#type_01 .insetItem_01 ul li {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 7px;
	background-image: url(../images/bullet_02.gif);
	background-repeat:no-repeat; background-position:0px 7px;
}

div#type_01 .insetItem_01 .itemLeft { float:left; width:180px; margin-left:5px; }

html>body div#type_01 .insetItem_01 .itemLeft { margin-left:10px; }

div#type_01 .insetItem_01 .itemRight { float:right; width:200px; margin-right:15px; }

html>body div#type_01 .insetItem_01 .itemRight { margin-right:30px; }

/******************************************************************************
* Page Type #1 - Project Summary and Link
******************************************************************************/
div#type_01 .projectSummary {
	width:100%; clear:both; margin-top:10px; margin-bottom:10px;
}

div#type_01 .projectSummary h3 {
	background-image: url(../images/bullet_01.gif); padding-left:15px; margin-bottom:0px;
	background-repeat:no-repeat; background-position:0px 5px;
	border-bottom:1px solid #444444; font-size:12px; width:80%;
}

div#type_01 .projectSummary h3 span { font-weight:normal; font-size:11px; }

div#type_01 #mainContent .projectSummary p { margin-top:5px; width:80%; }

/******************************************************************************
* Page Type #1 - Strong Navigation
******************************************************************************/

div#type_01 ul.strongNav {
	list-style:none; width:200px; margin-left:10px; margin-top:40px;
	padding-left:0px;
}

div#type_01 ul.strongNav li {
	background-image: url(../images/bullet_04.gif); margin-bottom:10px; padding-right:10px;
	background-repeat:no-repeat; background-position:0px 5px;
}

div#type_01 ul.strongNav li a {
	font-size:12px; text-decoration:none; color:#444444; font-size:12px; font-weight:bold;
}

div#type_01 ul.strongNav li a:hover { text-decoration:underline; }

/******************************************************************************
* Page Type #1 - Supp Navigation
******************************************************************************/

div#type_01 #suppContent ul.nav {
	text-align:right; list-style:none; width:200px; margin-left:0px; margin-top:20px;
	padding-left:0px;
}

div#type_01 #suppContent ul.nav li {
	background-image: url(../images/bullet_03.gif); margin-bottom:5px; padding-right:10px;
	background-repeat:no-repeat; background-position:196px 5px; text-align:right;
}

div#type_01 #suppContent ul.nav li a {
	font-size:11px; text-decoration:none; color:#444444;
}

div#type_01 #suppContent ul.nav li a:hover { text-decoration:underline; }

/******************************************************************************
* Page Type #2 - Layout
******************************************************************************/
div#type_02 #mainContent {
	float:left; width:784px; height:430px;
	background-image: url(../images/type_02/mainContent_bg.jpg);
}

div#type_02 #mainContent_i {
	float:left; width:784px; height:430px;
}

div#type_02 #mainContent_ii {
	float:left; width:710px; height:380px; margin-left:16px; margin-top:30px; margin-left:8px;
}

html>body div#type_02 #mainContent_ii { margin-left:32px; }

div.group a img { border:none; }

div.group h1 {
	color:#0060A5; font-size:12px; margin-left:30px;
}

/******************************************************************************
* Page Type #2 - Strong Navigation
******************************************************************************/

div#type_02 ul.strongNav {
	list-style:none; width:200px; margin-left:30px; margin-top:40px;
	padding-left:0px;
}

div#type_02 ul.strongNav li {
	background-image: url(../images/bullet_04.gif); margin-bottom:10px; padding-right:10px;
	padding-left:15px;
	background-repeat:no-repeat; background-position:0px 5px;
}

div#type_02 ul.strongNav li a {
	font-size:12px; text-decoration:none; color:#444444; font-size:12px; font-weight:bold;
}

div#type_02 ul.strongNav li a:hover { text-decoration:underline; }

/******************************************************************************
* Page Type #2 - Formatting
******************************************************************************/

div#type_02 #mainContent h2 { margin:10px 30px 10px 30px; }

div#type_02 #mainContent h2 span {
	margin-left:30px; font-size:11px; font-weight:normal;
}

div#type_02 #mainContent p { margin:10px 30px 0px 30px; }

div#type_02 #mainContent p.narrow { margin:10px 170px 0px 30px; }

div#type_02 a.backLink {
	background-image: url(../images/bullet_03.gif); padding-left:10px; margin-bottom:5px;
	background-repeat:no-repeat; background-position:0px 4px; font-size:11px;
}

div#type_02 a.forwardLink {
	background-image: url(../images/bullet_04.gif); padding-left:10px; margin-bottom:5px;
	background-repeat:no-repeat; background-position:0px 4px; font-size:11px;
}

/******************************************************************************
* Page Type #2 - Project Summary and Link
******************************************************************************/
div#type_02 #projectSummaryContainer {
  width:580px; margin-top:28px;
  height:300px;
}

div#type_02 .projectSummary {
	width:580px; clear:both; margin-left:30px;
	height:100px;
}

html>body div#type_02 .projectSummary {
  height:87px;
}

div#type_02 .projectSummary h3 {
	background-image: url(../images/bullet_01.gif); padding-left:15px; margin-bottom:0px;
	background-repeat:no-repeat; background-position:0px 5px;
	border-bottom:1px solid #444444; font-size:12px; width:90%;
}

div#type_02 .projectSummary h3 span { font-weight:normal; font-size:11px; }

div#type_02 #mainContent .projectSummary p {
	margin-top:5px; width:80%; margin-left:0px;
}

/******************************************************************************
* Page Type #2 - Project Summary and Link (Scrollable)
******************************************************************************/
div#type_02 #projectSummaryContainerS {
  width:710px; height:310px; margin-top:18px; overflow:auto;
}

div#type_02 .projectSummaryS {
	width:660px; margin-left:15px; float:left;
}

html>body div#type_02 .projectSummaryS { width:660px; margin-left:30px; }

div#type_02 .projectSummaryS img.projectSummaryThumb { float:right; margin:0px 10px 0px 0px; padding:0px;}

html>body div#type_02 .projectSummaryS img.projectSummaryThumb { }

div#type_02 .projectSummaryS h3 {
  width:525px;
	background-image: url(../images/bullet_01.gif); padding-left:15px; margin-bottom:0px;
	background-repeat:no-repeat; background-position:0px 5px;
	border-bottom:1px solid #444444; font-size:12px;
}

html>body div#type_02 .projectSummaryS h3 { width:515px; margin:0px; }

div#type_02 .projectSummaryS h3 span { font-weight:normal; font-size:11px; }

div#type_02 #mainContent .projectSummaryS p {
  margin-top:5px; width:80%; margin-left:0px;
}

/******************************************************************************
* Page Type #2 - Project Page
******************************************************************************/
div#type_02 img.projectPage {
	float:left; margin-left:30px; margin-top:34px;
	width:220px; height:270px; margin-right:23px;
	margin-top:0px;
}

div#type_02 div.autoSection {
	/* float:right; margin-right:60px; */
	float:left; margin-right:0px;
	clear:none; margin-top:154px;
	width:320px; height:150px; overflow:auto;
}

div#type_02 #mainContent div.autoSection p {
	margin:0px 10px 10px 0px;
}

div#type_02 div#photoIndex {
	float:left; clear:none; margin:-60px 0px 0px 0px;
	width:90px; width:110px;
	height:383px;
}

div#type_02 div#photoIndex img { margin-bottom:5px; margin-left:32px; }

/******************************************************************************
* Page Type #2 - Inset Item 01
******************************************************************************/
div#type_02 #insetItem_01_container {
  float:left;
	width:480px; height:360px; margin-left:15px; margin-top:10px; overflow:auto;
}

div#type_02 #insetItem_01_container p { margin-left:0px; }

div#type_02 #insetItem_01_container h2 { margin-left:0px; }

div#type_02 .insetItem_01 {
	float:left; width:450px; clear:both; margin-bottom:20px;
}

div#type_02 #mainContent .insetItem_01 h2 {
	background-image: url(../images/bullet_01.gif); padding-left:15px; margin-bottom:0px;
	background-repeat:no-repeat; background-position:0px 5px;
	border-bottom:1px solid #444444; font-size:12px; width:90%;
	margin-left:0px;
}

div#type_02 .insetItem_01 h2 span { font-weight:normal; font-size:11px; }

div#type_02 .insetItem_01 ul {
	width:190px; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;
}

div#type_02 .insetItem_01 ul.normal {
  width:400px; margin-left:30px;
}

div#type_02 .insetItem_01 ul li {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 7px;
	background-image: url(../images/bullet_02.gif);
	background-repeat:no-repeat; background-position:0px 7px;
}

div#type_02 .insetItem_01 ul.normal li {
  margin-bottom:10px;
}

div#type_02 .insetItem_01 .itemLeft { float:left; width:180px; margin-left:5px; }

html>body div#type_02 .insetItem_01 .itemLeft { margin-left:10px; }

div#type_02 .insetItem_01 .itemRight { float:right; width:200px; margin-right:15px; }

html>body div#type_02 .insetItem_01 .itemRight { margin-right:30px; }


/******************************************************************************
* Page Type #2 - Supp Navigation
******************************************************************************/
div#type_02 #suppContent {
	float:right; clear:none; margin-top:0px; width:170px; height:280px;
	margin-right:5px;
}

div#type_02 #suppContent ul.nav {
	text-align:right; list-style:none; width:170px; margin-left:0px; margin-top:20px;
	padding-left:0px;
}

div#type_02 #suppContent ul.nav li {
	background-image: url(../images/bullet_03.gif); margin-bottom:5px; padding-right:10px;
	background-repeat:no-repeat; background-position:166px 5px; text-align:right;
}

div#type_02 #suppContent ul.nav li a {
	font-size:11px; text-decoration:none; color:#444444;
}

div#type_02 #suppContent ul.nav li a:hover { text-decoration:underline; }

/******************************************************************************
 * CONTACT US
  *****************************************************************************/
form#contactus {
	margin:20px 0px 20px 40px;
}

form#contactus div.formElement {
	display:block; clear:both;
	margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;
	/* background-color:#ffeeff; */
}

/* Labels */

form#contactus div.formElement label {
	display:block; float:left; font-size:12px; width:65px; padding:2px 5px 0px 0px;
	text-align:right;
}

form#contactus div.formElement label.forInput { }

form#contactus div.formElement label.forTextArea {
	/* float:none; padding-bottom:5px; padding-top:10px; */
}

/* Inputs */

form#contactus input { margin:0px; }

form#contactus input.inputText { width:200px; }

form#contactus input.inputTextFocus { width:200px; }

form#contactus input.inputTextBlur { width:200px; }

form#contactus input.submit {
	background-color:#0060A5; color:#ffffff; font-size:11px;
	margin-left:72px;
}

/* Text Area */

form#contactus textarea {
	width:300px; font-size:13px;font-family: Arial, Helvetica, sans-serif;
}

form#contactus textarea.blur {
	width:300px; font-size:13px; font-family: Arial, Helvetica, sans-serif;
	/* background-color:#ffffff; */
}

form#contactus textarea.focus {
	width:300px; font-size:13px; font-family: Arial, Helvetica, sans-serif;
	/* background-color:#FBFBF9; */
}

form#contactus textarea.inset { width:239px; margin-top:-5px; }
form#contactus textarea.insetBlur { width:239px; margin-top:-5px; background-color:#ffffff; }

form#contactus textarea.insetFocus { width:239px; margin-top:-5px; background-color:#FBFBF9; }

/* Misc */
span.star { color:red; }

/* Profile Page Footer */
p.profileFooter {
    padding:207px 0px 0px 0px;
    line-height:16px;
    font-size:10px;
    color:#555555;
}

p.profileFooter span {
    text-decoration:underline;
}