* {margin:0; padding:0;}

body {font: 12px verdana, arial, sans-serif; line-height:20px;/* overal font and sizing */
      background-color: #ffffff;
      background-image: url(images/bkground_tex.png);
      background-repeat: repeat;
}

div#maincontainer {width:920px; margin:auto;
}

.bkground1 {background-image: url(images/bkground1.jpg);
            background-repeat: no-repeat;
}

.bkground2 {background-image: url(images/bkground2.jpg);
            background-repeat: no-repeat;
}

.bkground3 {background-image: url(images/bkground3.jpg);
            background-repeat: no-repeat;
}

div#logo {width:300px; min-height:100px;
          float:left;
          text-align:center;
}

div#client {min-width:100px; min-height:25px;
            float:right;
            margin-bottom:5px;
            text-align:center;
            margin:30px 30px 0 0;
            border:1px #cc6600 solid;
            border-radius:5px 5px 5px 5px;
            -moz-border-radius:5px 5px 5px 5px;
            -webkit-border-radius:5px 5px 5px 5px;
            background-color:#f4f4ea;
}

div#menu {width:600px; min-height:45px;
          margin:50px auto 5px auto;
          border:1px #cc6600 solid;
          border-radius:5px 5px 0 0;
          -moz-border-radius:5px 5px 0 0;
          -webkit-border-radius:5px 5px 0 0;
          text-align:center;
          background-color:#f4f4ea;
          clear:both;
}

div#maincontent {width:600px; min-height:400px;
                 margin:5px auto 5px auto;
                 border:1px #cc6600 solid;
                 border-radius:0 0 5px 5px;
                 -moz-border-radius:0 0 5px 5px;
                 -webkit-border-radius:0 0 5px 5px;
                 background-color:#f4f4ea;
}

div#footer {width:300px; min-height:70px;
            margin:auto;
            border:0px black solid;
}

h4 {margin:10px;
    color:#cc6600;
    font-size:1.0em;
    font-weight:500;
}

p {margin:10px;
}

ul {list-style-type:none;
}

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

a:hover {color:#006600;
          text-decoration:underline;
}

a:active {color:#cc6600;
          text-decoration:underline;
}

td {font-size:12px
}

li {margin-left:20px;    
}

div#footer p {text-align:center;
}

div#menu li {float:left;
             margin-left:0;
} 

div#menu a {display:block;
            width:140px;
} 

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
    display: block;          /* inline elements don't respond to the clear property */
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */