﻿/************ Layout ************/
div#mainVideo
{
    float: left;
    width: 464px;
    height: 261px;
    margin: 0 0 0 10px;
    padding: 0;
}
div#flashAnimationMain
{
    clear: both;
    width: 755px;
    margin-bottom: 10px;
}
div#banner
{
    position: absolute;
    right: 0;
    top: 0;
}
/********** Typography **********/
/*********** Elements ***********/
div#mainMenu table
{
    float: right;
    margin: -4px 5px 5px 0;
}
#power a:link, #power a:visited, #power a:active
{
    width: 265px;
    height: 61px;
    display: block;
    background: transparent url(../graphics/SpriteButtons.png) no-repeat 0 0;
}
#power a:hover
{
    background: transparent url(../graphics/SpriteButtons.png) no-repeat -265px 0;
}
#water a:link, #water a:visited, #water a:active
{
    width: 265px;
    height: 61px;
    display: block;
    background: transparent url(../graphics/SpriteButtons.png) no-repeat 0 -63px;
}
#water a:hover
{
    background: transparent url(../graphics/SpriteButtons.png) no-repeat -265px -63px;
}
#environment a:link, #environment a:visited, #environment a:active
{
    width: 265px;
    height: 61px;
    display: block;
    background: transparent url(../graphics/SpriteButtons.png) no-repeat 0 -124px;
}
#environment a:hover
{
    background: transparent url(../graphics/SpriteButtons.png) no-repeat -265px -124px;
}
#community a:link, #community a:visited, #community a:active
{
    width: 265px;
    height: 61px;
    display: block;
    background: transparent url(../graphics/SpriteButtons.png) no-repeat 0 -186px;
}
#community a:hover
{
    background: transparent url(../graphics/SpriteButtons.png) no-repeat -265px -186px;
}
table#bottomLinks tr td
{
    background: #EFEFEF;
}
table#bottomLinks tr td
{
    font-size: 1.1em;
    margin-left: 3px;
}
table#bottomLinks tr td a span
{
    text-decoration: underline;
}
table#bottomLinks tr td#shareButton a:link, table#bottomLinks tr td#shareButton a:visited
{
    width: 89px;
    height: 65px;
    background: transparent url(../graphics/ShareYourIdeasButton.png) no-repeat 0 0;
}
table#bottomLinks tr td#shareButton a:hover, table#bottomLinks tr td#shareButton a:focus, table#bottomLinks tr td#shareButton a:active
{
    width: 89px;
    height: 65px;
    background: transparent url(../graphics/ShareYourIdeasButton.png) no-repeat 0 -65px;
}
table#bottomLinks tr td span:hover
{
    cursor: hand;
}
