/* 
  BLUEPRINT CSS
   * Filename:        compressed.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
   
   Generated by:
    * Blueprint CSS Grid Generator (2009-03-29) [http://kematzy.com/blueprint-generator/]
    
  == STRUCTURE: ========================
   * Page width:            960 px
   * Number of columns:     9
   * Column width:          96 px
   * Margin width:          12 px
  ======================================
   
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:960px;margin:0 auto;}
.showgrid {background:url(src/blueprint_grid_96+12x18.png);}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9 {float:left;margin-right: 12px;}

div.last {margin-right:0;}
.span-1  { width: 96px;}
.span-2  { width: 204px;}
.span-3  { width: 312px;}
.span-4  { width: 420px;}
.span-5  { width: 528px;}
.span-6  { width: 636px;}
.span-7  { width: 744px;}
.span-8  { width: 852px;}
.span-9, div.span-9 { width: 960px; margin: 0; }

.append-1  { padding-right: 108px;}
.append-2  { padding-right: 216px;}
.append-3  { padding-right: 324px;}
.append-4  { padding-right: 432px;}
.append-5  { padding-right: 540px;}
.append-6  { padding-right: 648px;}
.append-7  { padding-right: 756px;}
.append-8  { padding-right: 864px;}

.prepend-1  { padding-left: 108px;}
.prepend-2  { padding-left: 216px;}
.prepend-3  { padding-left: 324px;}
.prepend-4  { padding-left: 432px;}
.prepend-5  { padding-left: 540px;}
.prepend-6  { padding-left: 648px;}
.prepend-7  { padding-left: 756px;}
.prepend-8  { padding-left: 864px;}

div.border{padding-right:5px;margin-right:6px;border-right:1px solid #eee;}
div.colborder { padding-right:91px;margin-right:90px;border-right:1px solid #eee;}
.pull-1 { margin-left: -108px;}
.pull-2 { margin-left: -216px;}
.pull-3 { margin-left: -324px;}
.pull-4 { margin-left: -432px;}
.pull-5 { margin-left: -540px;}
.pull-6 { margin-left: -648px;}
.pull-7 { margin-left: -756px;}
.pull-8 { margin-left: -864px;}
.pull-9 { margin-left: -972px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9 {float:left;position:relative;}

.push-1 { margin: 0 -108px 1.5em 108px;}
.push-2 { margin: 0 -216px 1.5em 216px;}
.push-3 { margin: 0 -324px 1.5em 324px;}
.push-4 { margin: 0 -432px 1.5em 432px;}
.push-5 { margin: 0 -540px 1.5em 540px;}
.push-6 { margin: 0 -648px 1.5em 648px;}
.push-7 { margin: 0 -756px 1.5em 756px;}
.push-8 { margin: 0 -864px 1.5em 864px;}
.push-9 { margin: 0 -972px 1.5em 972px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
hr.space2 {margin:0 0 0.5em;background:#fff;color:#fff;}
hr.space3 {margin:0 0 1.5em;background:#fff;color:#fff; height:3em;}
.clearfix:after, .container:after, .page:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container, .page{display:inline-block;}
* html .clearfix, * html .container,  * html .page {height:1%;}
.clearfix, .container, .page{display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;color:#330000;background-color: #ECE9D8;}
input.tfvHighlight:focus,  textarea:focus, select:focus {border:1px solid #666;color:#330000;background-color: #ECE9D8;}
input.tfvHighlight{border:3px solid #FFFF00;color: #FFFFFF;	background-color: #000000;width:391px;padding:5px;height:36px;	font-size:1.5em; margin:0.5em 0 0.5em 0}
.tfvHighlight2{border:3px solid #FFFF00;color: #FFFFFF;background-color: #000000;}
.errorbox1 {border:2px solid #000; padding: 0px 5px 5px 5px; font-size: 2em; color: #000; background-color: #FFFF00; width:391px; 
text-align: left; }
.errorbox p { text-indent: 0; } 
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;font-size:1.5em; font-family:Arial, Helvetica, sans-serif;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*Bromel classes*/

/*Type*/
h1 span {display: none;}
h2 {font-weight: bold;font-size:3em;line-height:1.25;margin-bottom:0.5em;}
h3 {color:#999999;}

/* Indentation instead of line shifts for sibling paragraphs. */
p + p { text-indent:2em; margin-top:-1.5em; }

/* Don't want this in forms. */
form p + p  { text-indent: 0; } 
 

.titcolor {background-color: #6699FF;}
input.text, input.title {width:391px;padding:5px; height:36px;}
.errorbox {border:1px solid #666; padding: 1.5em 5px 5px 5px; font-size: 2em; color: #FFFFFF; background-color: #000000; width:391px; text-align: center;}
.thanks {border:1px solid #666;font-size: 2em;background-color: #28166F;}
div.thanks {float: left; margin-right:12px;}
.thanks {width: 744px;}
div.conthank {float: left; margin-right:0px;}
.conthank {width: 744px; padding:0 108px 0 108px;}
div.conThantite {float: left; margin-right:0px;}
.conThantite { padding-left:108px; width: 204px;}

#thankyou .thanks p {color: #FFFFFF; padding: 0.5em 0.5em 0em 0.5em;}
#projects .errorbox p{color: #FFFFFF;}
hr.recentop {background:#fff;color:#fff; height:3em;}
.terms {
	border:1px solid #666;
	font-size: 1em;
	background-color: #ECE9D8;
}
div.terms {float: left; margin-right:12px; padding: 0.5em;}
.terms p {
	padding: 1.5em 4em 1em 4em;
	color: #000000;
}
.terms h3 {
	padding-left: 3em;
	color: #0B334A;
	font-size: 1.5em;
}
.terms ul {
	padding-left: 3em;
	list-style:none;
	
}
.terms li {font-size: 1.8em;}
.terms h2 { padding-left: 4em; padding-bottom: 1em}
.terms {width: 744px;}
/* .....................................................*/

/* grid.css */
.page {width:960px;margin:0 auto;}

/* Logo */
#masthead {width: 960px;margin-right:0;float:left;margin-right: 12px; height: 126px;}
#masthead a{ cursor:default;}

/* navigation */
#navigation {padding-left: 432px; width: 636px;margin-right:0;padding-right:0;}
div #naviagtion {float:left;margin-right: 12px;}
.navigation {margin: 0;padding: 0;list-style: none;height: 10.15em;}
.navigation li{float:left;text-align: right;padding-right: 12px;font-size: 14px;font-weight: bold;text-transform: uppercase;text-decoration: none;}

/* navigation buttons */
.home a, .approach a, .services a, .projects a, .contact a {text-decoration: none;
color: #666666;background-image: url(../../images/dash.gif);background-repeat: repeat-x;float:right;text-align: right;
background-position: bottom;padding-bottom: 3px;}
.home a:hover, .approach a:hover, .services a:hover, .projects a:hover, .contact a:hover
{background-repeat: repeat-x;background-position: bottom;padding-bottom: 6px;}
.home a:hover    {color: #0093DD;background-image: url(../../images/about.gif);}
.approach a:hover {color: #DF6225;background-image: url(../../images/approach.gif);}
.services a:hover {color: #974578;background-image: url(../../images/services.gif);}
.projects a:hover{color: #00923F;background-image: url(../../images/projects.gif);}
.contact a:hover  {color: #28166F;background-image: url(../../images/contact.gif);}

.homepage a, .approachpage a, .servicespage a, .projectspage a, .contactpage a {text-decoration: none; background-repeat: repeat-x;float:right;text-align: right;background-position: bottom;padding-bottom: 3px;}

.homepage a    {color: #0093DD;background-image: url(../../images/about.gif); }
.approachpage a {color: #DF6225;background-image: url(../../images/approach.gif);}
.servicespage a {color: #974578;background-image: url(../../images/services.gif);}
.projectspage a {color: #00923F;background-image: url(../../images/projects.gif);}
.contactpage a  {color: #28166F;background-image: url(../../images/contact.gif);}
.tab            {width: 96px;}

/*span setups */
div.tab, div#header, div.rectitle, div.proheader, li.proheader, div.proholder, div.proholder2, li.proholder, div.idea1, div.dis1, div.dis3, div.projectbox, div.figure, div.promoview, div.casecontent, div.statement, div.sertitle, div.labtit, div.enquiry, div.condeal1, div.mycase {float:left; margin-right: 12px;}
div#deliverence, div#footer, div#method, div.example, div.dis2, div.dis4, div#discipline i, div.proend, li.proend,
div.logoview {float:left; margin-right: 0;}
div#recentprojects, div#casetitle, div#projectbox, div.projectboxend, div.proend, div.formfield, div.submission, div.idea2, div#projects, div#thankyou, div#discipline {float:left;}

/* header */
.mycase {width: 312px;}
#header {width: 420px;}
#header h3 {background: url(../../images/subhead.gif) repeat-x bottom; padding-bottom: 1em;width:378px;text-indent:1em}

/* introduction */
#intro strong span {color: #000000;}
.aboutus strong{color: #0093DD;}
.approachus strong {color: #DF6225;}
.ourservices strong {color: #974578;}
.ourprojects strong{color: #00923F;}
.contactus strong {color: #28166F;}

.option1 {background-image: url(../../images/dash3.gif); background-repeat: repeat-x; background-position: bottom;
text-decoration: none; color: #A7ABA7; padding-bottom: 2px;}
.option2 {background-image: url(../../images/dash3.gif); background-repeat: repeat-x; background-position: bottom;
text-decoration: none; color: #A7ABA7; padding-bottom: 2px;}

a.option1:hover {color: #974578;background: url(../../images/services.gif) repeat-x bottom;padding-bottom:5px;}
a.option2:hover {color: #DF6225;background: url(../../images/approach.gif) repeat-x bottom;padding-bottom:5px;}
#intro {float:left;margin-right: 12px; margin-right:0;padding-right:0;width:528px;}
#intro p{font-size: 1.65em;color: #666666;}
#intro i a {color: #E4E1D0;font-size: 1.5em;text-decoration: none;letter-spacing: 0.01em;padding-top: 1px;padding-left: 3px;
padding-right: 0px;border:1px solid #000000;background-color: #ACA899;}
#intro i a:hover {color:#FFFFFF;text-decoration:none;border:1px solid #666666;background-color: #CCCCCC;padding-top: 1px;
padding-left: 3px;padding-right: 0px;}

/* contact link button */
#intro i {padding-left: 300px;}
div.i {margin-right:0;}

/* recent projects*/
.rectitle {padding-left: 108px; width: 204px;}
#recent h2{text-align: right;float: right;padding-right: 0.5em;font-size: 2.75em;color: #00923F;}
#recentprojects { width: 636px; margin-right:0;}
#recentprojects p {font-size: 1.17em; color: #666666;}
#recentprojects strong {color: #000000;}
#recentprojects p a {background: url(../../images/recentdash.gif) repeat-x bottom;text-decoration: none;padding-bottom: 1px;font-weight: bolder;color: #00923F;}
#recentprojects p a:hover{background: url(../../images/recentunder.gif) repeat-x bottom;text-decoration: none;padding-bottom: 2px;}
.projectbox {width: 204px;}

.projectboxend {width: 204px; margin-right:0;}

/* Deliverance and methods*/
#deliverance {margin-right:0; width: 528px; padding-left: 324px; padding-right: 108px;}
#methods { width: 960px; margin: 0; padding-left: 108px;}
#deliverance p, #discipline p, #methods p{font-size: 1.42em; color: #666666;}
#deliverance strong, #discipline strong {color: #000;}
#deliverance h2, #discipline h2, #methods h2{font-size: 2.25em; color: #667AB3;}
#methods strong {color: #000; font-style:normal;}
#methods em {font-style:oblique;text-align: right;float: right;}
#methods h2 {color: #DF6225}
#discipline h2 {color: #974578;}

/* Projects*/
.endme {width: 312px; margin: 0;}
div.endme {float:left; margin-right: 0px;}

/*modelP*/

li.a1 {float:left; margin-right: 12px;}
.a1 {width: 312px; float: left;list-style-type: none;}
li.a2{float:left; margin-right: 12px;}
.a2 {width: 312px; float: left;list-style-type: none;}
li.a3, li.proTit{float:left; margin-right: 0px;}
.a3, .proTit {width: 96px; float: left;list-style-type: none;}
li.b1 {float:left; margin-right: 12px;}
.b1 {width: 204px; float: left;list-style-type: none;text-indent: -1.5em;}
li.b2{float:left; margin-right: 12px;}
.b2 {width: 96px; float: left;list-style-type: none;text-indent: -1.5em;}
li.b3{float:left; margin-right: 12px;}
.b3{width: 96px; float: left;list-style-type: none;text-indent: -1.5em;}
li.b4{float:left; margin-right: 12px;}
.b4 {width: 96px; float: left;list-style-type: none;text-indent: -1.5em;}
li.b5{float:left; margin-right: 12px;}
.b5 {width: 96px; float: left;list-style-type: none;text-indent: -1.5em;}
li.b6 {float:left; margin-right: 0px;}
.b6   {width: 96px; float: left;list-style-type: none;text-indent: -1.5em;}

#projects, #thankyou{ width: 960px; margin: 0;}
#projects p, #thankyou p {font-size: 1.14em; color: #666666;}
#projects h3.casetest {font-style: oblique;font-weight: bold;color: #28604F;}
.casecontent h3 {font-style: oblique;font-weight: bold;color: #28604F;}
#projects blockquote {color: #FF9900;}
#projects blockquote p {color: #153229;font-size: 1.17em; }
 blockquote span {font-style: italic;font-size: 0.83em;color: #990033;float: right;padding-top:1.17em;font-weight: bold;}
#projects h2{font-size: 1.75em;color: #974578;}
#thankyou h2, .sitefull h2{font-size: 3.33em;color: #72706F;}
.proheader {width: 312px; }
.proholder {width: 204px;}
.proholder2 {padding-left: 324px; width: 204px;}
.logoview { width: 636px; margin: 0;}
.promoview, .casecontent {width: 312px;}
.proholder2 h3, .proholder h3, .proend h3, .a2 h3, .a3 h3, .proTit h3 {float: left;font-weight: bold;color: #000000;font-size: 1.17em; padding-top: 0.33em;}
.proholder2 h3 a, .proholder h3 a, .proend h3 a, .a2 h3 a, .a3 h3 a, .proTit h3 a{background: url(../../images/dashnone.gif) repeat-x bottom;text-decoration: none;padding-bottom: 3px;font-weight: bolder;color: #999999; text-align: left; display: inline-block;}

.proholder2 h3 a:hover, .proholder h3 a:hover, .proend h3 a:hover, .a2 h3 a:hover, .a3 h3 a:hover, .proTit h3 a:hover {background: url(../../images/recentunder.gif) repeat-x bottom;
text-decoration: none;padding-bottom: 3px;font-weight: bolder;color:#00923F; display: inline-block;}
#projects li.proholder2, #projects li.proholder, li.proend, li.proheader, li.promoview{float: left;list-style-type: none;}
li.proend h3 {float: left; padding-top: 0.33em; width:204px;}
li.a3 h3, li.proTit h3 {float: left; padding-top: 0.33em; width:312px;}
/* Case studies */
#casetitle h2{font-size: 2.75em;color:#00923F;}
#casetitle {width: 636px; margin:0; padding-left: 324px;}

/* Case studies link */
div.photogal {float: left; margin-right: 0px;}
.photogal {width: 636px;}
div.caselink {float: left; margin-right:0px;}
.caselink {width: 420px;}
div.caseIntro {float: left; margin-right:12px;}
.caseIntro {width: 312px;}
.caselink a {font-size: 1.5em;color: #666666;text-align: right;float: right;}
.caselink a:hover {color: #000000;}
#projectbox a.closedown  {text-align: center;float: left;padding:1px;width: 91px;background-color: #0CCB01;background-image: none;
color: #FFFFFF;text-transform: uppercase; text-decoration:none; font-weight:bold;}
#projectbox a.closedown:hover  {background-color: #0033FF;}

/* Disipline*/
#discipline {width: 960px; margin: 0; padding-left: 108px;}
.dis1, .dis3 {width: 420px;}
.dis2, .dis4 {width: 420px; margin-right:0;}
#discipline i {padding-left: 216px; width: 204px; margin-right:0;}
#disciplines a {font-size: 1.33em;font-weight: bold;color: #974578;letter-spacing: 0.01em;text-align: right;float: right;font-style: oblique;background: url(../../images/dash.gif) repeat-x bottom; padding: 3px;text-decoration: none;}

#disciplines a:hover {font-size: 1.33em;font-weight: bold;color: #FFFFFF;float: right;background-color: #974578;padding: 3px;text-align: right;float: right;text-decoration: none;background-image: none;font-style: normal;}

#discipline i a {color: #E4E1D0;font-size: 1.33em;text-decoration: none;letter-spacing: 0.01em;padding-top: 1px;padding-left: 3px;
padding-right: 0px;border:1px solid #000000;font-weight: bold;float:right;background-color: #ACA899;}

#discipline i.conPro a {border-style: inset;background-color: #F8F7EF;padding: 2px 3px 2px 5px;color: #974578;}
#discipline i.conPro a:hover{background-color: #00923F;border: 2px outset #314D30;padding:1px 2px 1px 4px;color: #E8FFF1;}
#discipline a:hover {color:#FFFFFF;text-decoration:none;border:1px solid #666666;background-color: #CCCCCC;padding-top: 1px;
padding-left: 3px;padding-right: 0px;}

/*method examples*/
.idea1 {width: 420px;}
.idea2 {width: 420px; margin-right:0;}
.figure { width: 96px;}
.example { width: 312px; margin:0;}

/*miniproject*/ 
#projectbox {width: 730px; padding-left: 108px;  padding-right: 108px; margin-right:0;}
#projectbox .background {background-color: #153229;padding: 1em 0em 1em 1em; width: 730px;}
div.background {float:left;margin-right:0}
.background div.span-1 {margin-right: 6px;}
#projectbox h4 {background-color: #00923F;font-size: 1.42em;color: #FFFFFF;letter-spacing: 0.00em;font-weight: bold;text-align: right;padding-top: 0.25em;padding-bottom: 0.25em;padding-right: 0.5em;}
#projectbox p a {
	font-size:0.92em;
	color: #999999;
	text-decoration:none;
	background: url(../../images/dashpro.gif) repeat-x bottom;
	padding-bottom: 2px;
	position: relative;	
	display: inline-block;
}

#projectbox p a:hover {color: #FFFFFF;background-image: none; padding-bottom: 2px; position: relative; display: inline-block}


#projectbox a img {color: #FFFFFF;background-image: none;border: 1px solid #00923F;}
#projectbox a img:hover {color: #FFFFFF;background-image: none;border: 1px solid #FFCC00;}

.sertitle	{ width: 204px;}
div.prodetail {float:left; margin-right: 6px;}
.prodetail  { width: 96px;}
.proend     { width: 96px; margin:0;}
.norm {padding-bottom: 1em;}

/* Breadcrumbs */
div#breadcrumbs {float:left; margin-right:12px;}
#breadcrumbs {width: 636px; padding-left:324px;}
#breadcrumbs ul {float:left; padding-bottom: 3em; margin:0;}
#breadcrumbs li    {list-style-type: none;float: left;padding-right: 1em;font-weight: bold;font-style: italic;
font-size: 1.33em;}

#breadcrumbs .home a {font-style: normal;color: #999999;text-decoration: none;background: url(../../images/dashgrey.gif) repeat-x bottom;padding-bottom: 3px; display:block}
#breadcrumbs .home a:hover {font-style: normal; color: #00923F;background: url(../../images/breadcrumb.gif) repeat-x bottom;padding-bottom: 3px; display:block}
#breadcrumbs li.big { font-size: 2.5em;padding-right: 0.25em;color: #CCCCCC;margin-top: -0.25em;
}
/* contact us */
.contactus a {font-weight: bold;font-style: italic;text-decoration: none;font-size: 0.92em;background: url(../../images/dash.gif) repeat-x bottom;padding-bottom: 3px;color: #000000;}
.contactus a:hover {background: url(../../images/workcontact.gif) repeat-x bottom;padding-bottom: 3px;color: #28166F;}

/* Fieldset */

fieldset {padding:1.4em; margin:0 0 1.5em 0;border: thin none #FF0000; width: 744px;}
textarea {width:391px;height:250px;padding:5px;}
legend {font-size: 3em;color: #72706F; padding-left: 324px; width: 312px;}
label {font-size: 1.58em; text-align: right; float: right; padding-top: 1em;color: #28166F;padding-right: 0.5em;}
.labtit {width: 312px;}
.formfield {width: 420px; margin-right:0}
.submission {width: 96px; margin-right: 0}
.statement {padding-left: 324px; width:312px; text-indent:1em; }
#projects .statement h6 {font-size:1.17em;font-weight: normal;color: #999999;}
.enquiry {width: 744px;  padding-right: 216px;}
input.bt {width: 50px;background-color: #CCFF00;}
.condeal1 {padding-left: 102px; width: 204px;}
.condeal1, .condeal2 {font-size: 1.5em;}
.condeal2 a {background-color: #CCCCCC;padding: 0.25em;text-decoration: none;color: #000000;}
.condeal2 a:hover {background-color: #000033;padding: 0.25em;text-decoration: none;color: #FFFFFF;}
.condeal2 p {padding-left:0.5em;margin:0 0 0em; padding-top:0.33em;}
.condeal1 h3 {margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; font-size: 1.5em;color: #72706F;}
.condeal2 {width: 528px; margin: 0;}
div.condeal2 { float:left;}
.condeal1 h3 {padding-left: 0.25em; font-weight:bold;}

/* Project list */
.proleft li{float: left;list-style-type: none;}
.colorback span{background-color: #66CCFF;width: 744px;}
.title {color: #999999;}

/* Footer */
#footer { width: 960px; margin: 0;}
div#colophon {float: left;margin-right: 12px;font-size: 1em;}
#colophon {width: 312px;}
#colophon strong a{font-weight: bold;font-size: 1em;text-decoration: none;}
#colophon strong a:hover{font-weight: bold;font-size: 1em;text-decoration: underline;color: #0000FF;}
#colophon h3 {font-size:1.27em;color: #CC6633;font-weight: bold;}
#intro .whowe a:hover{color: #0093DD;background: url(../../images/whowe.gif) repeat-x bottom;}
#intro .whodo a:hover{color: #974578; background: url(../../images/whodo.gif) repeat-x bottom;}
#intro .whadone a:hover{color: #00923F;background: url(../../images/whadone.gif) repeat-x bottom;}
#footnav li a{list-style-type: none;float: right;text-align: right;text-decoration: none;font-size: 1em;
background: url(../../images/dash.gif) repeat-x bottom;color: #71625B;height: 1.67em;padding-top: 0.33em}
#footnav li {list-style-type: none;}
#footnav ul{margin: 0;padding: 0;list-style: none;}
.subat, .subah, .subss, .subps, .subct {margin-right: -1.5em;font-size: 1.17em;font-weight: bold;}
#footnav .subat a:hover {color: #0093DD;background: url(../../images/subat.gif) repeat-x bottom;}
#footnav .subah a:hover {color: #DF6225;background: url(../../images/subah.gif) repeat-x bottom;}
#footnav .subss a:hover {color: #974578;background: url(../../images/subss.gif) repeat-x bottom;}
#footnav .subps a:hover {color: #00923F;background: url(../../images/subpt.gif) repeat-x bottom;}
#footnav .subct a:hover {color: #28166F;background: url(../../images/subct.gif) repeat-x bottom;}

.subatpage, .subahpage, .subsspage, .subpspage, .subctpage {margin-right: -1.5em;font-size: 1.17em;font-weight: bold;}
#footnav .subatpage a {color: #0093DD;background: url(../../images/subat1.gif) repeat-x bottom;}
#footnav .subahpage a {color: #DF6225;background: url(../../images/subah1.gif) repeat-x bottom;}
#footnav .subsspage a {color: #974578;background: url(../../images/subss1.gif) repeat-x bottom;}
#footnav .subpspage a {color: #00923F;background: url(../../images/subpt1.gif) repeat-x bottom;}
#footnav .subctpage a {color: #28166F;background: url(../../images/subct1.gif) repeat-x bottom;}

div.addTitle{float:left; margin-right: 0px;}
.addTitle {padding-left: 108px; width: 204px;}
.addTitle p{font-size: 1.25em;font-weight: bold;color: #71625B;padding-left:102px;}
.addTitle h4 {width: 204px;height: 42px;background: url(../../images/bromelsubhead2.gif) no-repeat;margin: 0em;text-indent:-9000px;float:left;}
div.footcon {float: left; margin-right: 12px;}
.footcon {width: 204px;}
.footcon {font-size: 1.5em;}
.footcon span {color: #999999;}
.footcon a {text-decoration: none;color: #FFFFFF;background-color: #71625B;padding: 0.25em;}
.footcon a:hover {background-color: #000000;}
.footcon br {height: 18px;clear: both;}

/* 404 */
#error404 li  {font-size: 4em;list-style-type: none;}
ul#error404 {padding-left: 1.33em;}
#error404 li a {background: url(../../images/dash404.gif) repeat-x bottom;color: #CCCCCC;}

.area1 {background-color: #000099;display: block;height: auto;width: 960px;float: left;margin-left: -1px;}
.area1 li {margin-right: 22px;}

/* caption */
.caption-top, .caption-bottom {color: #ffffff;	padding: 1.2em;	font-weight: bold;font-size: 13px;	font-family: arial;	cursor: default;border: 0px solid #334143;background: #000000;}
.caption-top {border-width: 0px 0px 8px 0px;}
.caption-bottom {border-width: 8px 0px 0px 0px;}
.caption a, .caption a {border: 0 none;text-decoration: none;background: #000000;padding: 0.3em;}
.caption a:hover, .caption a:hover {background: #202020;}
.caption-wrapper {float: left;}
br.c { clear: both; }

/* allprojects */
.all {width: 858px;overflow:hidden;position:relative;display:block;}
.all ul li.current a {color:#FFFFFF;}
a#all_trigger {outline-style:none;outline-width:medium;padding-left:10px;position:absolute;
right:1px;top:1em;}

/* addittions */
.rtop {text-decoration: none;background-color: #AEAEA2;padding: 2px 4px 2px 4px;color: #FFFFFF;float: right;	}
.rtop:hover{text-decoration: none;background-color: #000000;padding: 2px 4px 2px 4px;color: #F8F8F6;	}
a.policy {
	color: #000000;
	font-size: 1.03em;
	font-weight: bold;
	text-decoration: none;

	padding: 2px 3px 3px 3px;
	border: 1px inset #BDB377;
	background-color: #F4F4F0;
}
a.policy:hover{
	background-color: #0B334A;
	color: #FFFFFF;
	border: 1px outset #7B99E1;
}
a.policypage{
    padding: 2px 3px 3px 3px;
    font-size: 1.12em;
	font-weight: bold;
	text-decoration: none;
	background-color: #0B334A;
	color: #FFFFFF;
	border: 1px outset #7B99E1;
}
.cool span {color: #B9ADA8;font-size: 1.17em;padding-right: 6px;padding-left: 6px;font-weight: bold;}
div.copyright {float: left; margin-right:0px;}
.copyright {width: 204px;}
#footer .copyright h5{color: #999999;font-weight: normal;font-size: 11px;float: right;}
div.subSet {float: left; margin-right:12px;}
.subSet {width: 96px;}
#intro i.conHome a:hover,
#intro i.conApp a:hover,
#intro i.conSer a:hover,
#intro i.conPro a:hover{padding: 1px 4px 1px;text-decoration: none;}

#intro i.conHome a,
#intro i.conApp a,
#intro i.conSer a,
#intro i.conPro a {border-style: inset;background-color: #F8F7EF;padding: 2px 3px 2px 5px;color: #000000;}
#intro i.conHome a:hover{background-color: #4379C2;border: 2px outset #6894CF;color: #EAF9FF;}
#intro i.conApp a:hover{background-color: #DF6225;border: 2px outset #B64700;color: #FFF4EA;}
#intro i.conSer a:hover{background-color: #974578;border: 2px outset #483449;color: #FBF4F9;}
#intro i.conPro a:hover{background-color: #00923F;border: 2px outset #314D30;color: #E8FFF1;}
.caselink2 a {border: 1px inset #314D30;text-align: right;float: right;font-size: 14px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px 4px 3px 4px;background-color: #F8F7EF;color: #974578;}
div.caselink2 {float:left; margin-right:0}
.caselink2 {width: 204px; padding-left: 756px;}
.tron {margin: 0;	padding: 0;list-style:none}
div.returnYou {float: left; margin-right: 0;}
.returnYou { padding-left:  864px; width: 96px; padding-bottom:1.45em;}
.up {padding-top:1.45em;}
div#sitelink {float: left; margin-right: 0;}
#sitelink {padding-left: 540px; width: 420px;}
div.responce {float:left; margin-right:12px;}
.responce {}
.resholder {padding-left:324px;}


input[type="text"]:focus, 
input[type="text"].focus,
input[type="password"]:focus, 
input[type="password"].focus,
select:focus,
select.focus,
textarea:focus,
textarea.focus,
input.tfvHighlight:focus,  textarea:focus, select:focus, input.text:focus, input.title:focus, textarea:focus, select:focus
{border:1px solid #666;color:#330000;background-color: #ECE9D8;}




.sitemap {}
 ul.sitemap, .sitemap li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}
.sitemap a {
	color: #FFFFFF;
}

.sitemap li span {
	width: 528px;
	text-align:center;
	font-size: 2em;
	
	display: block;
	font-weight: bold;
}
.sitemap li span:hover {
	
	color: #000000;
}
.sitemap li p {
	width: 528px;
	text-align:center;
	font-size: 1.5em;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #999999;
	text-decoration: none;
}

 .sitemap li.siteHome p:hover, .sitemap li.siteAppr p:hover, .sitemap li.siteServ p:hover, .sitemap li.sitePro  p:hover, .sitemap li.siteCon p:hover {background-color: #000000;}

 .sitemap li.siteHome a p{background-color: #0093DD;}
 .sitemap li.siteAppr p{background-color: #DF6225;}
 .sitemap li.siteServ p{background-color: #974578;}
 .sitemap li.sitePro  p{background-color: #00923F;}
 .sitemap li.siteCon p{background-color: #28166F;}
 
.siteHome {}
.siteAppr {}
.siteServ {}
.sitePro  {}
.siteCon  {}

li.siteHome span{color: #0093DD;}
li.siteAppr span{color: #DF6225;}
li.siteServ span{color: #974578;}
li.sitePro span{color: #00923F;}
li.siteCon span{color: #28166F;}

li.siteHome a p:hover {color: #FFFFFF;}
li.siteAppr a p:hover {
	color: #FFFFFF;
}
li.siteServ a p:hover {color: #FFFFFF;}
li.sitePro  a p:hover {color: #FFFFFF;}
li.siteCon  a p:hover {color: #FFFFFF;}


ul.subPro {
    width: 528px;
	float:left;
	margin: 0px;
	padding: 0px;
}

ul.subPro li ul  {
   
	float:left;
	margin: 0px;
	padding: 0px;
}
ul.subPro li{
	width: 528px;
	text-align:center;
	font-size: 1.5em;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #00923F;
	color: #FFFFFF;
}
ul.subPro li ul li, ul.subPro li ul li a{
	width: 528px;
	text-align:center;
	font-size: 1em;
	display: block;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666666;
	background-color: #FFFFFF;
	text-decoration: none;
}
 ul.subPro li ul li a:hover{
	width: 528px;
	text-align:center;
	font-size: 1em;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	background-color: #000000;
}
ul.subPro li ul li{
	width: 528px;
	text-align:center;
	font-size: 1em;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666666;
	background-color: #FFFFFF;
	text-decoration: none;
}

#footer h6  {
padding-left: 22px;
	font-size: 12px;
	color: #71625B;
	
}
#footer h6 span {
	font-size:14px;
	font-weight: bold;
}

#fancy_wrap, #fancy_outer, #fancy_title table, div#fancy_title table {display: none}