*
{
   margin: 0px;
   padding: 0px;
}

body, html
{
   height: 100%;
}

body
{
   background: #ffffff url(../images/main_bg.gif) no-repeat;
   font-family: helvetica, arial, verdana, sans-serif;
   font-size: 9pt;
}

a
{
   color: #00ff00;
   text-decoration: none
}

a:hover
{
   color: #ff00ff;
}

a .alt
{
   display: none;
}

img
{
   border: 0px;
}

.menuHomeButton
{
   background-image: url('../images/menu/menu_home.gif');
   position: absolute;
   top: 117px;
   left: 478px;
   width: 313px;
   height: 60px;
}

.menuHomeButton:hover { background-image: url('../images/menu/menu_home_o.gif'); }
.menuHomeButtonOn { background-image: url('../images/menu/menu_home_o.gif'); }

.menuAboutButton
{
   background-image: url('../images/menu/menu_about.gif');
   position: absolute;
   top: 177px;
   left: 483px;
   width: 282px;
   height: 60px;
}

.menuAboutButton:hover { background-image: url('../images/menu/menu_about_o.gif'); }
.menuAboutButtonOn { background-image: url('../images/menu/menu_about_o.gif'); }

.menuGalleryButton
{
   background-image: url('../images/menu/menu_gallery.gif');
   position: absolute;
   top: 244px;
   left: 467px;
   width: 313px;
   height: 60px;
}

.menuGalleryButton:hover { background-image: url('../images/menu/menu_gallery_o.gif'); }
.menuGalleryButtonOn { background-image: url('../images/menu/menu_gallery_o.gif'); }

.menuContactButton
{
   background-image: url('../images/menu/menu_contact.gif');
   position: absolute;
   top: 307px;
   left: 527px;
   width: 275px;
   height: 60px;
}

.menuContactButton:hover { background-image: url('../images/menu/menu_contact_o.gif'); }
.menuContactButtonOn { background-image: url('../images/menu/menu_contact_o.gif'); }

#mainContentContainer
{
   position: absolute;
   top: 130px;
   bottom: 0px;
   left: 20px;
   width: 430px;
   height: expression(document.body.clientHeight - (130) + "px");
   overflow-x: hidden;
   overflow-y: auto;
}

.mainContentHeader
{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
}

.mainContentHeaderSquare
{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 20px;
   height: 20px;
   background: #00ff00;
}

.mainContentHeaderTitle
{
   position: absolute;
   top: -4px;
   left: 20px;
   letter-spacing: -1px;
   text-transform: uppercase;
   font-size: 19pt;
}

.mainContentBlock
{
   position: absolute;
   top: 20px;
   left: 0px;
   width: 414px;
   background: #000000;
   color: #ffffff;
}

.mainContentBlock p
{
   padding: 15px 15px 0px 15px;
}

#featuredWorksTitle
{
   position: absolute;
   top: 400px;
   left: 593px;
}

#featuredWorksContainer
{
   position: absolute;
   top: 416px;
   left: 503px;
   width: 301px;
   height: 116px;
   background: #000000;
}

#greenLine
{
   position: absolute;
   top: 0px;
   left: 500px;
   width: 3px;
   height: 100%;
   background: #00ff00;
}

#copyright
{
   position: absolute;
   bottom: 3px;
   left: 508px;
   font-size: 8pt;
}

a.galleryThumb
{
   float: left;
   display: block;
   margin-top: 10px;
   margin-left: 10px;
   width: 75px;
   height: 75px;
   border: 2px solid #000000;
}

a.galleryThumb:hover
{
   border: 2px solid #00ff00;
}