/*================================================================================*/
/*    Designamatic.css                         Last Revision: Klinn 2006/06/07    */
/*================================================================================*/


/*----Universal CSS White Space Reset----*/
* { padding: 0; margin: 0; }

/*----Standard white space rules----uncomment if needed----
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label,
    ul, ol, dl, fieldset, address { margin: 1em 5%; }
li, dd { margin-left: 5%; }
fieldset { padding: .5em; } ----*/

/*--------------------------------------------------------------------------------*/
/*----basic styles For this site--------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

p { margin-top: 1em; }

p.ThreeQuarterHeight { margin-top: .75em; }

p.HalfHeight { margin-top: .5em; }

p.OneAndAHalfHeight { margin-top: 1.5em; }

p.DoubleHeight { margin-top: 2em; }

img.Preload { display: none; }

body {
    font: 21px "Times New Roman", Times, serif;
    background-color: #404040;
    background-image: url(Graphics/NaugahydeBlack01.jpg); }

div.MainText {
    font: 21px "Times New Roman", Times, serif;
    padding-left: 30px;
    padding-right: 20px; }

div.Quote {
    font: italic 19px "Times New Roman", Times, serif;
    padding-left: 50px;
    padding-right: 50px; }

div.SectionTitle {
    font: 22px Arial, Helvetica, sans-serif;
    margin-bottom: 8px; }

img.SectionIcon {
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 8px;
    border: none; }

hr.Contact { margin: 2em 40px 10px 40px; }

a.Thumbnail {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    background-color: transparent;
    height: 75px;
    width: 100px; }

a.ThumbnailTDU {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    background-color: transparent;
    height: 113px;
    width: 200px; }

a.ThumbnailTDUList {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    background-color: transparent;
    height: 113px;
    width: 200px; }

a.Thumbnail150 {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    background-color: transparent;
    width: 150px; }

div.ThumbnailText {
    font: 19px "Times New Roman", Times, serif;
    height: 75px;
    margin-right: 15px; }

div.ThumbnailTitle { font: 19px Arial, Helvetica, san-serif; }

div.ThumbnailInfo { font: 18px Arial, Helvetica, san-serif; }

ul, ol { margin-left: 40px; margin-right: 30px; }

pre.Code { font: 17px "Courier New", Courier;
    margin-left: -2em;
    margin-right: 20px;
    margin-bottom: -1em; }

pre.SmallCode { font: 14px "Courier New", Courier;
    margin-left: -2em;
    margin-right: 20px;
    margin-bottom: -1em; }

/*--------------------------------------------------------------------------------*/
/*----styles for basic framework of every page------------------------------------*/
/*--------------------------------------------------------------------------------*/

div.Header { 
    background-image: url(Graphics/DesignamaticDash01.jpg);
    background-position: 600px 0px;
    height: 100px; }

img.HeaderTitle {
    height: 100px;
    width: 995px; }

div.Menu { 
    float: left;
    padding-top: 20px;
    width: 220px; } 

div.Content {
    background-image: url(Graphics/ContentBackground01.gif);
    margin-left: 220px;
    width: 730px;
    padding: 30px 20px 30px 20px; }

div.Footer { 
    clear: both; 
    background-image: url(Graphics/FooterBackground01.jpg);
    height: 100px; }

img.FooterContact {
    position: absolute;
    margin-top: 35px;
    right: 20px; }

/*--------------------------------------------------------------------------------*/
/*----styles below control the navigation menu buttons----------------------------*/
/*--------------------------------------------------------------------------------*/

a.MenuButMain, a.MenuButMain:hover, a.MenuButMainSel {
    display: block;
    margin-left: 15px;
    margin-top: 6px;
    font: 19px Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    height: 50px;
    width: 200px; }

a.MenuButMain {
    line-height: 235%;
    color: #F0D0B0;
    background-image: url(Graphics/MenuButMain01.gif); }

a.MenuButMain:hover, a.MenuButMainSel {
    line-height: 255%;
    color: #FFF8E8;
    background-image: url(Graphics/MenuButMainSel01.gif); }

a.MenuButSub, a.MenuButSub:hover, a.MenuButSubSel {
    display: block;
    margin-left: 25px;
    margin-top: 0px;
    font: 18px Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    background-position: 0px -7px;
    background-repeat: no-repeat;
    height: 42px;
    width: 180px; }

a.MenuButSub {
    line-height: 165%;
    color: #503020;
    background-image: url(Graphics/MenuButSub01.gif); }

a.MenuButSub:hover, a.MenuButSubSel {
    line-height: 185%;
    color: #402000;
    background-image: url(Graphics/MenuButSubSel01.gif); }