/*------------------------------
Regular block level elements
------------------------------*/
body {
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
  color: #231F20;
  background: white;
  min-width: 46em;
  padding: 0; margin: 0;
}

p, h1, h2, h3, h4, li, dt, dd, pre {
  text-align: left; /* avoid IE6 bug */
}

p, dt, dd, li { line-height: 1.5; }

h1, h2, h3, h4, blockquote {
  font-family: verdana, arial, helvetica, sans-serif;
  color: #231F20;
}

h1 {
  font-family: arial, helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  margin: 0;
  color: #e18b42;
}

h2 {
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  color: #e18b42;
}

h3 {
  font-family: arial, helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  margin: 0 0 0.8em -0.4em;
  color: #999999;
}

p {
  margin: 0.4em 0 0.8em 0;
  color: #6d6d6d;
}

ul { margin-top: 0.5em; margin-bottom: 0.5em; }

/*------------------------------
Links
------------------------------*/
a {
  color: #386cbc;
  text-decoration: underline;
}

/* Use standard link colours */
a:link {}
a:visited {}
a:hover {}
a:active {}


/*------------------------------
Page lagout blocks
------------------------------*/
#leftbox {
  background: #fff;
  padding: 0;
  width: 98%;
  float: left;
  background: #fff url(../image/joe-ashton-logo.gif) no-repeat left top;
}

#rightbox {
  background: #fff;
  padding: 0;
  width: 1%;
  float: left;
  border-left: 3px solid #c3beba;
  min-height: 660px;
}

#rightbox-block {
  background: #c3beba;
  margin: 66px 0 0 0;
  padding: 0;
  border-left: 3px solid #c3beba;
  height: 34px;
}

#branding-title {
  height: 30px;
  margin: 36px 0 0 140px;
}

#contenthome {
  background: #fff;
  margin: 100px 0 0 140px;
  padding: 0;
}

#contenttext {
  background: #fff;
  margin: 90px 0 0 307px;
  padding: 0;
  width: 450px;
}
#contenttext td {
  color: #6d6d6d;
  padding: 1em 1em 1em 0;
}

#contentfolio {
  background: #fff;
  padding: 37px 0 0 20px;
  margin-bottom: 1em;
  float: left;
}
#contentfolio td {
  color: #6d6d6d;
  padding: 0.5em 1em 0.5em 0;
  vertical-align: top;
}
#contentfolio td.picy {
  padding: 10px 0 5px 195px;
  vertical-align: top;
}
#contentfolio td.picy4 {
  padding: 10px 0 5px 30px;
  vertical-align: top;
}
#contentfolio td.picy0 {
  padding: 10px 0 5px 80px;
  vertical-align: top;
}

#numberfolio {
  background: #fff;
  padding: 0 0 0 307px;
  margin-bottom: 1em;
  clear: left;
}
#numberfolio4 {
  background: #fff;
  padding: 0 0 0 142px;
  margin-bottom: 1em;
  clear: left;
}
#commissionpic {
  background: #fff;
  padding: 40px 20px 0 0;
  margin: 0;
  float: left;
}

#footer {
  clear: both;
  padding: 0;
  margin: 0;
}


/*------------------------------
Menus
------------------------------*/

#section-menu ul, #numberfolio ul, #numberfolio4 ul {
  list-style: none;
  padding: 0;
}

#section-menu li a, #numberfolio li a, #numberfolio4 li a {
  white-space: nowrap;
}

/* Section menu */
#section-menu {
  background: #c3beba;
  clear: left;
  height: 34px;
  margin: 0 0 0 140px;
}

#section-menu ul {
  padding: 0 0 0 170px;
  margin: 0;
  background: #c3beba;
}

#section-menu li {
  font-family: arial, helvetica, sans-serif;
  font-size: 1.1em;
  float: left;
  margin: 8px 0 0 0;
}

#section-menu li a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 0 3em 0 0;

}

#section-menu a:hover { text-decoration: underline; }
#section-menu li.current a {
  /*font-weight: bold; */
  color: #6d6d6d;
}


/* Folio topic menu */
#contentfolio ul {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
}

#contentfolio li {
  text-align: left;
  font-size: 1.1em;
  padding: 1em 0 0 0;
  margin: 0;
}

#contentfolio li a {
  color:  #6d6d6d;
  background: #fff;
  text-decoration: none;
  font-weight: normal;
  display: block;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
#contentfolio a:hover { text-decoration: underline; }
#contentfolio li.current a {
  color: #e18b42;
}

/* Folio numbers */
#numberfolio, #numberfolio4 {
  background: #fff;
  clear: left;
  height: 34px;
  margin: 0 0 0 0;
}

#numberfolio ul, #numberfolio4 ul {
  padding: 0;
  margin: 0;
}

#numberfolio li, #numberfolio4 li {
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  float: left;
  margin: 0 0 0 0;
}

#numberfolio li a, #numberfolio4 li a {
  color: #6d6d6d;
  text-decoration: none;
  display: block;
  padding: 0 4em 0 0;

}

#numberfolio a:hover, #numberfolio4 a:hover { text-decoration: underline; }
#numberfolio li.current a, #numberfolio4 li.current a {
  color: #e18b42;
}



/*------------------------------
Footer
------------------------------*/
#footer ul {
  color: #7c7c7c;
  font-size: 0.85em;
  list-style: none;
  padding: 0; margin: 0;
  white-space: nowrap;
}
#footer li {
  white-space: nowrap;
}
#footer #link-copyright {
  text-align: left;
  padding: 0 0 0.5em 20px;
  float: left;
}


/*------------------------------
Float clearing
------------------------------*/
/* Ensures that an element will expand to contain floating children */

#section-menu:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#numberfolio:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*#section-menu { display: inline-table; }*/
/* Hides from IE-mac \*/
* html #section-menu { height: 1%; }
/*#section-menu { display: block; }*/
/* End hide from IE-mac */


/*------------------------------
Other
------------------------------*/
img {
  display: block;
  border: 0;
}