/*
* { behavior: url(iepngfix.htc); }
*/

body {
	margin: 10px 0 10px 0;
	text-align:center; /*center hack*/
	}
	
#wrap {
	width:750px; /*center hack*/
	margin:0 auto; /*center hack*/
	text-align:left;
	background-repeat:no-repeat;
	background-position: bottom right;
	overflow: auto;
	padding-bottom: 8px;
	}
	
body.home #wrap, body.manufacture #wrap, body.locations #wrap, body.contact #wrap {background-color:#cc6614; background-image:url(../images/79_orange.gif);}
body.design #wrap, body.installation #wrap, body.casestudies #wrap {background-color:#3b4a54; background-image:url(../images/79_grey.gif);}
	
#wrap .inner {
	padding: 0; 
	margin: 0;}

#top {
	text-align:left;
	width: 750px;
	margin: 0 auto;
	}

#masthead {
	clear: both;
	margin: 0;
	padding: 0;}

#header {
	float: right;
	text-align:left;
	position:static;
	margin: 0;
	padding: 0;
	}

#footer {
	width:750px;
	clear:both;
	text-align:left;
	margin: 0 auto;
	}
#footer .inner {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	padding: 10px 0;
	}
body.home #footer .inner, body.manufacture #footer .inner, body.locations #footer .inner, body.contact #footer .inner {color:#cc6614;}
body.design #footer .inner, body.installation #footer .inner, body.casestudies #footer .inner {color:#3b4a54;}

body.home #footer a:link, body.home #footer a:visited,
body.manufacture #footer a:link, body.manufacture #footer a:visited,
body.locations #footer a:link, body.locations #footer a:visited,
body.contact #footer a:link, body.contact #footer a:visited {
	color: #cc6614;
	text-decoration:none;}
body.design #footer a:link, body.design #footer a:visited,
body.installation #footer a:link, body.installation #footer a:visited,
body.casestudies #footer a:link, body.casestudies #footer a:visited {
	color: #3b4a54;
	text-decoration:none;}
	
body.home #footer a:hover, body.manufacture #footer a:hover, body.locations #footer a:hover, body.contact #footer a:hover {color:#cc6614; text-decoration: underline;}
body.design #footer a:hover, body.installation #footer a:hover, body.casestudies #footer a:hover {color:#3b4a54; text-decoration: underline;}

#content {
	overflow:auto;
	clear: both;
	padding: 0;
	margin: 0;
	}

.inside {
	margin: 0;
	padding:0;
	}

h1{
	font: normal 20px Arial, Helvetica, sans-serif;
	
	margin: 10px 0;
	padding: 0;
	}
body.home h1, body.manufacture h1, body.locations h1, body.contact h1 {color: #cc6614;}
body.design h1, body.installation h1, body.casestudies h1 {color: #3b4a54;}

h2 {
	font: normal 25px/32px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0 0 8px 0;
	}

h3 {
	font: normal 17px/29px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	}

#masthead {
	overflow: auto;
	}
	
#header {
	float: right;
	width: 355px;
	position: static;
	padding: 0;
	}
#header .inner {
	margin: 25px 25px 0 0;
	padding: 0;}



#nav {
	width: 360px;
	float: left;
	position:static;
	padding: 0;
	margin: 0;}
#nav .inner {
	margin: 25px 0 0 25px;}

#nav ul {
	display: block;
	margin: 0;
	padding: 0;}

#nav ul li {
	display: inline;
	font: normal 20px/32px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
	
	
body.home #nav ul li  a:link, body.home #nav ul li  a:visited,
body.manufacture #nav ul li  a:link, body.manufacture #nav ul li  a:visited,
body.locations #nav ul li  a:link, body.locations #nav ul li  a:visited,
body.contact #nav ul li  a:link, body.contact #nav ul li  a:visited {
	color: #e8af74;
	text-decoration:none;}
body.design #nav ul li  a:link, body.design #nav ul li  a:visited,
body.installation #nav ul li  a:link, body.installation #nav ul li  a:visited,
body.casestudies #nav ul li  a:link, body.casestudies #nav ul li  a:visited {
	color: #909ea8;
	text-decoration:none;}
	
body.home #nav ul li a:hover,
body.design #nav ul li a:hover,
body.manufacture #nav ul li a:hover,
body.installation #nav ul li a:hover,
body.locations #nav ul li a:hover,
body.casestudies #nav ul li a:hover,
body.contact #nav ul li a:hover {
	color:#fff !important;}
	
/* Current location */
body.home #nav ul li.home a,
body.design #nav ul li.design a,
body.manufacture #nav ul li.manufacture a,
body.installation #nav ul li.installation a,
body.casestudies #nav ul li.casestudies a,
body.contact #nav ul li.contact a,
body.locations #nav ul li.locations a  
{
	color: #fff !important;
	}



	
#pics {
	float: left;
	width:362px;
	padding: 0;
	margin: 0;
	position: static;
	overflow:auto;
	clear: left;
	top: 0;}
	
#pics .inner {
	margin: 25px 0 0 25px;
	padding: 0;}	

	
#pics .imgrow img.first {
	margin:0 0 17px 0;
	padding: 0;
	float: left;
	position: static;
	}
#pics .imgrow img.second {
	margin:0 0 17px 0;
	padding: 0;
	float: right;
	position: static;
	}

#pics img {
	margin:0 0 17px 0;
	border: 1px solid #fff;}
	
#pics a img {
	border: 1px solid #fff;}
#pics a:hover img {
	border: 1px solid #000;}
	
	
#copy {
	float: right;
	width: 355px;
	position: static;
	padding: 0;
	margin: 0;
	overflow: auto;
	clear:right;
	top: 0;}

#copy .inner {
	margin: 20px 25px 0 0;
	padding:0;
	}
	
#copyleft{
	float: left;
	width: 45%;
	}
body.contact #copyleft {
	float: left;
	width: 90%;}	

#copyright{
	float: right;
	width: 45%;
	margin-bottom: 140px;}	
	


#copyleft p, #copyright p {
	color: #fff;
	font: normal 11px/17px Verdana, Arial, sans-serif;
	padding: 0 0 5px 0;
	margin: 0;
	}

#copy ul { margin: 0; padding: 0 0 0 15px;}
#copy ul li {color: #fff; 
	font: normal 11px/16px Verdana, Arial, sans-serif;
	padding: 0 0 7px 0;
	margin: 0;}
	
#copy a:link,  #copy a:visited {
	color: #fff;
	text-decoration:none;}
	
#copy a:hover {
	color: #909ea8;
	text-decoration:underline;}

#casenav {
	border-top: 1px solid #fff;
	width: auto;
	margin: 0 auto;
	padding-top: 5px;
	clear: left;}

body.case01 #pics a img.case01,
body.case02 #pics a img.case02,
body.case03 #pics a img.case03,
body.case04 #pics a img.case04 
{
	border: 1px solid #000;
	}


#map {
	float: left;
	width:750px;
	padding: 0;
	margin: 0;
	position: static;
	overflow:auto;
	clear: left;
	top: 0;}

#map .inner {
	margin: 20px 25px 0 25px;
	padding:0;
	}


/* image map */

#imap {display:block; width:700px; height:460px; background: url(../images/map/79-Regions.gif) no-repeat; position:relative; margin:0; overflow: hidden; }

#imap a#ukmap {display:block; width:281px; height:0; padding-top:460px; overflow:hidden; position:absolute; left:0; top:0; background: url(../images/map/79-Regions-over.gif) no-repeat 281px 460px; cursor:default;}
* html #imap a#ukmap {height:1px; he\ight:0;}

#imap a#ukmap:hover {background-position: 0 0; z-index:10;}

#imap dd {
	position:absolute;
	padding:0;
	margin:0;
	width: 85px;
	height: 26px;

}
#imap #scotland {left:0px; top:0px; z-index:20;}
#imap #north {left:0px; top:183px; z-index:20;}
#imap #midlands {left:0px; top:293px; z-index:20;}
#imap #london {left:153px; top:359px; z-index:21; clear: none;}
#imap #south {left:0px; top:395px; z-index:20; clear: none;}

#imap a#link_scotland {display:block; width:280px; height:214px; text-decoration:none; z-index:20;}
#imap a#link_north {display:block; width:280px; height:125px; text-decoration:none; z-index:20;}
#imap a#link_midlands {display:block; width:280px; height:84px; text-decoration:none; z-index:20;}
#imap a#link_london {display:block; width:81px; height:26px; text-decoration:none; z-index:20; clear:none;}
#imap a#link_south {display:block; width:280px; height:85px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

/*
#imap a#link_scotland:hover, #imap a#link_north:hover, #imap a#link_midlands:hover, #imap a#link_london:hover, #imap a#link_south:hover {border:1px solid #fc0;} 
*/

#imap a:hover span {position:absolute; display:block; color:#fff; width:300px; height:auto; line-height:16px; font-size:10px; text-align:left; border-top: 1px solid #fff; border-bottom:1px solid #fff; padding: 5px; font: normal 11px/17px Arial, Helvetica, sans-serif; z-index: 22; background-color:#cc6614;}

#imap a#link_scotland:hover span {left:365px; top:60px; }
#imap a#link_scotland:hover em {position:absolute; display:block; left:0px; top:0px; width:280px; height:214px; overflow:hidden; font-size:1px; background: url(../images/map/79-Regions-scotland.gif); }

#imap a#link_north:hover span {left:365px; top:-123px;}
#imap a#link_north:hover em {position:absolute; display:block; left:0px; top:0px; width:280px; height:125px; overflow:hidden; font-size:1px; background: url(../images/map/79-Regions-north.gif);}

#imap a#link_midlands:hover span {left:365px; top:-233px;}
#imap a#link_midlands:hover em {position:absolute; display:block; left:0px; top:0px; width:280px; height:84px; overflow:hidden; font-size:1px; background: url(../images/map/79-Regions-midlands.gif);}

#imap a#link_london:hover span {left:212px; top:-299px;}
#imap a#link_london:hover em {position:absolute; display:block; left:0px; top:0px; width:81px; height:26px; overflow:hidden; font-size:1px; background: url(../images/map/79-Regions-london.gif);}

#imap a#link_south:hover span {left:365px; top:-335px;}
#imap a#link_south:hover em {position:absolute; display:block; left:0px; top:-30px; width:280px; height:85px; overflow:hidden; font-size:1px; background: url(../images/map/79-Regions-south.gif);}


#imap a:hover span img {float:left; margin-right:1em; margin-bottom:0.5em; border:0px solid #000;}

#imap a span:first-line {font-style:italic; color: #fff; font-size:16px; line-height:24px;}
#info h3 {font: normal 14px/20px Arial, Helvetica, sans-serif;}
#info .para {width:300px; color: #fff; margin:0 0 0 75px;}






a.pdf:link, a.pdf:visited {
	
	padding: 2px 0 4px 22px;
	background:url(../images/icon_pdf.gif) top left no-repeat;
}	
	
a.pdf:hover, a.pdf:active, a.pdf:focus {
	padding: 2px 0 4px 22px;
	background:url(../images/icon_pdf.gif) top left no-repeat;

}