body      { background-color: #333; text-align: center; margin: 0; padding: 0 }
#wrapper       { text-align: left; margin: 0 auto 0; padding: 0; width: 950px; height: auto }
#logopanel         { margin: 0; padding: 0; width: 950px; height: 100px; float: left }
#logo  { display: inline; margin: 0; padding: 0; width: 400px; height: 100px; float: left }
#title  { display: inline; margin: 0; padding: 0; width: 545px; height: 100px }
#title h1  { color: #fff; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica; text-align: right; margin: 0; padding: 65px 0 0 }
#navcontainer     { background-image: url(fit-out-images/ranne-nav-strip.jpg); display: inline; margin: 0 0 10px; padding: 0; width: 950px; height: 20px; float: left; clear: both }
ul#navlist  { font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: normal; text-align: right; margin: 0; padding: 0 }
#navlist li { list-style-type: none; display: inline; margin: 0; padding: 0 }
#navlist a:link { color: #fff; text-decoration: none; margin: 0; padding: 0 20px; height: 20px }
#navlist a:visited { color: #fff; text-decoration: none; margin: 0; padding: 0 20px; height: 20px }
#navlist a:hover  { color: #fff; text-decoration: none; background-color: #333; border-bottom: 2px solid #6f0 }
#navlist a:active  { color: #6f0; text-decoration: none; background-image: url(fit-out-images/bg-pixel.jpg); border-bottom: 2px solid #6f0 }
#bigimage     { margin: 0 0 15px; padding: 0; width: 950px; float: left; clear: both }
.casestudy { color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 20px 0 0; padding: 10px 0; width: 950px; float: left; clear: both; border-top: 1px solid #666 }
.casestudy h1 { color: #fff; font-size: 18px; font-weight: bold; margin: 0; padding: 0 0 10px }
.casestudy p  { color: #fff; font-size: 12px; font-weight: normal; line-height: 17px; margin: 0; padding: 0 0 10px }
.casestudythumbs     { background-color: #666; display: inline; margin: 9px; padding: 10px; width: 150px; height: 100px; float: left; border: solid 1px #000 }
#bodyleft          { background-color: #000; display: inline; margin: 0 0 0 3px; padding: 0; width: 380px; float: left; clear: both }
#contactleft  { display: inline; margin: 0 0 0 3px; padding: 0; width: 380px; float: left; clear: both }
#contactleft h1 { color: #fff; font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 28px; text-decoration: none; text-align: left; margin: 0 0 15px; padding: 0 }
#contactleft p { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: normal; line-height: 20px; text-decoration: none; text-align: left; margin: 0 0 15px; padding: 0 }
#contactleft p a:link     { color: #ccc; font-weight: normal; text-decoration: none; text-align: left; margin: 0 0 20px; padding: 1px 2px; border-bottom: 1px dotted #fff }
#contactleft p a:visited   { color: #999; font-weight: normal; text-decoration: none; text-align: left; margin: 0 0 20px; padding: 1px 2px; border-bottom: 1px dotted #fff }
#contactleft p a:hover   { color: #fff; font-weight: normal; text-decoration: none; text-align: left; margin: 0 0 20px; padding: 1px 2px; border-bottom: 1px solid #6f0 }
#contactleft p a:active   { color: #6f0; font-weight: normal; text-decoration: none; text-align: left; margin: 0 0 20px; padding: 1px 2px; border-bottom: 1px dotted #fff }
#bodyright     { display: inline; margin: 0 0 0 20px; padding: 0; width: 530px; float: left }
#bodyright h1 { color: #fff; font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 28px; text-decoration: none; text-align: left; margin: 0 0 15px; padding: 0 }
#bodyright h2 { color: #6f0; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 20px; text-decoration: none; text-align: left; margin: 0 0 5px; padding: 0; border-bottom: 1px dotted #fff }
#bodyright p       { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: normal; line-height: 20px; text-decoration: none; text-align: left; margin: 0 0 15px; padding: 0 }
#bodyright ol  { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: normal; line-height: 20px; text-decoration: none; text-align: left; list-style-position: outside; margin: 0 0 15px 1.5em; padding: 0 0 0 }
#bodyright li { margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px dotted #6f0 }
#bodyright p a:link     { color: #ccc; font-weight: normal; text-decoration: none; text-align: left; margin: 0 0 20px; padding: 1px 2px; border-bottom: 1px dotted #fff }
#bodyright p a:visited   { color: #999; font-weight: normal; text-decoration: none; text-align: left; margin: 0 0 20px; padding: 1px 2px; border-bottom: 1px dotted #fff }
#bodyright p a:hover   { color: #fff; font-weight: normal; text-decoration: none; text-align: left; margin: 0 0 20px; padding: 1px 2px; border-bottom: 1px solid #6f0 }
#bodyright p a:active   { color: #6f0; font-weight: normal; text-decoration: none; text-align: left; margin: 0 0 20px; padding: 1px 2px; border-bottom: 1px dotted #fff }
#footbox    { margin: 20px 0 30px; padding: 10px 0 0; width: 950px; float: left; clear: both; border-top: 1px solid #000 }
.footer    { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica; margin: 0; padding: 0 0 30px; float: left }
.footer a:link       { color: #ccc; font-weight: normal; text-decoration: none; margin: 0; padding: 0; border-bottom: 1px dotted #fff }
.footer a:visited     { color: #999; text-decoration: none; border-bottom: 1px dotted white }
.footer a:hover   { color: #fff; text-decoration: none; border-bottom: 1px solid #6f0 }
.footer a:active   { color: #6f0; text-decoration: none border-bottom: 1px solid #fff  }

#navbox   { margin: 0; padding: 5px 5px 10px; width: 360px }

#navbox ul
 { font-family: Arial, Helvetica, sans-serif; list-style-type: none; margin: 0 0 0 2px; padding: 0 }
#navbox a { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; text-decoration: none; list-style-image: url(fit-out-images/green-bullet.jpg); list-style-position: inside; display: list-item; margin: 0; padding: 3px; width: 360px; border-bottom: 1px solid #eee }
#navbox a:visited
  { color: #ccc; text-decoration: none }
#navbox a:hover  { color: #fff; text-decoration: none; background-color: #333; list-style-image: url(fit-out-images/white-bullet.jpg); list-style-position: inside; display: list-item; border-bottom: 1px solid #6f0 }
#navbox a:active  { color: #6f0; text-decoration: none }