/* --------------------------------------------------------------- INITIALISE */
html,body { font-size: 100.01%;}              <li><a href="timber-framed-building.php">Timber Frames</a></li>
,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
abbr:hover { cursor: help; }

/* --------------------------------------------------------------------- CORE */

body {
  color: #FFF;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.75em;
  line-height: 1.2em;
  /* background: url("../images/style/body_background.gif") repeat-x top left #222C37; */
  background-color: #FFF;
  scrollbar-base-color:#293f54;
padding-top: 32px;

}

h1 {
  font-size: 1.3em;
  padding-bottom: 1.5em;
}

h3 {
  font-size: 1.1em;
  padding-bottom: 0.5em;
}

p {
  font-size: 11px;
line-height: 15px;
  padding: 0;
  margin: 0  5px 10px 0;
}

a:link, a:visited, a { color: #EFF2A8;}
a:hover { color: #d7ee2a; text-decoration: none;}

/* ------------------------------------------------------------------- LAYOUT */

#container {
  border: solid 1px #FFF;
  margin: 0 auto 5px auto;
  width: 960px;
  min-height: 450px;
  background-color: #293f54;
  }

#leftcolumn {
  padding: 13px 10px 10px 10px;
  width: 243px; /* container width less image less title less padding*/
  margin: 0;
}

#leftcolumnbig {
  padding: 13px 10px 10px 10px;
  width: 610px; /* container width less image less title less padding*/
  margin: 0;
}

#title {
  float: right;
  position: relative;
  top: 0px;
  left: 0px;
}

#text {
  padding: 25px 0 0 0;
    height: 190px;

}

#text ul {
list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
}

#text li {
  font-size: 11px;
  padding: 0 0 5px 10px;
  margin: 0 0 0 0;
  background: url(../images/style/spot.gif) no-repeat 0 4px;
}



.title-img {
float: right;
width: 21px;
}

#text div.left {
  float: left;
}
#text div.right {
  float: right;  
}

#thumbnails {
  margin-top: 0;
}

#thumbnails ul {
margin: 0;
padding: 0;
}

#thumbnails li {
display: inline;
text-align: center;
}

#thumbnails li a {
float: left;
color: #ffffff;
text-align: center;
background-color: #293f54;
width: 11px;
height: 12px;
padding: 2px 4px 4px 5px;
margin: 0 9px 0 0;
display: block;
font-size: 11px;
}

#thumbnails li a:hover {
color: #ffffff;
background-color: #999999;
}

#thumbnails li a.current {
color: #ffffff;
background-color: #999999;
}


#thumbnails img {
  padding: 10px 10px 0 0;
}

#thumbnails a:hover {border-bottom: none;}

#photo { float: right; position: relative; top: 0; right: 0;
padding: 0; margin: 0; }

#footer { 
  margin: 0 auto;
  width: 960px;
  text-align: right;
  font-size: 0.8em;
  color: #999999;
}


/* --------------------------------------------------------------------- MENU */

ul#menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #FFF;
  font-size: 0.9em;
}
ul#menu li {padding: 0; margin: 0; line-height: 15px;}
ul#menu li a, ul#menu li a:link, ul#menu li a:visited { color: #FFF; font-weight: normal; }
ul#menu li a:hover, ul#menu li a:active { color: #EFF2A8; text-decoration: none;}
ul#menu li.current a, #menu li.current a:link { color: #d7ee2a;}
ul#menu li.current a:hover { border-bottom: none;}


ul#submenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #FFF;
  font-size: 11px;
}
ul#submenu li {padding: 0; margin: 0; line-height: 15px; }
ul#submenu li a, ul#submenu li a:link, ul#submenu li a:visited { color: #FFF; font-weight: normal; }
ul#submenu li a:hover, ul#submenu li a:active { color: #EFF2A8;  text-decoration: none; }
ul#submenu li.current a, #submenu li.current a:link { color: #d7ee2a;}
ul#submenu li.current a:hover { border-bottom: none;}

#our-approach {
height: 270px;
overflow-y: scroll;
overflow-x: hidden;
}

#our-approach p {
padding: 0 20px 0 0;
}

#what-we-do {
height: 270px;
overflow-y: scroll;
overflow-x: hidden;
}

#what-we-do p {
padding: 0 20px 0 0;
}

.riba-logo {
float: right;
margin: 0 0 0 0;
}

/*


/* -------------------------------------------------------------------- FORMS */

/* --------------------------------------------------------------------- MISC */

/* -------------------------------------------------------------------- HACKS */

/*Safari font size hack*/
#safari { font-size: 1em;#}
body { font-size: 0.75em;}
p { line-height: 14px;}
ul#menu { line-height: 1.2em;}

.sub-col {
width: 165px;
}

#container div#text div.reg {
margin: 90px 0 0 0;
} 

#container div#text div.reg p{
font-size: 9px;
}