/* START General Group */

* {
  margin: 0;
  padding: 0;
  border: none;
}

body {
  font-family: Arial, Sans-Serif;
  color: #000000;
  background-color: #FFFFFF;
}


A:link, A:visited, A:active, A:hover { text-decoration: underline; }
A:link { color: #0033FF; }
A:visited { color: #800080; }
A:active { color: #FF0000; }
A:hover { color: #FF0000; }

h1 {
  font-size: 100%;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 5px;
}

p {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
}

HR {
  height: 0px;
  border: solid #7F7F7F 0px;
  border-top-width: 1px;
}

input, textarea {
  color: #000000;
  font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
  border: medium none #CCCCCC;
  border-style: solid;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  margin-top: 5px;
}

UL {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
}
OL {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
}
LI {
  text-align: left;
  margin-left: 25px;
}
/* END General Group */


/* START Top */
#top {
     margin: auto;
     width: 100%;
     height: 190px;
     background-image: url(/img/bg_tl.jpg);
     background-repeat: no-repeat;
}

#logo {
     position: relative;
     float: right;
     width: 345px;
     height: 90px;
     margin-top: 30px;
     margin-right: 30px;
}

#menu {
    margin: auto;
    width: 100%;
    margin-top: -60px;
    text-align: center;
	font-size: 110%;
}
/* END Top */


/* START Homepage */
#last_3_websites {
     position: relative;
     z-index: 3;
     margin: auto;
     width: 100%;
     top: 50px;
     font-size: 19;
}

#last_3_websites_2 {
     position: relative;
     z-index: 3;
     margin: auto;
     width: 100%;
     top: 70px;
     font-size: 19;
}

#last_3_websites_3 {
     position: relative;
     z-index: 3;
     margin: auto;
     width: 100%;
     top: 90px;
     font-size: 19;
}

#website_1 {
     float: left;
     width: 33.3%;
     text-align: center;
}
#website_2 {
     float: left;
     width: 33.3%;
     text-align: center;
}

#portfolio_websites {
     position: relative;
     z-index: 3;
     margin: auto;
     width: 100%;
     top: 100px;
     font-size: 19;
}

#testimonial1 {
     position: relative;
     z-index: 2;
     top: 160px;
     margin-right: 30px;
     text-align: right;
     font-size: 20;
}

#testimonial2 {
     position: relative;
     z-index: 1;
     float: right;
     width: 290px;
     height: 190px;
     background-image: url(/img/bg_br.jpg);
     background-repeat: no-repeat;
}

#fade2 {
     z-index: 2;
     text-align: right;
     width: 100%;
     height: 340px;
}
/* END Homepage */


/* START Body */
#regular_page {
     margin: auto;
     z-index: 2;
     text-align: left;
     max-width:900px;
     min-width:650px;
     margin-top: 30px;
     padding-left: 10px;
     padding-right: 10px;
}
/* END Body */


/* START Bottom */
#bottom {
     position: relative;
     float: right;
     width: 100%;
     margin: auto;
     height: 80px;
     border: medium none #7F7F7F;
     border-style: solid;
     border-left-width: 0px;
     border-top-width: 1px;
     border-right-width: 0px;
     border-bottom-width: 1px;
     background: #E2E2E2;
}

#bottom_left {
     position: relative;
     float: left;
     line-height: 40px;
     padding-left: 10px;
     text-align: left;
     font-size: 18;
     vertical-align: middle;
}

#bottom_right {
     position: relative;
     float: right;
     line-height: 80px;
     padding-right: 10px;
     text-align: right;
     font-size: 18;
     vertical-align: middle;
}
/* END Bottom */


.error {
      color: red;
      }

/* START Portfolio */

#goal {
  background: #EEEEEE;
  font-style: italic;
  margin-left: 20px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

OL.goals {
  text-align: left;
  margin: 0px;
}

TD.screenshot_description {
  padding-right: 15px;
  text-align: left;
  font-style: italic;
}

p.portfolio_url {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-left: 10px;
}

/* END Portfolio */