/******************************************************************************/
/* BANNER                                                                     */
/******************************************************************************/

#banner {
 background-color    : #738EFF;
 color               : #AD4D52;
 width               : 100%;
 background-image    : url('images/rock-04-h150.gif');
 /*background-image    : url('images/rock-01-h150.jpg');*/
 /*background-image    : url('images/rock-02-h150.jpg');*/
 /*background-image    : url('images/rock-03-h150.jpg');*/
 /*background-image    : url('images/rock-04-h150.jpg');*/
 background-repeat   : no-repeat;
 background-position : bottom left;
 text-align          : right;
}

#banner h1 {
 padding             : 0;
 margin              : 0;
 font-size           : 300%;
 letter-spacing      : 0.5em;
 font-family         : "Tahoma", sans-serif;
 font-weight         : normal;
}

#banner h1 small {

 padding-bottom      : 0.5em;
 font-size           : 37.3%;
 letter-spacing      : 1.42em;

/*********************************************************/
/* For some reason IE does not apply letter-spacing to   */
/* the last letter in an inline element if it is inturn  */
/* in a block element. Remove the following line, load   */
/* the page in IE and check the last char in the heading */
/*********************************************************/
 * margin-right      : -0.7em;
}


/******************************************************************************/
/* MENU                                                                       */
/******************************************************************************/

#menu {
 padding             : 3px 10px 3px 0;
 margin              : 4px 0 0 0;
 border-bottom       : 1px solid #333333;
 font-family         : "Tahoma", sans-serif;
 letter-spacing      : 0.1em;
}

#menu li {
 list-style          : none;
 margin              : 0;
 display             : inline;
 font-weight         : bold;
}

#menu li a {
 padding             : 3px 0.5em;
 margin-left         : 3px;
 border              : 1px solid #333333;
 border-radius       : 0.5em 0.5em 0 0;
 -moz-border-radius  : 0.5em 0.5em 0 0;
 color               : #333333;
 background-color    : #DDDDEE;
 text-decoration     : none;
}

#menu li a:link {
 color               : #333333;
 background-color    : #DDDDEE;;
}

#menu li a:visited {
 color               : #333333;
 background-color    : #DDDDEE;;
}

#menu li a:hover {
 color               : #333333;
 background-color    : #AAAAEE;
}

#menu li#active {
 padding             : 3px 0.5em;
 margin-left         : 3px;
 border-top          : 1px solid #333333;
 border-right        : 1px solid #333333;
 border-bottom       : 1px solid #C6A28C;
 border-left         : 1px solid #333333;
 border-radius       : 0.5em 0.5em 0 0;
 -moz-border-radius  : 0.5em 0.5em 0 0;
 color               : #333333;
 background-color    : #C6A28C;
 text-decoration     : none;
}

/******************************************************************************/
/* CONTENT                                                                    */
/******************************************************************************/

#content {
 background-color    : #FFBE8C;
 color               : #333333;
 padding             : 1em;
 background-image    : url('images/grad-content.gif');
 background-repeat   : repeat-x;
 background-position : top right;
}

/* Peekaboo bug fix (and tart up the line/letter spacing at the same time) */
div#content {
 line-height         : 1.3em;
 letter-spacing      : 0.1em;
}

/******************************************************************************/
/* FOOTER                                                                     */
/******************************************************************************/

#footer {
 border-top          : 1px solid #333333;
 padding             : 0;
 margin              : 0;
 clear               : both;
 font-family         : "Tahoma", sans-serif;
 font-size           : 80%;
 letter-spacing      : 0.6em;
}

#footer p {
 margin              : 0;
 padding             : 0.5em 1em;
}

#footer #footer-copyright {
 float               : right;
}

#footer #footer-contact {
 float               : left;
}

/******************************************************************************/
/* ELEMENTS                                                                    */
/******************************************************************************/

body {
 margin              : 0;
 padding             : 0;
 font-family         : "Georgia", serif;
 color               : #333333;
 background-color    : #FFBE8C;
}


h2, h3, h4 {
 margin              : 0;
 letter-spacing      : 0.5em;
 font-family         : "Tahoma", sans-serif;
}

h2 {
 float               : left;
 padding             : 0 0.8em 0.1em 0;
 font-size           : 150%;
 font-weight         : bold;
 clear               : both;
}

h3 {
 padding             : 0 0 0.5em 0;
 font-size           : 110%;
 font-weight         : bold;
}

h4 {
 padding             : 0 0 0.5em 0;
 font-size           : 100%;
 text-decoration     : underline;
}

p {
 margin              : 0;
 padding             : 0 0 1em 0;
}

p img {
 float               : right;
 padding             : 0 0 10px 10px;
}

img {
 border              : none;
}

a {
 color               : #333333;
 background-color    : transparent;
}

a:link {
 color               : #333333;
 background-color    : transparent;
}

a:visited {
 color               : #0061F2;
 background-color    : transparent;
}

a:hover {
 color               : #FF0000;
 background-color    : transparent;
}

dl {
 padding             : 0;
 margin              : 0;
}

dd {
 padding-bottom      : 0.5em;
 margin-left         : 2em;
}

hr {
 height              : 1px;
 border              : 0;
 background-color    : #555555;
 color               : #555555;
}

input {
 margin             : 5px 0;
}

textarea {
 margin             : 5px 0;
}

fieldset {
 border              : 1px solid #555555;
 padding             : 1em;
 /* IE extend-to-fit bug fix */
 _width              : 1%;
}

legend {
 font-weight        : bold;
 padding            : 0 0.5em;
}

label {
 font-weight        : bold;
}

/******************************************************************************/
/* CONTACT PAGE                                                               */
/******************************************************************************/

#contact-address {
 clear               : both;
 float               : left;
 padding             : 1em 3em 1em 0;
}

#contact-form {
 float               : left;
 padding             : 1em 0 1em 0;
}

#contact-form fieldset form ol {
  white-space        : nowrap;
  list-style-type    : none;
  margin             : 0;
  padding            : 0;
}

#contact-form input, #contact-form textarea, #contact-form img {
 vertical-align      :middle;
}

/******************************************************************************/
/* PORTFOLIO PAGE                                                             */
/******************************************************************************/

div.portfolio {
 clear               : both;
}

.portfolio img {
 float               : left;
 padding             : 0 1em 1em 0;
}

/******************************************************************************/
/* METHODOLOGY PAGE                                                           */
/******************************************************************************/

#methodology dl {
 margin-top          : 2em;
}

#methodology dl dt {
 margin              : 0;
 letter-spacing      : 0.5em;
 font-family         : "Tahoma", sans-serif;
 font-weight         : bold;
}

#methodology dl dd {
 margin-left         : 1em;;
}

/******************************************************************************/
/* BREAKOUT BOXES (floated right images and captions)                         */
/******************************************************************************/

.breakout {
 float               : right;
 padding             : 0 0 1em 1em;
}

.breakout div {
 border              : 1px solid #000000;
 background-color    : #DDDDEE;
 margin              : 0.5em;
 padding             : 1em;
 font-size           : 85%;
 font-style          : italic;
 text-align          : center;
 width               : 200px;
}

.breakout p {
 padding             : 0;
 margin              : 0;
}

/******************************************************************************/
/* GENERAL                                                                    */
/******************************************************************************/

.error {
 color               : #FF0000;
}

br.clear {
 clear               : both;
 margin              : 0;
 padding             : 0;
}

a.contrast {
 color               : #FFFFFF;
 background-color    : #000000;
 border              : 1px solid #000000;
 font-family         : "Georgia", serif;
 font-size           : 150%;
 font-weight         : bold;
 text-decoration     : none;
 padding             : 0.2em 0em 0.2em 0.2em;
 float               : right;
}