/*Styles for Design Innovation web site
   August 2008*/

/*Main Pages*/
   body {background-image: url(graphics/metal.jpg);
         background-repeat: repeat;
         font-family: serif;
         font-size: 1em; 
         color: black;
         overflow: scroll;}
   #head {background-image: url(graphics/redmetal.jpg);
         background-repeat: repeat-x;
         width: 1200px;
         height: 155px;
	 padding-right: 5px;
	 padding-left: 5px;}
   #icon {position: relative;
         left: 0px;
         top: 5px;
         visibility: visible}
   #logo {position: absolute;
         left: 160px;
         top: 25px;
         visibility: visible}
   #slogan {position: absolute;
         left: 1000px;
         top: 25px;
         visibility: visible}
   #ad1,#ad2,#ad3,#ad4,#ad5,#ad6{
         font-size: 25px;
         color: #FFFFFF;
         font-weight: bold;
         font-style: italic;
         font-family: serif;
         width: 500px;
         height: 40px;
         position: absolute; 
         left: 450px;
         top: 35px;
         text-align: center;
         visibility: hidden;}
   h2    {font-weight: bold;
         letter-spacing: 0.8;
         font-variant: small-caps;}
   #center {background-image: url(graphics/lightmetal.jpg);
         background-repeat: repeat;
	 padding: 5px 5px 20px 10px;
         width: 1200px;
         height: auto;}
   #center a {font-weight: bold;
         text-decoration: none;
         font-size: 1.2em;
         color: black;}
   #center a:hover {text-decoration: underline}
   #center img {border-width: 0px;}
   #buttons {position: absolute;
         left: 60px;
         top: 220px;
         z-index: 12;
         visibility: visible}
   #buttons img {margin: 10px;}
   #contact {background-image: url(graphics/redmetal.jpg);
         background-repeat: repeat-x;
         font-family: serif;
         font-size: 1em;
         color: white;
         text-align: center;
         font-weight: bold;
         width: 1200px;
         height: auto;
	 padding-right: 5px;
	 padding-left: 5px;
	 padding-top: 10px;
	 padding-bottom: 10px;
         clear: both;}
   #credits {font-size: 0.8em;
         color: white;
         text-align: center;}
   #credits a {color: white}

/*Form only*/
   #main td.label {text-align: right;
         font-weight: bold}
   #pnum {font-size: 0.9em;
         font-style: italic;
         font-weight: normal}
   #center td.input {text-align: left}
   #cform input {border: 1px inset silver}
   #form_buttons {text-align: center;
         margin-top: 40px}
   #form_buttons img {border-width: 0px}

/*Clients Page Only*/
   #cl1,#cl2,#cl3,#cl4,#cl5,#cl6,#cl7 {border-width: 0px}

/*Description Pages Only*/
   td.textlinks {text-align: center}
   td.textlinks a {font-weight: bold;
         color: black}
   td.linkedimg {text-align: center;
         width: 200px}
   td.linkedimg img {border-width: 0px;
         margin: 3px}
   td.desc img {border-width: 0px;
         margin: 10px;
         float: right;
         clear: right}
   p.imginstr {font-size: 0.8em;
         font-style: italic;
         font-weight: bold;
         font-family: arial,helvetica,sans-serif}
   p.modelno {font-style: italic}
   p.cost {font-weight: bold}

/*Form redirect page only*/
   h2.formend {font-variant: normal;
         margin-right: 50px}
   h3.formend {margin-right: 50px}