/*
Template Name:  CCM Style Template
Description:  Base style template for Custom Coatings and Metal
Version: 0.2 - March 2008
Author:  J. Douglas Patterson
Author URI:  http://staff.jccc.edu/dpatter/
*/

/* Basic Styles */
body {
   font-size: 14pt;
   color: white;
   background-color: black;
   font-family: times, verdana, helvetica, sans-serif;
   text-align: center;
   margin: 0;
   padding: 0;
   }

html > body {
   font-size: 14pt;
   }

h1 {
   font-size: 28pt;
   color: white;
   background-color: transparent;
   font-style: italic;
   font-weight: bold;
   }

h2 {
   font-size: 24pt;
   color: white;
   background-color: transparent;
   font-style: normal;
   font-weight: bold;
   }

h3 {
   font-size: 18pt;
   color: white;
   background-color: transparent;
   font-style: normal;
   font-weight: bold;
   }

p  {
   font-size: 14pt;
   color: white;
   background-color: transparent;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   margin: 1em 0.5em 1.5em 0.5em;
   padding: 0;
   }

a:link {
   font-style: normal;
   color: #490202;
   background-color: transparent;
   }

a:visited {
   font-style: normal;
   color: #7e0083;
   background-color: transparent;
   }

a:hover {
   font-style: normal;
   color:  #00ffff;
   background-color: transparent;
   }

/* Page Block */

#page {
   background-color: black;
   position: relative;
   margin: auto;
   padding: 0;
   width: 1000px;
   height: 640px;
   border-width: medium;
   border-style: double;
   border-color: #ded6ba;
   }

/* Header */

#header {
   text-align: center;
   background-image: url('banner.jpg');
   background-color: black;
   margin: 0 0 0 0;
   position: relative;
      top: 0;
      left: 0;
      width: 1000px;
      height: 100px;
   }

.span-logo{
   background-color: transparent;
   margin: 0 0 0 0;
   position: relative;
      top: 0;
      left: 0;
      width: 200px;
      height: 100px;
   }

.span-banner{
   background-color: transparent;
   margin: 0 0 0 0;
   position: relative;
      top: 0;
      left: 200px;
      width: 800px;
      height: 100px;
   }

.header p  {
   font-size: 10pt;
   color: white;
   background-color: transparent;
   font-style: normal;
   font-weight: normal;
   margin: 1em 0.5em 1.5em 0.5em;
   padding: 0;
   }

.header-title {
   font-size: 18pt;
   color: white;
   background-color: #transparent;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: italic;
   font-weight: bold;
   }

.header-subtitle {
   font-size: 14pt;
   color: white;
   background-color: #transparent;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: normal;
   font-weight: bold;
   }

/* Navbar */

#navbar {
   text-align: left;
   margin: 0;
   position: absolute;
      top: 100px;
      left: 0;
      width: 200px;
      height: 540px;
   color: white;
   background-image: url('Sidebar-curve-bottom.jpg');
   }

.navbar p {
   color: white;
   background-color: transparent;
   font-size: 12pt;
   margin: 0;
   padding: 1em 0 0 1em;
   }

.navbar ul {
   color: white;
   background-color: transparent;
   list-style-type: none;
   list-style-position: inside;
   font-size: 12pt;
   margin: 0;
   padding: 0 0 0 1em;
   }

.navbar li {
   color: white;
   background-color: transparent;
   font-size: 12pt;
   margin: 0;
   padding: 1em 0 1em 1em;
   }

.navbar a:link {
   color: white;
   background-color: transparent;
   text-decoration: none;
   font-size: 12pt;
   }

.navbar a:visited {
   color: white;
   background-color: transparent;
   text-decoration: none;
   font-size: 12pt;
   }

.navbar a:hover {
   color: yellow;
   background-color: transparent;
   text-decoration: none;
   font-size: 12pt;
   font-weight: bold;
   }

/* Page */

#page-body {
   text-align: center;
   position: absolute;
      top: 100px;
      left: 200px;
      width: 800px;
      height: 540px;
   margin: 0;
   padding: 0;
   color: white;
   background-image: url('logo-bkg.jpg');
   font-family: times, verdana, helvetica, sans-serif;
   }

div.projects {
   text-align: left;
   position: relative;
   left: 88px;
   width: 600px;
   margin: 10px 0 10px 0;
   padding: 10px 0 10px 0;
   color: white;
   background-color: #ebebd6;
   font-family: times, verdana, helvetica, sans-serif;
   }

div.contact {
   text-align: center;
   position: absolute;
     top: 580px;
     left: 200px;
   width: 800px;
   margin: 0 0 10px 0;
   padding: 10px 0 10px 0;
   color: white;
   background-color: transparent;
   font-family: times, verdana, helvetica, sans-serif;
   font-size: 10pt;
   }

.page-body h1 {
   font-size: 24pt;
   text-align: center;
   color: white;
   background-color: transparent;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: italic;
   font-weight: bold;
   }

.page-body h2 {
   font-size: 18pt;
   color: yellow;
   background-color: transparent;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: normal;
   font-weight: bold;
   text-align: left;
   margin: 0.5em 0.5em 0.5em 0.75em;
   }

.page-body h3 {
   font-size: 16pt;
   color: white;
   background-color: transparent;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: normal;
   font-weight: bold;
   margin: 0.5em 0.5em 0.5em 1.0em;
   }

.page-body p  {
   font-size: 14pt;
   color: white;
   background-color: transparent;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   margin: 0.5em 0.5em 0.5em 1.0em;
   padding: 0;
   }

.page-body li  {
   font-size: 14pt;
   color: white;
   background-color: transparent;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   }

.page-body blockquote  {
   font-size: 14pt;
   color: white;
   background-color: transparent;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   }

.page-body a:link {
   font-style: normal;
   color: #ff0000;
   background-color: transparent;
   font-weight: normal;
   }

.page-body a:visited {
   font-style: normal;
   color: #aa0000;
   background-color: transparent;
   font-weight: normal;
   }

.page-body a:hover {
   font-style: normal;
   color:  #00ffff;
   background-color: transparent;
   font-weight: normal;
   }

.page-body table {
   background-color: #ebebd6;
   }

.page-body th {
   font-size: 12pt;
   color: black;
   background-color: #ebebd6;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: normal;
   font-weight: bold;
   margin: 1em 0.5em 1.5em 0.5em;
   padding: 0;
   }

.page-body td {
   font-size: 12pt;
   color: black;
   background-color: #ebebd6;
   font-family: times, verdana, helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   margin: 1em 0.5em 1.5em 0.5em;
   padding: 0.25em 0.5em 0.25em 0.5em;
   }