/*  ----------- General Styles -----------  */
body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
	line-height: 1.4}
#wrapper  {
	margin:0 12px 0 0;
	width: 990px;
	max-width:1200px;
	min-width:600px;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-y;
	background-position:right;
	height:auto}
#topLeft {
	background-image: url(../images/top_panel.gif);
	background-position: right 0;
	background-repeat: no-repeat;
	height:160px;
	}
html>body #topLeft  {height:auto}
	
	
#bottomRight {
	background-image: url(../images/nav_br_corner.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom:0px
	}	
#header {
	width: auto;
    height: 55px;
	float: none;
    margin: 0;
	text-align: right;
	}
#header ul {
	margin: 0;
	padding-top: 20px;
	text-align: right;
}
#header li {
	font-size: 90%;
	padding: 0;
	display: inline;
	background-image: none;
	color: #333333;
	}
#header li a:link, 
#header li a:visited {
	font-weight: normal; 
	color: #333333;
	text-decoration:none}
	 
#header li a:hover, 
#header li a:active ,
#header li a:focus   {
	font-weight: normal; 
	color: #000000;
	text-decoration:underline
	}	
#content , #footer  {
	width: 400px;
    float: left;
    margin: 0 0 10px 115px;
	clear:left;
	}
	
/* \*/
* html  #content {
	margin-left:58px;}
/* */
#footer  {
	width: 532px;
	float: none;
    margin: 0 0 0 113px;
	clear:both}
#footer p {
	color: #666666;
	font-size: 70%;
	text-align: left;
	margin:0;
	float:left}
#footer p#top {
	float:right;
	margin-right:128px}	
#footer a:link, 
#footer a:visited {
	font-weight: normal; 
	color: #333333;
	text-decoration:none}
#footer a:hover, #footer a:focus ,
#footer a:active  {
	font-weight: normal; 
	color: #000000;
	text-decoration:underline}
a:link {
	color: #006600;
	text-decoration: underline;
	font-weight: normal
	}
a:visited {
	color: #80A580;
	text-decoration: underline;
	font-weight: normal
	}
a:hover , a:focus {
	text-decoration: underline;
	color: #000000;
	}
a:active {
	text-decoration: underline;
	color: #000000;
	}
.break {
	clear:both;
	float:none;
	height:10px
	}
.hide , hr {
	display: none;
}
h3 a:link ,
h3 a:visited {font-weight:bold}


#content hr {
	height:1px;
	width:100%;
	display:block;
	float:none;
	clear:both;
	border:none;
	color:#cccccc;
	background-color:#cccccc;
	margin: 14px 0 10px 0;
	padding:0}
	
* html body #content hr  {
	margin:0 0 5px 0;}/* IE6 only */
*+html body #content hr {
	margin:0 0 5px 0;}/* IE7 only */


	
/*   -----------  Search box  -----------  */	
	
div#search {
	margin: 0px 10px 0 0;
	float:none;
	clear:both;
	width:auto;
   	height:130px;
	}
div#search fieldset {
	width:auto;
	float: right;clear: none;
	margin: 40px 0 0 0;
	padding: 0 0 0 10px;
	border:none
	}
	
div#search fieldset legend ,
div#search fieldset label { 
	display:none
	}    
div#search fieldset legend form {
	margin:0;
	width:auto;
	float:right;
	clear:none;
	}
div#search input.searchTextBox {
	background-color: #F1F1F1;
	font-weight:normal;
	font-size:14px;
	line-height:14px;
	height:22px;
	heig\ht:19px;
	width:160px;
	w\idth:157px;;
	float:left;
	padding:0;
	margin:0;
	color:#333333;
	border:none;
	border-right:solid 1px #999999;
	padding-left:3px;
	padding-top:3px;
	font-family: "Courier New", Courier, mono;
	}
div#search input.searchButton {
	font:inherit;
	width: 24px;
	color:#000000;
	font-weight:bold;
	font-size:13px;
	line-height:13px;
	clear:right;
	float:left;
	padding: 0px;
	margin:0;
	padding-left:6px;
	padding-top:6px;
	height:16px;
	border:none;
	background-image:url(../images/button.gif);
	background-repeat:repeat-x;
	background-color:#909090}
	
		
	
/* \*/
div#search input.searchButton {
	width: auto;padding: 0px;height:22px;}
/* */

	
	
div#search input.searchButton:hover {
	
	background-image:url(../images/button_green.gif);
}
div#search #csLogo  {
	float:left;
	margin: 0px 10px 0 54px;
	clear: none;
}
div#search a #csLogo  {
	border:none
}
div#search #csLogo  {
	float:left;
	margin: 0px 0px 0 54px;
	clear: none;
}
/* \*/
* html div#search #csLogo  {
	margin-left: 26px;}
/* */


.wrap {float:right;
	 width:191px;
	 height:22px;
	 margin-top:40px;
	 border:solid 1px #999999;}
 
 /* \*/
 .wrap {
	width: auto;margin:0}
/* */



	

/*  -----------   Navigation  -----------  */


#header ul li.hide {display:none}


div#nav {
	margin:0 0 10px 0;
	float:right;
	width:224px;
	clear:none
}
#nav ul {
	margin: 0;
	margin-right:12px;
	padding:0;
	float:none;
	clear:both;
	border-bottom: 1px solid #fff}
	
	
#nav ul ul {margin: 0;border:none;padding-bottom:0px}
#nav ul ul ul {margin: 0;border:none;padding-bottom:0px}
#nav ul ul ul ul {margin: 0;border:none;padding-bottom:0px}
#nav ul li{
	
	margin:0 ;
	padding:0;
	list-style:none;
	background-image: none}
	
	
#nav ul ul li{
	background-image: none;
line-height:1.2;
}


#nav ul a {padding:5px 0 5px 8px;width:auto;display:block;border-top: 1px solid #fff;color:#191919}
#nav ul ul a {padding:2px 3px 2px 8px;border:none;background-image: none}
#nav ul ul ul a {padding-left:16px;border:none;background-image: none}
#nav ul ul ul ul a {padding-left:24px;border:none;background-image: none}

#nav ul a:link ,
#nav ul a:visited {
	font-size:100%;
	font-weight:bold;
	text-decoration: none;
}

#nav ul a strong {font-weight:inherit}


#nav ul a:hover , #nav ul a:focus {
	text-decoration: none;color: #000000;background-color:#e8e8e8
}
#nav a:active {
	text-decoration: underline;
	
}
	
#nav ul ul a:link ,
#nav ul ul a:visited {font-size:90%;font-weight:normal;text-decoration: none}	
#nav ul ul a:hover , #nav ul ul a:focus{
	text-decoration: underline;color: #000000;background-color:#cccccc}
	
	
#nav li {
	display:inline;
}  
#nav #about ul ,
#nav #service ul , 
#nav #service #design ul ,
#nav #service #design #d12 ul ,
#nav #service #geogr ul ,
#nav #service #geogr #sg3 ul ,
#nav #service #land ul ,
#nav #cont ul ,
#nav #port ul {
	display: none}	


/*  -----------  General type styles  -----------  */


	

h1 {font-family:  Helvetica,  Arial, sans-serif;
	font-size: 200%;
	font-weight: normal;
	line-height: 1.1;
	margin: 0 0 15px 0;
	
}


h2 {font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.1;
	margin: 10px 0 10px 0;
	}
	
	
h3  {font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
	line-height: 1.1;
	font-weight: bold;
	text-align: left;
	margin: 0 0 10px 0;

}

h4 {font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	text-align: left;
	font-style: normal;
	margin: 0 0 3px 0;
	}

p , ul li , ol li , blockquote {font-family: Helvetica, Arial, sans-serif;
 	font-size:100%;
 	margin: 0  0 15px 0;
 	text-align:left}
	
	
em , cite , dfn {	font-family: "Helvetica Italic", "Helvetica Oblique", Arial,  sans-serif;
	font-style:italic;}

blockquote  {
	font-style:normal;
	background-color: #F3F3F3;
	padding: 6px 12px 6px 12px;
	border: solid 1px #cccccc;
	margin: 10px 0 25px 0;
}

blockquote em {font-family: "Helvetica Italic", "Helvetica Oblique", Arial,  sans-serif;
	font-style:italic;
	font-size: 90%;
	color: #333333;
}

blockquote h4 {
	margin:0
}

img { font-size: 90%; font-weight: normal}
img a { border: 1px solid #666}
a:link img ,
a:visited img { border: 1px solid #666; display:block}
a:hover img { border: 1px solid #000; display:block}

.smallType {
	font-size: 90%;
	margin-top: 0;
}
strong.lead {
	font-weight:normal;
	font-size: 120%;
	color:#006600
	}
ul {
	padding:0;
	margin: 0 0 10px 0;
}

ul li {
	padding-left: 12px;
	margin:3px 0 3px 0;
	list-style-type: none;
	background-image: url(../images/tri_bg_green.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
ol  {
	margin: 0 0 6px 24px;
	padding:0;
    list-style-type:decimal
	}
ol li {
	margin-bottom:4px;
}
ol ol {
	margin: 0 0 6px 24px;
	padding:0;
    list-style-type:lower-alpha}
ol ol li {
	margin-bottom:0px;
}


.picRight{
	float: right;
	margin: 0 0 7px 12px}

.picLeft{

	float: left;
	margin:0 12px  7px 0;
}

.picCentre {
	margin: 3px 0 7px 0;
	clear: both;
}
.susprint {margin: 0 0 30px 0; background-color: #fff}

.susprint .picRight{
	float: right;
	margin: 0 0 7px 12px;
	border: solid 1px #666
	}
.susprint .picLeft{
	float: left;
	margin:0 12px  7px 0;
	border: solid 1px #666
	 }
	 
/* ----------- Portfolio only ----------- */
	   
#wrapper_port {
	margin:0;
	width: 990px;
	max-width:1200px;
	min-width:600px;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-y;
	background-position: 308px 0;
	}
#topLeft_port  {background-image: url(../images/top_panel_port.gif);
	background-position: right top;
	background-repeat: no-repeat;
		}
#bottomRight_port {position:relative;
	background-image: url(../images/nav_br_corner.gif);
	background-position: 472px 100%;
	background-repeat: no-repeat;
	padding-bottom:0px;
	}
#nav_clients h1 ,
#nav_jobs h2 ,
#content_port h2 {
	font-size: 180%;
	font-weight: normal;
	margin: 0 0 15px 0;
}
#content_port  h3 {
	font-size: 120%;
	font-weight: bold;
	margin: 10px 0 10px 0;
	}
#nav_clients {
	margin-left:0px;
	float:left;
	width:205px;
	position:relative;
	left:77px;
}
#nav_clients ul ,
#nav_clients li ,
#nav_jobs ul ,
#nav_jobs li {
 	margin:0;
	padding:0;
	background-image:none;
	display:inline;
}
#nav_clients a {
	font-weight:bold;
	font-size: 90%;
	width:auto;
	height:auto;
	min-height:40px;
	display:block;
	background-color:#CCCC99;
	margin-top:8px;
	text-decoration: none;
	color: #ffffff;
	background-image:url(../images/nav_port_corner_off.gif);
	background-repeat:no-repeat;
	background-position: 100% 100%;
}

#nav_clients li.new a {background-image:url(../images/nav_port_corner_off_NEW.gif);
	padding-right:43px}

/* \*/
* html  #nav_clients a {
	height:40px;}
/* */		

#nav_clients a:hover , #nav_clients a:focus {color:#333333}	
#nav_clients a  {

	padding:3px;}
#nav_jobs {
	width:210px;
	position:relative;
	float: left;
	left: 118px;
}	
#nav_jobs a {
	font-weight:bold;
	font-size:100%;
	color: #191919;
	width:197px;
	height:auto;
	display:block;
	text-decoration: none;
	margin:0px;
	padding:6px;
	line-height: 1.2;
	border-top: #FFF 1px solid;
}	
#nav_jobs {border-bottom: #FFF 1px solid;}
	
#nav_jobs a:hover {
	text-decoration:none;
	background-color: #e8e8e8;
}	
	
#nav_jobs h3 a {
	background-color:#ffffff;
	text-decoration:none;
	cursor:default;
	color: #191919;
	line-height: 1.2;
	}
#nav_jobs h3 {font-size:100%;margin:0}
#nav_jobs h3 a:hover {background-color: #FFF;
text-decoration:none;
cursor:default}	


#content_port {
	float:right;
	clear:none;
	margin-left:0px;
	width:430px;
	}
#footer_port   {
	clear:both;
	width:450px;
	margin: -15px 0 20px 550px	
}
.clear {
	float:none;
	clear:both;
	width:100%;
	height:1px}


/* \*/
* html .clear {
	display:inline}
/* */
#footer_port  p {
	color: #666;
	font-size: 70%;
	text-align: left;
	margin:0px;
	}
#content_port img {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


/*  -----------  Page Heading 1 images  ----------- */


 h1.imgAbout {
	height:190px;
	width:auto;
	background-image:url(../images/AboutUs.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
 h1.imgContact {
	height:190px;
	width:auto;
	background-image:url(../images/ContactUs.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
h1.imgPersonnel {
	height:190px;
	width:auto;
	background-image:url(../images/CompanyPersonnel.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
h1.imgDesCom {
	height:190px;
	width:auto;
	background-image:url(../images/DesignComm.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
h1.imgLandCon {
	height:190px;
	width:auto;
	background-image:url(../images/LandscapeConsultancy.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
h1.imgMapGIS {
	height:190px;
	width:auto;
	background-image:url(../images/MapsGIS.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
h1.imgSevices {
	height:190px;
	width:auto;
	background-image:url(../images/Services.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
h1.imgWelcome {
	height:190px;
	width:auto;
	background-image:url(../images/Welcome.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
h1.imgPhilo {
	height:190px;
	width:auto;
	background-image:url(../images/CompanyPhilosophy.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
h1.imgPort {
	height:190px;
	width:auto;
	background-image:url(../images/Portfolio.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
h1.imgSusprint {
	height:190px;
	width:auto;
	background-image:url(../images/serv_Img/SustainablePrint.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}

h1.imgEnvPol {
	height:190px;
	width:auto;
	background-image:url(../images/EnviroPolicy.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}

h1.imgPayment {
	height:190px;
	width:auto;
	background-image:url(../images/Bumble.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}