body {
	font-size: 62.5%;
	font-family: Arial, Verdana, Sans-serif;
}

a {
	color: #1a8db1;
}

#main-content a:hover, #sub-content a:hover, #footer a:hover {
	background: #00607e;
	text-decoration: none;
	color: white;
}

#navigation a:hover, #footer a:hover {
	text-decoration: none;
}


/* Homepage
---------- ---------- ----------*/


.home #brand img {
	right: 0;
	position: absolute;
	margin: 20px 40px 0 0;
}

.section #brand img {
	float: right;
	margin: 20px 40px 0 0;
}

#tagline {
	width: 419px;
	display: block;
	background: #7B256C;
	font-family: Trebuchet MS, Verdana, Sans-serif;
	color: white;
	font-size: 1.5em;
	text-align: center;
	padding: .8em 0;
	float: right;
	margin: 40px 0 0 0;
	border-left: #E1DBD4 solid 1px;
	border-top: #E1DBD4 solid 1px;
	border-bottom: #E1DBD4 solid 1px;
}

.home #photos {
	width: 280px;
	top: 420px;
	left: 30px;
	position: absolute;
}

.section #photos {
	width: 280px;
}

#sub-content .advert {
  float: left;
	margin: 0 0 20px 0;
}

html #sub-content img {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid black;
}

#photos img.section-image, #photos img.homepage-image {
	padding: 0;
	border: 0;
}

#photos .homepage-image, #photos .section-image {
	float: left;
	margin: 15px 15px 0 0px;
}

#homepage-news, .home p {
	float: right;
	clear: right;
	margin: 0 20px 2em 0;
	width: 348px;
}

#homepage-news {
	padding-bottom: 2em;
}

.home p {
	margin-top: 420px;
}


/* Main layout elements
---------- ---------- ----------*/
/* #E1DBD4 */


#container {
	width: 960px;
	border-left: 2px solid #CFC9C1;
	border-right: 2px solid #CFC9C1;/* */
	margin: 20px auto;
	/* position: relative; */
	padding: 0; 
}

.home #container {
	background: url(../img/background1.jpg) top left white no-repeat;
	position: relative;
}

.print #container {
	background: url(../img/logo.jpg) 520px 720px white no-repeat;
}


#container-top {
	position: absolute;
	margin: -1px 0 0 -2px;
	height: 11px;
	width: 964px;
	background: url(../img/top.gif) no-repeat left top transparent;
}

#container-bottom {
	position: absolute !important;
	bottom: -2px;
	margin: 0 0 0 -2px;
	height: 11px;
	width: 964px;
	background: url(../img/bottom.gif) no-repeat left top transparent;
}


#main-content {
	padding: 0 0 6em 0;
	margin: 0 30px 2em 0;
	position: relative;
}

.design #main-content {
  position: static;
}

.section #main-content {
	float: right;
	clear: right;
	width: 560px;
	margin: 50px 40px 2em 0;
}

.section #sub-content {
	float: left;
	clear: left;
	width: 280px;
	margin: 0 0 11em 30px;
}

#footer {
	position: absolute;
	left: 1em;
	bottom: 2em;
	/* width: 400px; */
}

.section #footer {
  clear: both;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 -20px -10px
}
 

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

#navigation {
  padding-top: 30px;
	float: left;
}

.section #navigation {
	margin-bottom: 20px;
}

.services #navigation, .plant #navigation {
}

.home #navigation {
  padding-top: 20px;
}

#navigation li a {
  display: block;
  width: 180px;
  height: 50px;
	text-indent: 	-9000px;
	margin: 0 0 5px 30px;
}

#navigation .news, #navigation .upload, #navigation .careers, #navigation .contact {
	position: absolute;
	bottom: 20px;
	padding: 0 0 0 1em;
	right: 1em;
	font-size: 1.1em;
	width: 4em;
	border-right: 1px solid #80c0d4;
	margin-right: 50%;
}

#navigation .news a, #navigation .upload a,
#navigation .careers a, #navigation .contact a {
  display: inline;
	height: 2em;
	text-indent: 0;
	margin: 0;
}


#navigation .news 		{margin-right: 16em;}
#navigation .upload 	{margin-right: 11em;}
#navigation .careers 	{margin-right: 6em;}
#navigation .contact 	{margin-right: 1em; border-right: 0;}

#navigation li a {
  	display: block;
  	width: 180px;
  	height: 35px;
	text-indent: -9000px;
	margin: 0 0 15px 30px;
	border-left: 10px solid #0080A8;
}

#navigation .home a { background: url(../img/nav/home.gif) 5px 2px no-repeat #0080A8;}
#navigation .services a {background: url(../img/nav/ourservices.gif) 5px 2px no-repeat #0080A8;}
#navigation .design a {background: url(../img/nav/design.gif) 5px 2px no-repeat #0080A8;}
#navigation .plant a {background: url(../img/nav/plantandequipment.gif) 5px 2px no-repeat #0080A8;}
#navigation .prices a {background: url(../img/nav/pricesandquotes.gif) 5px 2px no-repeat #0080A8;}
#navigation .environment a {background: url(../img/nav/environment.gif) 5px 2px no-repeat #0080A8;}
#navigation .about a {background: url(../img/nav/aboutus.gif) 5px 2px no-repeat #0080A8;}

#navigation li.prices li.quote a, #navigation li.about li.team a, #navigation li.prices li.price a {
  background: url(../img/nav/quotes.gif) 15px 0px no-repeat white;
	border: 1px solid #000000;
	width: 170px;
	height: 30px;
}
#navigation li.prices li.quote a:hover {
  background: url(../img/nav/quotesselect.gif) 15px 0px no-repeat #7CAECE;
}
.quote #navigation li.prices li.quote a {
  background: url(../img/nav/quotesselect.gif) 15px 0px no-repeat #7CAECE;
}

#navigation li.about li.team a {
  background: url(../img/nav/team.gif) 15px 0px no-repeat white;
}
#navigation li.about li.team a:hover {
  background: url(../img/nav/teamselect.gif) 15px 0px no-repeat #7CAECE;
}
.team #navigation li.about li.team a {
  background: url(../img/nav/teamselect.gif) 15px 0px no-repeat #7CAECE;
}

#navigation li.prices li.price a {
  background: url(../img/nav/prices.gif) 15px 0px no-repeat white;
}
#navigation li.prices li.price a:hover {
  background: url(../img/nav/pricesselect.gif) 15px 0px no-repeat #7CAECE;
}
.price #navigation li.prices li.price a {
  background: url(../img/nav/pricesselect.gif) 15px 0px no-repeat #7CAECE;
}

.home #navigation .home a { background: url(../img/nav/homeselect.gif) 5px 2px no-repeat #892978;}
.services #navigation .services a {background: url(../img/nav/ourservicesselect.gif) 5px 2px no-repeat #892978;}
.design #navigation .design a {background: url(../img/nav/designselect.gif) 5px 2px no-repeat #892978;}
.plant #navigation .plant a {background: url(../img/nav/plantandequipmentselect.gif) 5px 2px no-repeat #892978;}
.prices #navigation .prices a {background: url(../img/nav/pricesandquotesselect.gif) 5px 2px no-repeat #892978;}
.environment #navigation .environment a {background: url(../img/nav/environmentselect.gif) 5px 2px no-repeat #892978;}
.about #navigation .about a {background: url(../img/nav/aboutusselect.gif) 5px 2px no-repeat #892978;}

#navigation a:hover { border-left: 10px solid #892978;}


.home #navigation .home a,
.services #navigation .services a,
.design #navigation .design a,
.plant #navigation .plant a,
.prices #navigation .prices a,
.environment #navigation .environment a,
.about #navigation .about a
{ border-left: 10px solid #892978;}


#navigation .news a,
#navigation .news a:hover,
#navigation .upload a,
#navigation .upload a:hover,
#navigation .careers a,
#navigation .careers a:hover,
#navigation .contact a,
#navigation .contact a:hover
{ border-left: 0; }


#sub-navigation li {
	display: inline;
	padding: 0 .5em;
	border-right: 1px solid #80c0d4;
	font-size: 1.2em;
}

#sub-navigation {
  position: absolute;
	right: 5em;
	bottom: 2em;
}

#sub-navigation .contact {
	border-right: 0;
}

/* Samller layout elements
---------- ---------- ----------*/


.home .fsc {
	float: right;
	clear: right;
	width: 75px;
	height: 103px;
	margin: -130px 425px 0 0;
}

.home #sub-content .fsc img {
  border: 0;
}

#main-content .fsc a:hover, #sub-content .fsc a:hover {
	background: 0;
}


/* Team lists
---------- ---------- ----------*/

#team {
	margin-bottom: 3em;
}

#main-content #team.design-team {
	/* float: left; */
}

#main-content #team ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
}

#main-content #team li {
	float: left;
	display: block;
	width: 110px;
	text-align: left;
	margin-top: 1em;
	margin-right: 0px;
	background: none;
	padding: 0;
}

#main-content #team img {
	border: 1px solid #000000;
	padding: 0;
	float: left;
	margin: 0;
	
}

#team .name, #team .jobtitle {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

#team .name {
	font-size: 110%;
  margin: 0;
	padding: 0;
}

#main-content .team-profile img {
  position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	border: 1px #000000 solid;
	padding: 0;
}

#main-content .team-profile .intro  {
  margin-left: -180px;
}

#main-content .team-profile {
	margin-left: 180px;
}

#main-content .team-profile .intro li {
  display: block;
	background: none;
	height: 130px;
	padding: 0;
}

#main-content .team-profile .intro li img {
  position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#main-content .team-profile .intro li .name {
  margin: 10px 0 0 100px;
	display: block;
}

#main-content .team-profile .intro li .jobtitle {
	margin: 0 0 0 100px;
	display: block;
}

/* Text
---------- ---------- ----------*/

strong {
	font-weight: bold;
}

#main-content li {
	background: url(../img/bullet.gif) no-repeat center left;
	padding: 0 0 0 10px;
	display:inline;
}

#main-content img.left {
	float: left;
}

#sub-content img, #main-content img {
	float: right;
	margin: 5px;
}

#main-content img {
	margin: 7px;
	border: 1px solid #BFDFE9;
	padding: 3px;
}


#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6,
#sub-content h1, #sub-content h2, #sub-content h3, #sub-content h4, #sub-content h5, #sub-content h6  {
	color: #953f86;
	margin-top: .7em;
	margin-bottom: .5em;
}

#sub-content h1, #sub-content h2, #sub-content h3, #sub-content h4, #sub-content h5, #sub-content h6 {
	font-weight: bold;
}

#main-content h1 {font-size: 2.8em} #sub-content h1 {font-size: 2.5em}
#main-content h2 {font-size: 2.0em} #sub-content h2 {font-size: 1.8em}
#main-content h3 {font-size: 1.7em} #sub-content h3 {font-size: 1.6em}
#main-content h4 {font-size: 1.4em} #sub-content h4 {font-size: 1.4em}
#main-content h5 {font-size: 1.4em} #sub-content h5 {font-size: 1.4em}
#main-content h6 {font-size: 1.4em} #sub-content h6 {font-size: 1.4em}

#main-content dt,#main-content dd, #main-content p, #main-content li, #main-content td, #main-content th,
#main-content label, #main-content input, #main-content textarea {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #555555;
}

table {
	width: 100%;
	margin-bottom: 2em;
}

#sub-content p, #sub-content li {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #555555;
}

#main-content p, #main-content ul {
	margin-bottom: 1.5em;
}

#sub-content p, #sub-content ul {
	margin-bottom: .5em;
}

#main-content ul, #sub-content ul {
	list-style-type: square;
}

#homepage-news dd {
	margin-bottom: 1em;
}

#footer {
	text-align: left;
}

#footer a {
	text-decoration: none;
}



#footer p {
	padding-left: 30px;
}

#footer .tel {
	display: block;
	font-size: 2.5em;
	font-weight: bold;
	margin-bottom: .2em;
	letter-spacing: .1em;
}

#footer .address, #footer .email {
display: block;
	clear: left;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #666666;
}

#map_canvas {
	border: solid 1px #000000;
}


/* Form
---------- ---------- ----------*/

#main-content form .errortext {
  font-size: 95%;
	margin: 0;
	padding: 0 0 0 205px;
	clear: both;
	font-weight: bold;
}

form {
   clear: both;
	 margin-left: -1em;
}

#main-content fieldset, #main-content fieldset ul {
   padding: 0;
	 margin: 0;
}

label {
		clear: both;
		width: 200px;
		float: left;
		font-size: 90%;
		text-transform: lowercase;
		text-align: right;
		padding-right: .5em;
}

legend {
	  text-indent: -9000px;
}

#main-content form li {
    background: none;
		margin: 0 0 .5em 0;
		display: block;
}

#main-content form li label, #main-content form li input {
    font-size: inherit;
}

#main-content form textarea, #main-content form input {
		width: 300px;
}
#main-content form input.error {
	 border: 1px solid #000000;
}

#main-content form input#submit, #main-content form input#reset {
    width: auto;
		background: #C7008D;
		color: white;
		border: white 1px solid;
		padding: .5em 1em;
		margin: 0 10px 0 0;
		font-family: Arial, Verdana, Sans-serif;
}

#main-content form fieldset.buttons li {
    text-align: right;
}

#main-content form ul {
		list-style-type: none;
}


/* Design Overlay
---------- ---------- ---------- ---------- */

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../img/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:700px;
	height:550px;		

	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../img/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#pappadombutton, #cityfinancialbutton, #zakhembutton,
 #oppidabutton, #arcadiabutton, #eirisbutton, #britishlandbutton,
#morrcobutton, #pawnbrokerbutton, #perryvalebutton, #quodbutton,
#resolvebutton  { 
	height: 96px;
	width: 134px;
	border: 1px solid #000000;
	margin: 0 2px 4px 0;
}

#pappadombutton {
	background: url(../img/designs/pappadombutton.gif) no-repeat transparent;
}

#cityfinancialbutton {
	background: url(../img/designs/financialsbutton.gif) no-repeat transparent;
}

#zakhembutton {
	background: url(../img/designs/zakhembutton.gif) no-repeat transparent;
}

#oppidabutton {
  background: url(../img/designs/oppidabutton.gif) no-repeat transparent;
}

#arcadiabutton {
  background: url(../img/designs/arcadiabutton.gif) no-repeat transparent;
}

#eirisbutton {
  background: url(../img/designs/eirisbutton.gif) no-repeat transparent;
}

#britishlandbutton {
  background: url(../img/designs/britishlandbutton.gif) no-repeat transparent;
}

#morrcobutton {
  background: url(../img/designs/morrcobutton.gif) no-repeat transparent;
}

#pawnbrokerbutton {
  background: url(../img/designs/pawnbrokerbutton.gif) no-repeat transparent;
}

#perryvalebutton {
  background: url(../img/designs/perryvalebutton.gif) no-repeat transparent;
}

#quodbutton {
  background: url(../img/designs/quodbutton.gif) no-repeat transparent;
}

#resolvebutton {
	background: url(../img/designs/resolvebutton.gif) no-repeat transparent;
}


#pappadombutton:hover, #cityfinancialbutton:hover, #zakhembutton:hover,
 #oppidabutton:hover, #arcadiabutton:hover, #eirisbutton:hover, #britishlandbutton:hover,
#morrcobutton:hover, #pawnbrokerbutton:hover, #perryvalebutton:hover, #quodbutton:hover,
#resolvebutton:hover
{
	cursor: pointer;
}

#design-examples p {
	margin: 0;
	padding: 0;
	width: auto;
}

html #sub-content #design-examples p.logo img {
  border: 0;
	float: none;
	padding: 0;
	margin: 25px 0 0 25px;
	
}

#design-examples p.logo {
  padding: 0;
	margin: 0 0 0 5px;
	height: 80px;
	width: 290px;
}

#design-examples #perryvale p.logo {
  height: 115px;
	width: 100px;
}
/* html #sub-content #design-examples p.logo img {
  border: 0;
	margin: 0;
	float: none;
}*/

#design-examples #pappadom .background {
  background: url(../img/designs/pappadombackground.gif) no-repeat transparent;
}

#design-examples #britishland .background {
  background: url(../img/designs/britishlandbackground.gif) no-repeat transparent;
}

#design-examples #cityfinancial .background {
  background: url(../img/designs/cityfinancialbackground.gif) no-repeat transparent;
}

#design-examples #eiris .background {
  background: url(../img/designs/eirisbackground.gif) no-repeat transparent;
}

#design-examples #morrcofinancial .background {
  background: url(../img/designs/morrcobackground.gif) no-repeat transparent;
}

#design-examples #perryvale .background {
  background: url(../img/designs/perryvalebackground.gif) no-repeat transparent;
}

#design-examples #quod .background {
  background: url(../img/designs/quodbackground.gif) no-repeat transparent;
}

#design-examples #resolve .background {
  background: url(../img/designs/resolvebackground.gif) no-repeat transparent;
}

#design-examples #zakhem .background {
  background: url(../img/designs/zakhembackground.gif) no-repeat transparent;
}

#design-examples #morrco .background {
  background: url(../img/designs/morrcobackground.gif) no-repeat transparent;
}

#design-examples #arcadia .background {
  background: url(../img/designs/arcadiabackground.gif) no-repeat transparent;
}

#design-examples #oppida .background {
  background: url(../img/designs/oppidabackground.gif) no-repeat transparent;
}

#design-examples #pawnbroker .background {
  background: url(../img/designs/harveythompsonbackground.gif) no-repeat transparent;
}

#design-examples .background {
	height: 591px;
	width: 752px;
	margin: -25px 0 0 -25px;
	position: absolute;
}

#design-examples p.description {
  margin: 50px 0 0 30px;
	width: 200px;
	display: block;
}

#design-examples #perryvale p.description {
	margin: 50px 0 0 30px;
}

.darwinpress .hide-from-darwin {
	display: none;
}

.michaelheath .hide-from-heath {
	display: none;
}