/*************  MAIN CLASSES **********/
/* This next line makes Firefox and IE treat padding the same way. */
DIV{-moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, tr {
margin:0;
padding:0;
}

/* general declarations */

body {
  font-family: Verdana,Geneva,sans-serif,Arial; 
  font-size: 15px; 
  background-color: #faeb9e;
  margin:0;
  padding:0;
}

img {
  border: 0 none;
}

a {
  text-decoration: none;
  color:#505050;
}


ul li a {
  /*display: block;*/
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 5px 15px;
  /*width: 100px;*/
  margin-left: 10px;
  text-align: left;
}

h1 {
  font-size: 1.4em;
  font-weight: bold;
  text-align: left;
  padding: 5px 0 0 25px;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #000080;
  text-align: left; 
  padding: 5px 0 0 20px;
}

.myh3 {
  font-size: 1.05em;
  font-weight: bold;
  color: #228b22;
  color: #006400;
  text-align: left; 
  padding: 0 0 0 0;
}

.nobullets {
  list-style-type: none;
}

th {
  font-size: 120%;
  font-weight: bold;
}

/* end of general declarations */

a:hover {
  color: #fac800;
}

.home {
  padding: 5px 0 10px 90px;
  width:150px;
}
  
.home a {
  text-decoration: none;
  color:#505050;
  display:block;
  font-size:14px;
  font-weight:bold;
}

.home a:hover {
  color: #fac800;
}

.container1 {
  width: 900px;
  height: 690px;
  /* overflow: hidden; */
  margin-top: 10px;
}

.logo {
  width: 270px;
  height: 125px;
  background-image: url('img/logo.jpg');
  background-repeat: no-repeat;
  float: right;
}

.logo-bottom {
  width: 246px;
  height: 72px;
  background-image: url('img/logo-bottom.jpg');
  background-repeat: no-repeat;
  float: right;
}

.top-left {
  width: 227px;
  height: 53px;
  float: left;
  background-image: url('img/top-left.jpg');
}

.top-middle {
  width: 403px;
  height: 53px;
  float: left;
  background-image: url('img/top-middle.jpg');
  background-repeat: repeat;
}

.main-tbl {
  position: relative;
  top: -72px;
  width: 900px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  table-layout: fixed;
  border-collapse: collapse;
  float: left;  
  height: 583px;
  /* z-index: -1; */
}

/* sidbar ~~~~~~~~~~~~~~~~~~~~~~~ */

.sidebar {
  width: 227px;
  background-image: url('img/sidebar-rep.jpg');
  background-repeat: repeat;
  vertical-align: top; 
}

.brushes {
  width: 649px;
  background-image: url('img/main-brushes.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: white;
  vertical-align: top; 
}

.portfolio {
  width: 649px;
  height: 540px;
  margin-top: 0px;
  vertical-align: top;
  background-repeat: no-repeat;
  overflow: hidden;
}

.portfolio2 {
  margin: 20px 0 0 25px;
  vertical-align: top;
  background-repeat: no-repeat;
  overflow: hidden;
}

.portfolio-link {
  height: 150px;
}

.right-edge {
  width: 24px;
  background-image: url('img/right-edge.jpg');
  background-repeat: repeat-y;
}

/* sidbar ~~~~~~~~~~~~~~~~~~~~~~~ */

.main-brushes {
  width: 649px;
  height: 433px;
  float: left;
  background-image: url('img/main-brushes.jpg');
  background-repeat: no-repeat;
}

.bottom {
  position: relative;
  top: -72px;
  width: 900px;
  height: 50px;
  float: left;
  background-image: url('img/bottom.jpg');
  background-repeat: no-repeat;
  font-family: Verdana,Geneva,sans-serif,Arial;
  font-size: 0.8em;
  padding-top: 8px;
}

.bottom a
{
  margin-left: 5px;
  margin-right: 5px;
}

.bottom a:hover
{
  color: #fac800;
}

.prevnext {
  width: 250px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: center;
  background-color:#ffffff;
  border:1px dotted #505050;
  /* CSS3 standard */
  opacity:0.7;
  /* for IE */
  filter:alpha(opacity=70);
}

.prevnext a {
  font-size: 120%;
  font-weight: bold;
}

.contact-bubble {
  width: 193px;
  height: 106px;
  float: left;
  margin-left: 25px;
  margin-top: 50px;
}

.transbox
  {
  width: 585px;
  height: auto;
  margin: 25px 25px;
  background-color:#ffffff;
  border:1px dotted #505050;
  text-align: left;
  /* CSS3 standard */
  opacity: 0.7;
  /* for IE */
  filter: alpha(opacity=70);
  }

.transbox p
  {
  margin:5px 20px 15px 20px;
  color:#000000;
  font-size: 0.9em;
  }

.transbox ul li
  {
  margin:0 0 0 40px;
  color:#000000;
  font-size: 0.9em;
  }

.pitchemail {
  diplay: block;
  right: auto;
  border: 3px solid #505050;
  width: 569px;
  height: 207px;
  margin: 0 0 20px 0;
}

table.cost {
  width: 350px;
  text-align: center;
  border-collapse: separate; 
  /*table-layout: fixed;*/
  border-spacing: 2px; 
  color: #ffffff;
  border: 5px;
  padding: 0px;
  margin: 0px;
}

.cost0 {
  background-color: #228b22;
  color: #ffffff;
}

.cost1 {
  background-color: #228b22;
  color: #000000;
}

.cost2 {
  background-color: #ffcc00;
  color: #000000;
}

/* quick links ~~~~~~~~~~~~~~~~ */

.quickLinks {
  padding-top: 1px;
  width: 75px;
  float: left;

}

.quickLinks ul {
  /* removes standard bullets */
  list-style-type:none;
  padding-left:20px;
  margin: 5px 0 0 15px;
}

.quickLinks ul li {
  border-top:1px solid #FFFFFF;
  width:170px;
}

/* Works in Firefox but not IE. Embedding in last child in <li> tag 
.quickLinks ul li:last-child {
  border-bottom:medium none;
  border-bottom:1px solid #FFFFFF;
}  */ 

.quickLinks ul li a {
  background:transparent url(img/white-arrow.gif) no-repeat scroll center left;
  color:#505050;
  display:block;
  font-size: 0.9em;
  font-weight:bold;
  padding:5px 0 5px 15px;
  width:150px;
}

.quickLinks ul li a:hover {
  color:#fac800;
}

/* quick links ~~~~~~~~~~~~~~~~ */

.outsideL1 {
  width: 845px;
  height: 630px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  margin-top: 20px;
  overflow: hidden;
}

.outsideL2
{
  position: relative;
  width: 100%;
  top: -675px;
}

.outsideL3
{
  position: relative;
  width: 845px;
  margin-left: auto;
  margin-right: auto;
}

.homePhone
{
  float: left;
  height: 100px;
  width: 500px;
  text-align: left;
  margin-top: 50px;
  padding-left: 330px;
  color: #505050;
  font-size: 22px;
  FONT-FAMILY: Dauphin, Times New Roman, Serif;
  font-weight: normal;
  font-style : italic;
}


.itsTime
{
  float: left;
  width: 325px;
  margin: 0 0 0 15px;
  text-align: left;
  color: #505050;
  font-size: 1.4em;
  font-family: Garamond, Times New Roman, Serif;
  font-weight: normal;
  word-spacing: +3px
}

.firstLtr {
  float: left;
  width: 0.35em;
  font-size: 400%;
  font-family: algerian,times new roman,impact,arial;
  line-height: 80%;
}

.yellow {
  color: #fac800;
  font-weight: bold;
}

.blue {
  color: #4ca2f2;
  font-weight: bold;
}

.green   {
  color: #5c8026;
  font-weight: bold;
}

.paintPicture {
  float: right;
  height: 200px;
  width: 425px;
  text-align: center;
  padding-top: 20px;
  padding-right: 0px;
  color: #505050;
  font-size: 1.4em;
  FONT-FAMILY: Times New Roman, Serif;
  font-weight: normal;
}

.bigger {
  font-size: 125%
}

.bigger2 {
  font-size: 150%
}

.homeRev
{
  float: right;
  width: 400px;
  height: 14px;
  text-align: right;
  margin-top: 73px;
  padding-right: 30px;
  color: #B0B0B0;
  font-size: 13px;
  FONT-FAMILY: Arial, San Serif;
  font-weight: bold;

}

a-hide
{
  text-decoration: none;
  color: #bf9263;
  font-weight: bold;
  border: 0px;
}

a-hide:hover
{
  color: #ffc702;
}

.contactInfo
{
  margin: 10px;
}