body
{
    margin: 0px 0px 0px 0px;
    padding: 0;
    font-size: medium;
    font-family: Verdana;
    color: #333333;
}
.companycolor
{
    color: #006600;
}
.backtotop
{
    font-size: small;
    font-family: 'Times New Roman' , Times, serif;
    color: #0066FF;
}

#prbody
{
    width: 800px;
    background-color: #FFFFFF;
    margin: 0px auto 0px auto;
}
#mainbody
{
    width: 800px;
    margin: 0px auto 0px auto;
}
#header
{
    background-position: left top;
    width: 800px;
    background: url('finalbackground.jpg');
    height: 140px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
}
#header hr
{
    font-size: medium;
    font-weight: bold;
    color: #008000;
}
#prmain
{
    background-position: left top;
    width: 800px;
}
#prmain h1
{
    align: center;
    margin: 1em 20px;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: normal;
    margin: 1em 20px;
    line-height: 1.3em;
    color: #006600;
}
#prmain h2
{
    margin: 1em 20px;
    text-transform: capitalize;
    font-weight: normal;
    margin: 1em 20px;
    line-height: 1.3em;
    color: #0033CC;
    font-size: large;
}
#prmain p
{
    margin: 5px;
    padding: 5px;
    text-align: left;
}

#main
{
    background-position: left top;
    width: 800px;
    background: url('greenbg.jpg');
    background-repeat: repeat-x;
}

#main h1
{
    align: center;
    margin: 1em 20px;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: normal;
    margin: 1em 20px;
    line-height: 1.3em;
    color: #006600;
}
#main h2
{
    margin: 1em 20px;
    text-transform: capitalize;
    font-weight: normal;
    margin: 1em 20px;
    line-height: 1.3em;
    color: #0033CC;
    font-size: large;
}
#main p
{
    margin: 15px;
    padding: 0px;
    text-align: left;
}
#main ul
{
    list-style-image: url('blockgreen.jpg');
}
#main li
{
    list-style-image: url('blockgreen.jpg');
    text-align: justify;
}
#main li:hover
{
    list-style-image: url('blockred.jpg');
    list-style-type: square;
    cursor: pointer;
}
#footer
{
    font-size: small;
    text-align: center;
    padding: 15px 0px 15px 0px;
    line-height: 18px;
}

#footer a
{
    color: #666;
    text-decoration: underline;
}

#footer a:hover
{
    color: #D51F45;
}


ul#navigation
{
    list-style: none;
    margin: 0px 0 15px 30px;
    padding: 102px 0px 0px 0px;
    height: 77px;
    width: 666px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #FFFFFF;
}
ul#navigation li
{
    display: inline;
    line-height: 1em;
    background-color: #0066CC;
    color: #FFFFFF;
}
ul#navigation li:hover
{
    display: inline;
    line-height: 1em;
    background-color: #00CC00;
    color: #FFFFFF;
}
ul#navigation li a
{
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
}
ul#navigation li a:hover
{
    color: #FFFFFF;
}
body#home ul#navigation li.home a, body#design ul#navigation li.design a, body#projects ul#navigation li.projects a, body#technology ul#navigation li.technology a, body#features ul#navigation li.features a, body#leed ul#navigation li.leed a, body#contactus ul#navigation li.contactus a
{
    color: #000099;
}
body#home ul#navigation li.home, body#design ul#navigation li.design, body#projects ul#navigation li.projects, body#technology ul#navigation li.technology, body#features ul#navigation li.features, body#leed ul#navigation li.leed, body#contactus ul#navigation li.contactus
{
    background-color: #00CC00;
}
.design
{
    background-image: url('../images/designImage.png');
    background-repeat: no-repeat;
    background-color: #99CCFF;
}
.leftPanel
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 300px;
    border: thick solid #000000;
}

.rightPanel
{
    position: relative;
    top: 0px;
    right: 0px;
    width: 300px;
    border: thick solid #000000;
}

.floatRight
{
    border: 2px solid Black;
    float: right;
    width: 246px;
    background-color: White;
    padding: 10px;
    margin: 8px;
    font-size: small;
}
.floatRight:hover
{
    font-weight: bold;
    background-color: #66FF33;
}
.floatLeft
{
    border: 2px solid Black;
    float: left;
    width: 253px;
    background-color: White;
    padding: 10px;
    margin: 8px;
    font-size: small;
}
.floatLeft:hover
{
    font-weight: bold;
    background-color: #66FF33;
}