/* COLOURS

Green: #99cc33


*/

body {text-align: center;}
.container {border: 1px solid #cccccc; width: 984px; height: 560px; text-align: left; margin: 60px auto; position: relative;}
.container .inner {margin: 65px;}
.clear {clear: both;}

.container .nav {width: 200px; position: absolute; bottom: 20px; left: 60px;}
.container .nav a {text-decoration: none; font-family: arial, helvetica; font-size: 9px; color: #999999;}
.container .nav a.back {margin-right: 10px;}
.container .nav .left {float: left; position: relative;}
.container .nav .right {float: right;}
.container .logo {position: absolute; bottom: 20px; right: 20px;}
.container .inner .text-container {float: left; width: 200px; height: 410px; margin-right: 40px; position: relative; }
.container .inner a {color: #99cc33;}


#image_container { z-index: 3; position: absolute; }

img.caching { display: none; }

/* Project Page */

#project-page .container .inner .text-container {float: left; width: 200px; height: 410px; margin-right: 40px; position: relative;}

#project-page .container .inner .text-container .description {height: 240px; overflow: auto; padding-right: 15px;}
#project-page .container .inner .text-container .description {scrollbar-base-color: #663366; scrollbar-face-color: #d3d3d3; scrollbar-track-color: #eaeaea; scrollbar-arrow-color: #ffffff; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #CCCCCC; scrollbar-shadow-color: #cccccc; scrollbar-darkshadow-color: #999999;}

#project-page .container .inner .text-container .spec {color: #666666; }
#project-page .container .inner .text-container .spec h1 {font-family: arial, helvetica; font-size: 10px; font-weight: bold; margin: 0; padding: 0; color: #000000;}
#project-page .container .inner .text-container .spec h2 {font-family: arial, helvetica; font-size: 20px;  margin: 0; padding: 0;}
#project-page .container .inner .text-container .spec p {font-family: arial, helvetica; font-size: 9px; margin: 0; padding: 0; line-height: 14px;}

ul.spec-list {padding: 0; margin: 0; list-style-type: none; }
ul.spec-list li {font-family: arial, helvetica; font-size: 9px; margin: 0; padding: 0; line-height: 14px;}
ul.spec-list li.location span {margin-left: 20px;}
ul.spec-list li.client span {margin-left: 31px;}
ul.spec-list li.type span {margin-left: 34px;}
ul.spec-list li.area span {margin-left: 35px;}
ul.spec-list li.status span {margin-left: 28px;}

#project-page .container .inner .text-container .description {margin-top: 20px;}
#project-page .container .inner .text-container .description p {font-family: arial, helvetica; color: #666666; font-size: 9px; line-height: 14px; margin-top: 0; padding-top: 0;}

#project-page .container .inner .text-container .image-nav {position: absolute; bottom: 0; font-family: arial; font-size: 10px; z-index: 9;}
#project-page .container .inner .text-container .image-nav a {width: 16px; height: 16px; border: 1px solid #d3d3d3; text-align: center; float: left; line-height: 16px; margin-right: 2px; text-decoration: none; color: #999999; }
#project-page .container .inner .text-container .image-nav a:hover {background-color: #99cc33; color: #ffffff;}
#project-page .container .inner .text-container .image-nav a.selected {background-color: #99cc33; color: #ffffff;}
#project-page .container .inner .text-container .image-nav a.last  {margin-right: 0;}
#project-page .container .inner .image-content {  }
#project-page .container img.image-loader { position: absolute; top: 95px; left: px; z-index: 1; }


html>body #project-page .container img.image-loader { left: 325px; }

/* Project Index */

#project-index .container .inner .text-container {width: 230px; height: 410px; margin-right: 20px; overflow: auto;} /*SS*/


#project-index .container .inner .text-container .links {}
#project-index .container .inner .text-container .links ul {padding: 0; margin: 0; list-style-type: none;}
#project-index .container .inner .text-container .links ul li {font-family: arial, helvetica; font-size: 9px; padding: 0 0 5px 0; margin: 0;}
#project-index .container .inner .text-container .links ul li a {color: #666666; text-decoration: none; height: 14px; width: 215px; display: block; padding: 0 4px 0 0; line-height: 14px; background-image: url(/content/images/arrow-right.gif); background-repeat: no-repeat; background-position: right 5px ;}/*SS*/

#project-index .container .inner .text-container .links ul li a:hover {background-color: #99cc33; background-image: url(/content/images/arrow-right-wht.gif); background-repeat: no-repeat; background-position: 5px right; color: #ffffff;}

#project-index .container .inner .text-container .links ul li a span {color: #99cc33;}
#project-index .container .inner .text-container .links ul li a:hover span {color: #ffffff;}

#project-index .container .inner .image-content {}
#project-index .container .nav {width: 336px;}

#project-index .container img.image-loader { position: absolute; top: 95px; left: 475px; z-index: 1; }

html>body #project-index .container img.image-loader { left: 435px; }

/* About Us */

#about-us .container .inner {}
#about-us .container .inner .text-container .description p {font-family: arial, helvetica; color: #666666; font-size: 9px; line-height: 14px; margin-top: 0; padding-top: 0;}
#about-us .container .inner .text-container .description {height: 410px; overflow: auto; padding-right: 15px;}

/* News Index */

#news-index .container .inner .text-container {width: 330px;}
#news-index .container .inner .text-container .links ul {padding: 0; margin: 0; list-style-type: none;}
#news-index .container .inner .text-container .links ul li {font-family: arial, helvetica; font-size: 9px; padding: 0 0 5px 0; margin: 0;}
#news-index .container .inner .text-container .links ul li a {color: #666666; text-decoration: none; height: 14px; width: 310px; display: block; padding: 0 4px 0 0; line-height: 14px; background-image: url(/content/images/arrow-right.gif); background-repeat: no-repeat; background-position: right 5px ;}
#news-index .container .inner .text-container .links ul li a:hover {background-color: #99cc33; background-image: url(/content/images/arrow-right-wht.gif); background-repeat: no-repeat; background-position: 5px right; color: #ffffff;}

#news-index .container .inner .text-container .links ul li a span {color: #99cc33;}
#news-index .container .inner .text-container .links ul li a:hover span {color: #ffffff;}

#news-index .container .nav {width: 336px;}

/* News Article */

#news-article .container .inner .text-container .description {height: 410px; overflow: auto; padding-right: 15px;}
/*
#news-article .container .inner .text-container .description {scrollbar-base-color: #663366; scrollbar-face-color: #d3d3d3; scrollbar-track-color: #eaeaea; scrollbar-arrow-color: #ffffff; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #CCCCCC; scrollbar-shadow-color: #cccccc; scrollbar-darkshadow-color: #999999;}
*/
#news-article .container .inner .text-container .description h1 {font-family: arial, helvetica; color: #666666; font-size: 9px; line-height: 14px; margin: 0; padding: 0;}
#news-article .container .inner .text-container .description h2 {font-family: arial, helvetica; color: #666666; font-size: 9px; line-height: 14px; margin-top: 0; padding-top: 0;}

#news-article .container .inner .text-container .description p {font-family: arial, helvetica; color: #666666; font-size: 9px; line-height: 14px; margin-top: 0; padding-top: 0;}

/* Contact */

#contact .container .inner {}
#contact .container .inner .text-container .description p {font-family: arial, helvetica; color: #666666; font-size: 9px; line-height: 14px; margin-top: 0; padding-top: 0;}

/* Homepage */

#home .container .inner .text-container {position: relative;}
#home .container .inner .text-container .nav {width: 200px; position: absolute; bottom: 0; left: 0;}
#home .container .inner .text-container .nav a {text-decoration: none; font-family: arial, helvetica; font-size: 9px; color: #999999;}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/

/*
* JONNY FROM HERE
*/

.container .nav .left div.menu { display: block; }

.container .nav .left div.menu a { position: relative; }

.container .nav .left div.menu div.menu-popup-case { display: none; position: absolute; left: -10px; top: -80px; width: 70px; z-index: 9; height: 96px; background-color: #99cc33; }

.container .nav .left div.menu div.menu-popup-case ul.menu-popup {  margin: 0; padding: 0px; list-style: none; line-height: 12px; font-size: 9px; margin-top: 4px;  }

.container .nav .left div.menu div.menu-popup-case ul.menu-popup li { padding: 0; margin: 0; line-height: 12px; font-size: 9px;  }

.container .nav .left div.menu div.menu-popup-case ul.menu-popup li a { color: #feffff; }

.container .nav .left div.menu div.menu-popup-case ul.menu-popup li a { display: block; padding: 0 0 0 10px; margin: 0 0 2px 0; font-family:arial,helvetica; font-size: 9px; line-height: 13px; height: 13px; }

.container .nav .left div.menu div.menu-popup-case ul.menu-popup li a.menu { margin-top: 2px; top: 0px; }

.container .nav .left div.menu div.menu-popup-case ul.menu-popup li:hover { background-color: #aee24d; }

.container .nav .left div.menu div.menu-popup-case ul.menu-popup li a.menu:hover {  background-color: #99cc33; }

.container .nav .left div.menu:hover div.menu-popup-case { display: block; }


#home .container .nav .left div.menu div.menu-popup-case ul.menu-popup {  margin: 0; padding: 0px; list-style: none; line-height: 12px; font-size: 9px; margin-top: 4px;  }
#home .container .nav .left div.menu div.menu-popup-case ul.menu-popup li { padding: 0; margin: 0; line-height: 12px; font-size: 9px;  }
#home .container .nav .left div.menu div.menu-popup-case ul.menu-popup li a { color: #feffff; }
#home .container .nav .left div.menu div.menu-popup-case ul.menu-popup li a.menu { margin-top: 2px; top: 0px; }
#home .container .nav .left div.menu div.menu-popup-case ul.menu-popup li:hover { background-color: #aee24d; }
#home .container .nav .left div.menu div.menu-popup-case ul.menu-popup li a.menu:hover {  background-color: #99cc33; }

/*
* Lee added to handle image navigation for news items 05/11/2008
*/

#news-article .container .inner .text-container .image-nav {position: absolute; bottom: 0; font-family: arial; font-size: 10px;}
#news-article .container .inner .text-container .image-nav a {width: 16px; height: 16px; border: 1px solid #d3d3d3; text-align: center; float: left; line-height: 16px; margin-right: 2px; text-decoration: none; color: #999999; }
#news-article .container .inner .text-container .image-nav a:hover {background-color: #99cc33; color: #ffffff;}
#news-article .container .inner .text-container .image-nav a.selected {background-color: #99cc33; color: #ffffff;}
#news-article .container .inner .text-container .image-nav a.last  {margin-right: 0;}
#news-article .container .inner .image-content {}