a:link { color: #cc6633; text-decoration: none }
a:active { color: #33cc99 }
a:visited { color: #cc6633; text-decoration: none }
a:hover { color: #cc6633; text-decoration: underline }

body {
     background-image: url('images/Catalyst-Background.jpg');
     background-position: top center;
     text-align: center;
     font-family: verdana, arial, sans-serif;
     margin: 0;
     color: #671805;
}

h1 {
   text-align: left;
   font-size: 20px;
   line-height: 23px;
   padding-bottom: 5px;
}

h2 {
   font-size: 15px;
}

h1 a:link, h1 a:active, h1 a:visited,
h2 a:link, h2 a:active, h2 a:visited {
   color: #671802;
   text-decoration: underline;
}

h1 a:hover,
h2 a:hover {
    color: #cc6633;
}

div.sites {
   float: left;
   width: 33%;
}

div.sites p {
   text-align: center;
}

img.left {
   float: left;
   padding-right: 10px;
   padding-bottom: 10px;
}

img.right {
   float: right;
   padding-left: 10px;
   padding-bottom: 10px;
}

p {
     text-align: left;
     font-size: 14px;
     line-height: 25px;
     padding-bottom: 15px;
}
p.center {
    text-align: center;
}

div.wrapper {
     width: 770px;
     margin: 0 auto;
     text-align: center;
}

div.logo {
     height: 110px;
}

div.divider {
     clear: both;
     height: 20px;
}

div.picture_box {
     width: 237px;
     height: 200px;
     float: right;
     position: relative;
     top: 10px;
     left: -6px;
}

div.content {
     width: 700px;
     margin: 0 auto;
     clear: both;
     position: relative;
     top: -40px;
}

div.footer {
     font-size: 10px;
     line-height: 15px;
     clear: both;
}

div.picture_block {
     float: right;
     width: 220px;
     height: 100px;
}

div.menu {
     width: 520px;
     margin: 0 auto;
     text-align: left;
     float: left;
}

#logo_button a {
     display: block;
     float: left;
     height: 90px;
     width: 300px;
     background: url('images/Logo-Button.gif');
     position: relative;
     left: 5px;
}

#logo_button a:hover {
     background-position: 0 -90;
}

#visual_fx_button a {
     display: block;
     float: left;
     height: 30px;
     width: 100px;
     background: url('images/Visual-FX-Button.gif') 0 0 no-repeat;    
}

#projects_button a {
     display: block;
     float: left;
     height: 30px;
     width: 100px;
     background: url('images/Projects-Button.gif') 0 0 no-repeat;    
}

#software_button a {
     display: block;
     float: left;
     height: 30px;
     width: 100px;
     background: url('images/Software-Button.gif') 0 0 no-repeat;    
}

#web_button a {
     display: block;
     float: left;
     height: 30px;
     width: 60px;
     background: url('images/Web-Button.gif') 0 0 no-repeat;    
}

#contact_button a {
     display: block;
     float: left;
     height: 30px;
     width: 100px;
     background: url('images/Contact-Button.gif') 0 0 no-repeat;    
}

#visual_fx_button a:hover, #projects_button a:hover, #software_button a:hover, #web_button a:hover,
#contact_button a:hover {
     background-position: 0 -30px;
}