/* ======================================================================
    STANDARD HTML STYLES
   ====================================================================== */

* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}

html {
  font-size: 100%
}


body {
  font-size: 62.5%;
  background-color: #eaeaea;
}
p {
  margin: 10px 0px;
}

h2 {
    clear:both;
  color:   #ef8b21;
  margin: 10px 0px 5px 0px;
  font-size: 1.25em;
}
h3 {
  font-size: 1.25em;
}

img {
  border: none;
}

hr {
  clear: both;
}


/* ======================================================================
    PAGE STRUCTURE STYLES
   ====================================================================== */

#page-outer {
  width: 775px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../images/page-bg.jpg);
  background-repeat: repeat-y;
  background-position: top;
}

#page-bottom {
  width: 775px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../images/page-bottom.jpg);
  background-repeat: no-repeat;
  background-position: top;

}


#page-inner {
  margin-left: 8px;
  margin-right: 11px;
}

#page-content-outer {
  padding-left: 10px;
  padding-right: 9px;
}

/* ======================================================================
    HEADER STYLES
   ====================================================================== */

#header-stripe {
  background-color: #8cc63f;
  width: 100%;
  height: 5px;
  margin: 0px;
  padding: 0px;
}


#search-form {

  text-align: right;
  margin: 15px 10px 10px 0px;
  font-size: 1.2em;
  padding: 0px;
}

#search-form input {
  font-size: 1em;
}


#contact-text {
  margin: 10px 10px 5px 0px;
  text-align: right;
  font-size: 1.2em;
}

.logo {
  margin: 0px 5px;
  float: left;
}

#splash-header a:link, #splash-header a:visited {
  color: #ffffff;
  text-decoration: none;
}



#splash-header a:hover {
  text-decoration: underline;
}

#portfolio li {
  list-style-image: url(/images/bullet.gif);
  margin-left: 20px;
  margin-bottom: 20px;
}

#news li {
  list-style-image: url(/images/bullet.gif);
  margin-left: 20px;
  margin-bottom: 20px;
}

/* ======================================================================
    GENERAL PAGE STYLES
   ====================================================================== */


#splash-header h1 {
  font-size: 1.65em;
  font-weight: bold;
}


#text {
    padding-left: 10px;
    padding-right: 10px;
}

.clearfix {
  clear: both;
}


#main-page {

    width: 70%;
    background-color: #ffffff;

}

.pictureright {
  float: right;
  margin: 15px;
  margin-right: 0px;
  text-align: center;
}

.flash {
  text-align: center;
}

.quotation {
    clear: both;
  background-color: #eff7e0;
  border: solid 1px #c5e29e;
  padding: 10px;
  font-size: 1.1em;
  margin: 30px 0px 30px 20px;
}

.quotation img {
    float: left;
    margin: 10px;

}

/* ======================================================================
    MENU STYLES
   ====================================================================== */


#menu-top {
  clear: both;
  background-color: #d5d2d2;
  font-size: 1.25em;
  padding: 0px;
  margin: 0px;
  width: 756px;
  height: 2.85em;
  line-height:1.25em;
}


#menu-top ul {

}


#menu-top li {
   float: left;
   list-style-type:none;
   white-space:nowrap;
}

#menu-top li a {
   display: block;
    text-decoration:none;
    background-color:inherit;
   padding: 10px;
   padding-right: 15px;
    color: #000000;
}

#menu-top li a:visited {
    background-color: inherit;
    text-decoration: none;
    color: #000000;
}

#menu-top li a:hover {

    background-color: #c5e29e;
    text-decoration: underline;
}

#menu-top li.selected, #menu-top li.selected a:link, #menu-top li.selected a:visited, #menu-top li.selected:hover {
    text-decoration: none;
    background-color: #ef8b21;
    color: #ffffff;
    font-weight: bold;
}

/* ======================================================================
    FOOTER STYLES
   ====================================================================== */

#footer {
  clear: both;
  background-color: #8cc63f;
  padding: 10px;
  padding-top: 15px;
  height: 30px;
  color: #555555;
}

#copyright {
    float: left;
}

#footer-links {
    text-align: right;
}

#footer-links ul {
  list-style-type:none;
}

#footer-links li {
   display: inline;
   padding: 0px 5px;
   float: right;

}
#footer a:link, #footer a:visited {

    background-color: inherit;
    text-decoration: none;
    color: #555555;
}
#footer a:hover {
    text-decoration: underline;
}