/* Projects page ****************************/
#mainContent {
	min-height:455px;
}
/* Image Area, left */
#imageArea {
	width: 450px;
	float:left;
	position:relative;
	overflow:hidden;
	padding-top:95px;
}
/*IE6 hax*/
* html #imageArea, * html #galleryBox, * html #infoTop .dItem, * html #galleryBox, * html .arrow {
	display:inline;
}
#mainImage {
	width:440px;
	height:340px;
	overflow:hidden;
}
/* Large image with outer-glow, glow shows only when javascript is on */
.jqzoom { width:410px; height:310px; position:absolute; top:15px; left:15px;}
#imgTopL, #imgTopM, #imgTopR, #imgBotL, #imgBotM, #imgBotR { height:15px;}
#imgTopL, #imgTopR, #imgMidL, #imgMidR, #imgBotL, #imgBotR { width:15px;}
#imgMidL, #imgMidR { height:310px; margin:15px 0;}
#imgTopM, #imgBotM { width:207px; margin:0 15px;}
#imgTopL, #imgTopM, #imgTopR, #imgMidL, #imgMidR, #imgBotL,#imgBotM, #imgBotR { position:absolute; }
#imgTopL {background:url(../img/layout/glow-t-l.png) no-repeat; top:0; left:0;}
#imgTopM {background:url(../img/layout/glow-t-m.png) repeat-x; top:0; left:0;}
#imgTopR {background:url(../img/layout/glow-t-r.png) no-repeat; top:0; right:0;}
#imgMidL {background:url(../img/layout/glow-l-m.png) repeat-y; top:0; left:0;}
#imgMidR {background:url(../img/layout/glow-r-m.png) repeat-y; top:0; right:0;}
#imgBotL {background:url(../img/layout/glow-b-l.png) no-repeat; bottom:0; left:0;}
#imgBotM {background:url(../img/layout/glow-b-m.png) repeat-x; bottom:0; left:0;}
#imgBotR {background:url(../img/layout/glow-b-r.png) no-repeat; bottom:0; right:0;}
* html #mainContent .glow { background:none;} /*IE6*/
#mainImgContainer { overflow:auto; position:relative; }
#mainImgContainer { height:340px; width:440px; }
#gallery {
	height:91px;
	width:420px;
	position:absolute;
	top:0;
	left:10px;
}
#galleryBox {
	background: #272E38;
	padding: 9px 0;
	float:left;
}
img.galleryImg {
	margin: 0 1px;
	border: 1px #FDE2C6 solid;
	width:88px;
}
.arrow {
	float:left;
	height:91px;
	padding:0 1px;
}

/* Image and Zoom */

#imageLinks {
	text-align:center;
	height:18px;
}
#imglink, #dlLink {
	padding:0 0 0 16px;
	margin:0 5px;
	line-height:18px;
}
#imglink { background:url(../img/layout/enlarge-off.gif) no-repeat; }
#imglink:hover { background:url(../img/layout/enlarge-on.gif) 0 -0 no-repeat;}
#dlLink { background:url(../img/layout/download-off.gif) no-repeat; }
#dlLink:hover { background:url(../img/layout/download-on.gif) 0 0 no-repeat;}

/*Info area, right */
#infoArea {
	width:480px;
	margin:0 0 0 450px;
	position:relative;
}
#infoTop .dItem {
	float:left;
	width: 137px;
	padding: 5px 5px 0 0;
	height:58px;
}
#infoTop .yearItem {
	width: 49px;
}
#infoTop dt {
	font-size:1.4em;
	color: #ccc;
	padding: 5px 0;
}
#infoTop dd {
	font-size:1em;
	padding: 0 0 5px 0;
}
#infoDetail {
	width:470px;
}
#infoDetail li {
	display:block;
	float:left;
	padding:4px 10px 5px 7px;
	height:14px;
	width:175px;
}
#infoDetail li a {
	background: url(../img/layout/tab-bullet.gif) no-repeat 0 3px;
	padding-left:14px;
}
#infoDetail li.current {
	background:#272E38 url(../img/layout/square_bullet.gif) no-repeat 7px 8px;
}
#infoContent {
	padding:10px;
	width:460px;
	background:#272E38;
	margin-top:114px;
}
#imgLoader{
	width:16px;
	height:16px;
	display:none;
	top:220px;
	left:45%;
	position:absolute;
	background:url(../img/ajax-loader-img.gif) no-repeat;
}


/* Lightbox border colour */

#outerImageContainer, #imageDataContainer {
	background: #272E38 !important;
	border:1px solid #CCC;
}
#outerImageContainer { border-bottom:none; }
#imageDataContainer { border-top:none; color: white;}

/* Section Homepage Styles *********************************/

#leftcol, #rightcol {
	width:470px;
	height:430px;
	float:left;
	/*background:#272E38;*/
	position:relative;
}
#rightcol { /*background:#272E38;*/ }
#leftcol {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;	
}
#rightcol {
	width:430px;
	height:400px;
	padding:10px 15px 20px 15px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
}
.projectLink {
	width:190px;
	height:90px;
	float:left;
	padding:10px;
	text-align:center;
}
* html .projectLink { padding:0 10px;}
.projectLink p a {
	color:white;
}
.projectLink p a:hover {
	color:#FDE2C6;
}
#leftcol img {
}
.paging {
	background: url(../img/layout/pager-bg.png) no-repeat right top;
	position:absolute;
	bottom:10px;
	left:0;
	width:440px;
	height:2.7em;
	line-height:2.7em;
	text-align:right;
	padding:0 10px;
}
* html .paging { background: #11141B;} /*IE6*/
.paging a {	color:white;}
.paging a:hover {color:#FDE2C6;}
.paging .disabled {
	display:inline;
	font-size:1em;
	color:#999999;
}
#showAllProj, #pageCounter {
	width:80px;
	height:20px;
	position:absolute;
	padding:3px 20px;
}
#pageCounter {
	right:0;
	text-align:right;
	margin-right:5px;
	bottom:37px;
}
#showAllProj {
	left:0;
	text-align:left;
	margin-left:5px;
	width:250px;
	bottom:37px;
}
#leftcol h2 {
	font-size:1.6em;
	padding:20px 0 0 20px;
	color:#CCCCCC;
}

/* Project, Range and Client Category Buttons */

.catLink {
	width:455px;	
	height:110px;
	overflow:hidden;
	z-index:50;
	display:block;
	text-indent:-9000px;
	background-image:url(../img/layout/proj-cats.jpg);
	background-repeat:no-repeat;
}
.jpageCurrent { cursor:default; }
#catCity { background-position: 0 -7px; }
#catCity:hover,#catCity.jpageCurrent { background-position: -460px -7px; }
#catTown { background-position: 0 -117px;  }
#catTown:hover,#catTown.jpageCurrent { background-position: -460px -117px; }
#catRural { background-position: 0 -227px; }
#catRural:hover,#catRural.jpageCurrent { background-position: -460px -227px; }
#catComm { background-position: 0 -337px; }
#catComm:hover,#catComm.jpageCurrent { background-position: -460px -337px; }

#catArch { background:url(../img/layout/cat-arc.png) no-repeat 0 0; }
#catArch:hover,#catArch.active { background:url(../img/layout/cat-arc.png) no-repeat 0 -110px; }
#catDes { background:url(../img/layout/cat-des.png) no-repeat 0 0; }
#catDes:hover,#catDes.active { background:url(../img/layout/cat-des.png) no-repeat 0 -110px; }
#catCont { background:url(../img/layout/cat-cont.png) no-repeat 0 0; }
#catCont:hover,#catCont.active { background:url(../img/layout/cat-cont.png) no-repeat 0 -110px; }


/* Products Homepage */

.rightPic, .centrePic, .leftPic { background-image:url(../img/layout/product-cats.jpg); width:222px; height:212px; display:block; position:absolute; text-indent:-9000px;}
.topPic { top:9px;}
.leftPic { left:40px;}
.centrePic { left:351.5px; }
.rightPic { right:40px; left:auto; }
.bottomPic { bottom:0; }

#catDoors { background-position: 0px 0px;}
#catDoors:hover,#catDoors.active { background-position: 0px -445px;}
#catRoofs { background-position: -309px 0px;}
#catRoofs:hover,#catRoofs.active  { background-position: -309px -445px;}
#catStruct { background-position: -620px 0px;}
#catStruct:hover,#catStruct.active  { background-position: -620px -445px;}

#catPure { background-position: 0 -222px;}
#catPure:hover,#catPure.active  { background-position: 0 -667px;}
#catSky { background-position: -309px -222px;}
#catSky:hover,#catSky.active  { background-position: -309px -667px;}
#catSpec { background-position: -620px -222px;}
#catSpec:hover,#catSpec.active  { background-position: -620px -667px;}

/*
#catDoors { background: url(../img/layout/doors-win.png) no-repeat 0 0;}
#catDoors:hover,#catDoors.active { background: url(../img/layout/doors-win.png) no-repeat 0 -223px;}
#catRoofs { background: url(../img/layout/roofs.png) no-repeat 0 0;}
#catRoofs:hover,#catRoofs.active  { background: url(../img/layout/roofs.png) no-repeat 0 -223px;}
#catStruct { background: url(../img/layout/structural.png) no-repeat 0 0;}
#catStruct:hover,#catStruct.active  { background: url(../img/layout/structural.png) no-repeat 0 -223px;}
#catPure { background: url(../img/layout/pureglaze.png) no-repeat 0 0;}
#catPure:hover,#catPure.active  { background: url(../img/layout/pureglaze.png) no-repeat 0 -223px;}
#catSky { background: url(../img/layout/skyframe.png) no-repeat 0 0;}
#catSky:hover,#catSky.active  { background: url(../img/layout/skyframe.png) no-repeat 0 -223px;}
#catSpec { background: url(../img/layout/specialist.png) no-repeat 0 0;}
#catSpec:hover,#catSpec.active  { background: url(../img/layout/specialist.png) no-repeat 0 -223px;}


.leftPic { left:40px;}
.centrePic { left:351.5px; }
.rightPic { right:40px; left:auto; }
.bottomPic { bottom:0; }
*/
#wideCol {
	width:850px;
	float:left;
	/*background:#272E38;*/
	padding:0 40px;
	position:relative;
	height:440px;
}
/*
.topPic {
	width:227px; 
	height:218px;
	position:absolute;
	top:0;
	display:block;
	text-indent:-9000px;
}
.bottomPic {
	width:227px; 
	height:218px;
	position:absolute;
	display:block;
	text-indent:-9000px;
}
*/
#prodList, #popUp {
	position:absolute;
	top:30px;
	left:227px;
	padding:10px;
	min-width:150px;
}
#popUp {	
	z-index:500;		
}
#prodList {
	z-index:501;
	display:none;
}
#popWindow, #prodList, #popUp {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:1px solid #CCC;
	background:url(../img/layout/popup-bg.png) repeat-x 0 0;
}
#popUp.jPop {
	visibility:hidden;
}
h2.productList {
	font-size:1.2em;
	padding-bottom:.2em;
	border-bottom:1px solid white;
}
ul.productList {
	padding-top:10px;	
}
.productList li {
	line-height:1.4em;	
}

/* Clients Homepage *******/

#clientFilter {
	width: 415px;
	padding:10px 10px 0 20px;
	overflow:auto;
}
#clientFilter a {
	display:block;
	float:left;
	width:19px;
	height:20px;
	line-height:20px;
	background:#11141B;
	text-align:center;
	margin:0 10px 10px 0;
	padding-left:1px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#clientFilter a:hover, #clientFilter a.currentLetter { background: #3B9197; }
p.clientListing {
	padding:0;	
	float:left;
}

span.clientName {
	width:300px;
	padding:0;
	display:block;
	float:left;
}
.clientLink {
	padding:2px 0;
	overflow:auto;
}
span.clientRegion {	
	font-size: 1em;	
	width:100px;
	color: #cccccc;
}
#clientFilter a.first {
	width:auto;
	padding:0 .4em;
	float:none;
	margin-right:0;
}	

/* Font Styles */
.project h1, #rightcol h2 {
	font-size:2.2em;
	color:#FDE2C6;
	display:block;
	border-bottom:1px solid #FDE2C6;
	padding: 0 0 5px 0;
	font-weight:normal;
	line-height:1.3em;
	letter-spacing:.01em;
}
#rightcol h2 {
	margin-bottom:15px;
}
#infoDetail h3 {
	font-size:1.2em;
	line-height:1.4em;
}

/* Component Popup Window */

#popWindow, #ds  {
	width:500px;
	position:absolute;
	top:100px;
	right:20px;	
	display:none;
	/*visibility: hidden;*/
}
#popWindow #infoSpot {
	background:none;
	padding-top:0;
}
#popWindow .mainContent {
	background:none;
}
#ds {
	z-index:499;		
	height:400px;
}
#popWindow {
	z-index:500;
}
.closeWindow:hover {
	cursor:pointer;
}