@charset "UTF-8";
/* CSS Document */

/*-------------------- CSS RESET ------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

img, div { behavior: url(iepngfix.htc) }

/*-------------------- Body ------------------------*/

body { font: lighter 0.7em/1.5em Arial, Helvetica, sans-serif; background: url(images/bg.jpg) repeat-x top; background-color: #013002; }

/*-------------------- Main Setup -----------------*/

#wrap { width: 1020px; margin: 0 auto; }

#header { width: 1020px; height: 105px; background: url(images/headerbg.jpg) no-repeat top;  }

#header ul { width: 600px; height: 53px; background: url(images/navbg.jpg) no-repeat top; float: right; margin: 48px 20px 0px 0px;   }

#header li { display: inline; }

#header a { display: block; float: left; line-height: 53px; padding: 0 16px; color: #FFF; font-size: 1.4em; text-decoration: none; }

#header a:hover { color: #d5e11b; }

#flash { width: 1020px; height: 263px; background: url(images/rjbg.jpg) no-repeat top left; }

/*-------------------- Main Content Structure -----------------*/


#maincontent { width: 1020px; background: url(images/contentbg.jpg) top no-repeat; height: 60px; }

#thecontent { width: 985px; margin: 0 auto; }

#left, .right, #mid, #acred, #doublecol {  background: url(images/trans.png) repeat top left; }

#left { width: 317px; float: left; margin-right: 26px; padding: 20px; }

h1, h2 { color: #d5e11b; font-size: 1.6em; font-weight: lighter; padding-top: 8px; }

.fakehtwo { color: #d5e11b; font-size: 1.6em; font-weight: lighter; padding-top: 8px; }

.fakehtwoblue { font-size: 1.6em; font-weight: lighter; padding-top: 8px; color: #1bbee1; }

h2 { padding-top: 20px; }

h3 { color: #1bbee1; font-size: 1.6em; font-weight: lighter; padding-top: 8px; }

.floatr { float: right; margin: 15px 0px 10px 15px; }

.floatl { float: left; margin: 15px 15px 0px 0px; }

.asbestos {  padding: 10px; border: 1px solid #d5e11b; margin-top: 25px; background-color: #063; }


.building {  padding: 10px; border: 1px solid #d5e11b; margin-top: 25px; background-color: #063; }



#left form { width: 240px; }

#left p, .right p, #mid p, #doublecol p { color: #FFF; padding-top: 10px; }

#left ul { padding: 10px; }

#left li { color: #fff; }

#left a { color: #d5e11b; }


#left a:hover { color: #FFF; }

.small { font-size: 0.7em; }

#rightcontainer { width: 602px; float: left; }

#mid { width: 276px; float: left; margin-right: 26px; padding: 20px; }

#mid p { padding-bottom: 15px; }
div.gallery { width: 85px; height: 84px; float: left; margin: 10px 2px; }

#mid a { color: #d5e11b; }


#mid a:hover { color: #FFF; }

.linkbox { padding: 0px 10px; background-color: #006600; color: #fff; border: 1px solid #003300; }

.map { margin-top: 10px; }


#doublecol { width: 659px; margin-right: 26px; float: left; padding: 20px; }

#doublecol ul { padding: 10px; }

#doublecol li { color: #fff; }

#doublecol ol { padding: 10px; }

#doublecol a { color: #d5e11b; }

#doublecol a:hover { text-decoration: none; }

.house { margin-top: 15px; } 

.red, .blue, .green, .orange, .black, .pink, .grey, .lpink { padding: 10px; border: 1px solid #d5e11b; margin-top: 10px; }

.red { background-color: #C30; }

.red ul, .blue ul, .green ul, .orange ul, .black ul, .pink ul, .grey ul, .lpink ul { list-style-type: none; border: #d5e11b; }

.blue { background-color: #1bbee1; }

.green { background-color: #063; }

.orange { background-color: #F93; }

.black { background-color: #000; color: #FFF; }

.pink { background-color: #c857a0; }

.grey { background-color: #666; }

.lpink { background-color: #ddb8f3; color: #000; }

.right { width: 220px; float: left; padding: 20px; }

.right ul li a { color: #d5e11b; list-style-type: none; }

.right ul li a:hover { text-decoration: none; }

.right h4 a { padding-top: 15px; color: #d5e11b; text-decoration: none; font-size: 1.2em; }

.right a { color: #d5e11b; }

.right li { list-style-type: none; }

.bottom { margin-bottom: 15px; }


.contactus form { width: 220px; margin: 0 auto; }

.contactus input { margin: 3px 0px; padding: 4px; border: 1px solid #123d59; background-color: #FFF; color: #2c7dae; }

.contactus select { padding: 3px; margin: 3px 0px; }

.tickpinkbox { background-color: #1bbee1; border: 1px solid #333; padding: 5px 0px 20px 20px; margin-top: 15px; }

.tickredbox { background-color: #1bbee1; border: 1px solid #333; padding: 5px 0px 20px 20px; margin-top: 15px; }

#acred { width: 602px; height: 100px; margin-top: 20px; float: left; }

#acred img { margin: 7px 0px 0px 7px; }
/*-------------------- Footer Content Structure -----------------*/

#footer { height: 130px; clear: left;  }

#footer ul { text-align: center; padding: 15px 0px;  }

#footer li { display: inline; }

#footer a { color: #FFF; padding: 5px; }

#footer a:hover { color: #d5e11b; }

#footer p { text-align: center; color: #FFF; }


/* ------------------------------------ Lightbox ------------------------------------ */

#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox img { width: auto; height: auto; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData { padding:0 10px; color: #666; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#links { color: #fff; text-align: center; }

#links a { color: #fff; }