html, body { width:100%; height:100%; margin:0 auto; padding:0; }
html a:hover { visibility: visible; }
body { font:10px verdana; }
a { text-decoration:none; }
a img { border:none; }
p, h1, h2 { margin:20px 0 0 0; padding:0; }
#container { width:100%; height:100%; min-height:100%; margin:0 auto; padding:0; position:relative; z-index:1; }
html>body #container { height:auto; }
#top a:hover, #footer img:hover, #logo img:hover, .box a img:hover { opacity:0.7; }
#book a, #subscribe a { display:block; }
#book a:hover img, #subscribe a:hover img { visibility:hidden; }






#top { width:100%; height:98px; padding:27px 0 0 0; text-align:center; background:url(../images/steel5.jpg) repeat-x; z-index:1;}
#nav { width:100%; height:70px; background:url(../images/nav-back.png) repeat-x; position:relative; margin: 0 auto; top:0px; z-index:2; }
#navmenu { height:0px; top:0px; text-align:center; margin: 0 auto; margin-left:auto; margin-right:auto; width:630px; z-index:3;}



#navmenu ul { margin:0; padding:0 0 0 0; list-style-type:none; }
#navmenu li { margin:0; padding:0; float:left; }
#navmenu a { height:70px; display:block; }
#navmenu span { position:absolute; top:-500px; }







.home a { width:99px; background:url(../images/menu-home-up.jpg) no-repeat; }
.home, .home a:hover, .home a.current { background:url(../images/menu-home-over.jpg) no-repeat; }
.aboutus a { width:99px; background:url(../images/menu-aboutus-up.jpg); }
.aboutus, .aboutus a:hover, .aboutus a.current { background:url(../images/menu-aboutus-over.jpg) no-repeat; }
.history a { width:99px; background:url(../images/menu-history-up.jpg); }
.history, .history a:hover, .history a.current { background:url(../images/menu-history-over.jpg) no-repeat; }
.productrange a { width:135px; background:url(../images/menu-productrange-up.jpg); }
.productrange, .productrange a:hover, .productrange a.current { background:url(../images/menu-productrange-over.jpg) no-repeat; }
.linkspage a { width:99px; background:url(../images/menu-links-up.jpg); }
.linkspage, .linkspage a:hover, .linkspage a.current { background:url(../images/menu-links-over.jpg) no-repeat; }
.contactus a { width:99px; background:url(../images/menu-contactus-up.jpg); }
.contactus, .contactus a:hover, .contactus a.current { background:url(../images/menu-contactus-over.jpg) no-repeat; }

#sub { width:100%; font:11px verdana; position:absolute; top:115px; }
#sub ul { margin:0;	padding:0; list-style-type:none; }
#sub li { margin:0; padding:0; float:left; }
#sub a { height:24px; padding:11px 15px 0 15px; color:#666; display:block; }
#sub a:hover { color:#5CB4B4; }

#container3{ width:876px; left:20%; right:20%; top: 400px; position:absolute; background-color:#555; }


#container2 { width:876px; margin-left:auto; margin-right:auto; position:relative; z-index:1;}


#content { padding:445px 20px 200px 238px; font:11px/22px verdana; color:#666; margin: 0 auto; margin-left:auto; margin-right:auto; overflow: auto; z-index:300; }
#content a, #address a, .mandatory { color:#5CB4B4; }
#content a:hover, #address a:hover { color:#ADD9D9; }
#content ul { margin:20px 0 0 0; padding:0 0 0 15px; list-style-type:none; }
#content li { margin:0 0 3px 0; padding:0 0 0 18px; line-height:17px; background:url(../images/li2.gif) top left no-repeat; }

#linkscontent { padding:15px 20px 200px 138px; font:11px/22px verdana; color:#666; margin: 0 auto; margin-left:auto; margin-right:auto; width:730px;  }
#linkscontent a, #address a, .mandatory { color:#5CB4B4; }
#linkscontent a:hover, #address a:hover { color:#ADD9D9; }
#linkscontent ul { margin:20px 0 0 0; padding:0 0 0 0; list-style-type:none; }
#linkscontent li { margin:0 0 3px 0; padding:0 0 0 0; line-height:17px; background:url(../images/li2.gif) top left no-repeat; }
#linkscontent h1 { width:150px; font:20px/25px arial; color:#5CB4B4; text-align:right; position:absolute; top:80px; right:693px; }
#linkscontent box { padding: 200px 0 0 0; }

#contactformbox { width:638px; height:378px; text-align:left; background:url(../images/frame2.png) no-repeat; position:absolute; padding: 28px 0px 0px 20px; margin: 20px 0px 0px 20px; top:0; right:0; }
#contactformbox p { padding: 10px 0px 0px 30px; }

.indent { margin:0 0 3px 18px !important; }
#header { width:100%; position:absolute; top:37px; z-index:3;}
#logo { position: relative; right:50px;}
#image { width:658px; height:74px; text-align:center; background:url(../images/frame2.png); position:absolute; top:0; right:0; }

#image a img { margin:5px 0 0 0; }
#map { width:616px; height:351px; margin:21px 0 0 21px; font:11px/20px verdana; border:1px solid #CCC;  }
#address { width:180px; margin:1px 0 0 0; font:10px/16px verdana; color:#666; text-align:right; }
#address strong, #address a { margin-left:12px; }
h1 { width:150px; font:20px/25px arial; color:#5CB4B4; text-align:right; position:absolute; top:445px; right:705px; }
.sub h1 { top:585px; }
h2 { font:16px arial; color:#5CB4B4; }
hr { margin:0 0 17px 0; border:1px solid #FFF; border-bottom:1px dotted #DDD; }
#floorplan { margin:25px 0 0 0; float:right; }
.fine { font:10px verdana; color:#999; }


.linksbox { width:100%; margin:1px 0 0 -5px; padding:20px 0 0 20px; display:table; background:url(../images/break.png) top no-repeat; }
.linksbox img { margin:0 5px 0 70px; }
.linksbox a img { float:left; }
.linksbox h2 { margin:0 0 22px 0; padding:5px 0 0 0; }
.linksbox a { color:#5CB4B4; }
.linksbox a:hover { color:#ADD9D9; }
.linksbox p { margin:14px 0 0 0; }
.linksbox p a { margin:0 22px 0 0; padding:0 0 0 15px; font-weight:bold; background:url(../images/li.gif) left no-repeat; }
.linksbox ul { margin:15px 0 0 0 !important; }
.linksbox .left { width:150px; font:22px georgia; color:#5CB4B4; float:left; }
.linksbox .left p { margin:10px 0 0 5px; }
.linksbox .left span { font:11px verdana; }
.linksbox .right { width:435px; float:right; }




.box { width:100%; margin:5px 0 0 -5px; padding:10px 0 0 0; display:table; background:url(../images/break.png) top no-repeat; }
.box img { margin:0 33px 0 0; }
.box a img { float:left; }
.box h2 { margin:0 0 22px 0; padding:5px 0 0 0; }
.box a { color:#5CB4B4; }
.box a:hover { color:#ADD9D9; }
.box p { margin:14px 0 0 0; }
.box p a { margin:0 22px 0 0; padding:0 0 0 15px; font-weight:bold; background:url(../images/li.gif) left no-repeat; }
.box ul { margin:15px 0 0 0 !important; }
.box .left { width:150px; font:22px georgia; color:#5CB4B4; float:left; }
.box .left p { margin:10px 0 0 5px; }
.box .left span { font:11px verdana; }
.box .right { width:435px; float:right; }

.literature { padding:0 !important; }
.literature li { margin:0 0 6px 0 !important; background:none !important; }
.literature img { margin:0 2px -3px 0; }

#form { margin:20px 0 0 0; }
#form label { position:absolute; }
.colour { color:#5CB4B4; }
.text1, .text2, .text4 { padding:4px; font:11px verdana; color:#666; border:1px solid #DDD; }
.text1 { width:201px; margin:2px 0 2px 100px; }
.text2 { width:68px; margin:2px 0 2px 0; }
.text4 { width:211px; margin:2px 0 2px 100px; }
.text1:hover, .text2:hover, .text4:hover { border:1px solid #ADD9D9; }
.subscribebutton, .submitbutton, .resetbutton { width:110px; height:37px; border:none; color:#FFFFFF; cursor:pointer; }
.subscribebutton { margin:0 0 0 204px; background:url(../images/subscribe-up.png); }
.subscribebutton:hover { background:url(../images/subscribe-over.png); }
.submitbutton { background:url(../images/submit-up.png); }
.submitbutton:hover { background:url(../images/submit-over.png); }
.resetbutton { background:url(../images/reset-up.png); }
.resetbutton:hover { background:url(../images/reset-over.png); }

.button { width:76px; border:none; background:#68B6B6 !important; color:#FFF; font:10px verdana; padding:4px; }
.button:hover { background:#4BCFC9 !important; }

#trees { width:216px; height:700px; background:url(../images/liberty.jpg); position:absolute; bottom:140px; left:0; z-index:2;}
#treecover { width:85px; height:30px; background:url(../images/tree-cover.jpg); position:absolute; bottom:134px; left:0; z-index:3; }
#book { width:150px; margin:35px 0 0 25px; background:url(../images/book-over.png); }
#subscribe { width:58px; background:url(../images/subscribe-over.jpg); position:absolute; bottom:134px; right:12%; z-index:3; }
#footer { width:100%; height:158px; background:url(../images/footer-back.jpg) left repeat-x; position:absolute; bottom:0; z-index:2; }
#footer div { width:635px; margin:85px auto 0 auto; }
.juniper { float:left; margin:8px 65px 0 0; }
.footer1 { font:bold 11px/26px verdana; }
.footer1 a { margin:0 20px 0 0; color:#666; }
.footer1 a:hover, .footer2 a:hover { color:#5CB4B4; }
.footer2 { font:10px/26px arial; color:#666; }
.footer2 a { margin:0 18px 0 0; padding:0; color:#666; }



div.spacer {
margin: 30px 0px 0px 0px;
passing: 30px 0px 0px 0px;
  clear: both;
  }






 form.cform {
  width: 100%;
  margin: 0 auto;
  border: 0px;
  }
  form.cform p.cf-button {
    margin-top: 1em;
    padding-top: 0.1em;
    border-top: 1px solid #3b4040;
    width: 50%;
	border: 0px;
    text-align: left; }
  form.cform ol {
    list-style: none;
	border: 0px;
	}
    form.cform ol label {
      display: block;
	  border: 0px;
      /*font-size: 0.9em;*/
      color: black;
      margin-bottom: 5px;
	  text-align: left;
	  }
    form.cform ol textarea {
      border: 2px solid #ccc;
      /*width: 90%; */
	  }
	form.cform ol textarea:focus, form.cform ol input:focus {
	border: 2px solid #25ade4;
	}
	form.cform ol select :focus{
	border:2px solid #25ade4;
	}
  form.cform fieldset {
    overflow: auto;
    display: inline-block; 
	border: 0px;
	}
    form.cform fieldset {
      display: block;
	  border: 0px;
	  }
    form.cform fieldset legend {
      display: none; 
	  border: 0px;
	  }
    form.cform fieldset input {
	  border: 2px solid #ccc;
      width: 70%;
      /*font-size: 1.1em;*/
	  height: 20px;
      background: #fff; }
	  form.cform fieldset textarea {
	  border: 2px solid #ccc;
      width: 70%;
      /*font-size: 1.1em;*/
	  font-family: Tahoma, sans-serif;
	  height: 120px;
      background: #fff; }
	form.cform fieldset select {
		border: 2px solid #ccc;
		width:71%;
		/*font-size: 1.1em;*/
		background: #fff;
	}
	form.cform fieldset select:focus{
		border:0px solid #25ade4;
	}
    form.cform fieldset li {
      margin-bottom: 2px; 
	  
	}