﻿/*************************************************************************************************************************
Main Body Parts
*************************************************************************************************************************/
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #5d5d5d;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
}
#MainContainer
{
    width: 730px;
    margin: 0px auto;
    padding: 0px;
}
a.BulletLink
{
    background-position: 0px 4px;
    display: block;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #8e0000;
    text-decoration: none;
}
a.BulletLink:hover
{
    background-position: 0px 4px;
    display: block;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}
a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #CC0000;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #5d5d5d;
    font-weight: bold;
    text-decoration: none;
}
.ImageFloatRight
{
    float: right;
}
.ImageFloatLeft
{
    float: left;
}
/*************************************************************************************************************************
Header Container
*************************************************************************************************************************/
#HeaderContainer
{
    width: 664px;
    height: 231px;
    padding: 0px 0px 0px 66px;
    margin: 0px;
    background-image: url('../imgs/Header_BG_Tile.png');
    background-repeat: repeat-x;
}
/*************************************************************************************************************************
Header Top
*************************************************************************************************************************/
#HeaderTop
{
    margin: 0px;
    padding: 0px;
    width: 664px;
    height: 84px;
    border-style: none;
    font-size: 1px;
}
#HeaderTopCol1
{
    width: 200px;
    height: 84px;
    padding: 0px;
    margin: 0px;
}
#HeaderTopCol2
{
    padding: 27px 0px 0px 10px;
    margin: 0px;
    height: 57px;
    width: 293px;
    background-image: url('../imgs/Top_Menu_BG_Tile.png');
    background-repeat: repeat-x;
}
#HeaderTopCol2 ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
#HeaderTopCol2 li.TopMenuSmall
{
    float: left;
    padding: 18px 4px 0px 4px;
    margin: 0px 2px 0px 1px;
    width: 46px;
    height: 39px;
    background-image: url('../imgs/Top_Menu_Link_BG_Small.png');
    background-repeat: no-repeat;
    text-align: center;
}
#HeaderTopCol2 li.TopMenuLarge
{
    float: left;
    width: 51px;
    height: 39px;
    padding: 18px 4px 0px 4px;
    margin: 0px 2px 0px 1px;
    background-image: url('../imgs/Top_Menu_Link_BG_Large.png');
    background-repeat: no-repeat;
    text-align: center;
}
#HeaderTopCol2 a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #7b7b7b;
    text-decoration: none;
}

#HeaderTopCol2 a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
}
#HeaderTopCol2 a:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}
#HeaderTopCol3
{
    padding: 0px;
    margin: 0px;
    width: 161px;
    height: 84px;
}
/*************************************************************************************************************************
Header Middle
*************************************************************************************************************************/
#HeaderMiddle
{
    padding: 0px;
    margin: 0px;
    border-style: none;
    width: 664px;
    height: 125px;
    font-size: 1px;
}
#HeaderMiddleCol1
{
    padding: 0px;
    margin: 0px;
    width: 200px;
    height: 125px;
}
#HeaderMiddleCol2
{
    padding: 0px;
    margin: 0px;
    width: 464px;
    height: 125px;
}
/*************************************************************************************************************************
Header Bottom
*************************************************************************************************************************/
#HeaderBottom
{
    border-style: none;
    padding: 0px;
    margin: 0px;
    width: 664px;
    height: 22px;
    font-size: 1px;
}
#HeaderBottomCol1
{
    padding: 0px;
    margin: 0px;
    width: 39px;
    height: 22px;
}
#HeaderBottomCol2
{
    width: 603px;
    height: 22px;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
}
#HeaderBottomCol2 ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#HeaderBottomCol2 li.ServMenuHeader
{
    padding: 3px 0px 0px 0px;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff;
    background-image: url('../imgs/Middle_Menu_BG_Hover.png');
    background-repeat: no-repeat;
    width: 76px;
    height: 19px;
    text-align: center;
    float: left;
}
#HeaderBottomCol2 li.ServMenuLink
{
    padding: 0px;
    margin: 0px 0px 0px 1px;
    width: 76px;
    height: 22px;
    text-align: center;
    float: left;
}
#HeaderBottomCol2 a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    display: block;
    width: 76px;
    height: 19px;
    padding: 3px 0px 0px 0px;
    margin: 0px;
    background-image: url('../imgs/Middle_Menu_BG_Normal.png');
    background-repeat: no-repeat;
}
#HeaderBottomCol2 a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    display: block;
    width: 76px;
    height: 19px;
    padding: 3px 0px 0px 0px;
    margin: 0px;
    background-image: url('../imgs/Middle_Menu_BG_Hover.png');
    background-repeat: no-repeat;
}
#HeaderBottomCol3
{
    padding: 0px;
    margin: 0px;
    width: 164px;
    height: 22px;
}
/*************************************************************************************************************************
Main Content Columns
*************************************************************************************************************************/
#MainContentContainerTable
{
    width: 730px;
    padding: 0px;
    margin: 0px;
    border-style: none;
}
.TopColumnSpacer
{
    width: 191px;
    height: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ffffff;
    padding: 0px;
    margin: 0px;
    font-size: 1px;
}
/***************************************************
Left Column
***************************************************/
#LeftColumn
{
    width: 191px;
    padding: 16px 0px 20px 0px;
    margin: 0px;
    background-image: url('../imgs/Left_Column_BG_Tile.png');
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}
#LeftColumn h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #8e0000;
    background-image: url('../imgs/Left_Column_Large_Header_BG.png');
    background-repeat: no-repeat;
    padding: 3px 9px 0px 9px;
    margin: 0px 12px 0px 12px;
    width: 149px;
    height: 19px;
}
#LeftColumn ul
{
    list-style-type: none;
    padding: 15px 0px 9px 0px;
    margin: 0px 13px 0px 12px;
    border-style: none solid solid solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
}
#LeftColumn li
{
    background-position: 8px 1px;
    padding: 0px 23px 0px 18px;
    margin: 0px 0px 15px 0px;
    background-image: url('../imgs/Left_Column_Bullet.png');
    background-repeat: no-repeat;
}
#LeftColumn a.BulletLink
{
    padding: 0px 0px 0px 9px;
    margin: 0px 0px 0px 78px;
    background-image: url('../imgs/Left_Column_Link_Bullet.png');
}
#LeftColumn a.BulletLink:hover
{
    padding: 0px 0px 0px 9px;
    margin: 0px 0px 0px 78px;
    background-image: url('../imgs/Left_Column_Link_Bullet.png');
}
#LeftColumn h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
    background-image: url('../imgs/Left_Column_Red_Ad_BG.png');
    background-repeat: no-repeat;
    padding: 9px 20px 9px 20px;
    margin: 21px 23px 8px 20px;
    width: 108px;
    height: 33px;
    text-align: center;
}
#WebPortfolioContainer
{
    padding: 0px 0px 0px 20px;
    margin: 0px;
    color: #978e77;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
#WebPortfolioContainer img
{
    padding: 0px;
    margin: 0px;
    width: 148px;
    height: 151px;
}
#WebPortfolioContainer a
{
    text-decoration: underline;
    color: #978e77;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
#WebPortfolioContainer a:hover
{
    text-decoration: none;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
#LeftColumnContactUsButton
{
    height: 75px;
    padding: 0px;
    margin: 36px 0px 8px 0px;
    text-align: center;
}
#LeftColumnContactUsButton img
{
    border: none;
    margin: 0px;
    padding: 0px;
    width: 175px;
    height: 75px;
}
/***************************************************
Middle Column
***************************************************/
#MiddleColumn
{
    width: 324px;
    padding: 18px 12px 20px 13px;
    margin: 0px;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #5d5d5d;
}
#MiddleColumn img
{
    padding: 0px;
    border: solid 1px #000000;
    margin: 10px;
}
#MiddleColumn h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #980000;
}
#EmailLoginLinks
{
    width: 324px;
    height: 65px;
}
#EmailLoginLinks img
{
    float: left;
    margin: 0px 0px 0px 6px;
    padding: 0px;
    border: none;
}
#MiddleColumn h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #8e0000;
    background-image: url('../imgs/Middle_Column_Header_BG_Tile.png');
    background-repeat: repeat-x;
    width: 314px;
    height: 41px;
    margin: 10px 0px 0px 0px;
    padding: 5px 0px 0px 10px;
}
#MiddleColumn b
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #5d5d5d;
}
#MiddleColumn blockquote
{
    background-position: 0px 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #828282;
    background-image: url('../imgs/Middle_Column_Bullet.png');
    background-repeat: no-repeat;
    padding: 0px 0px 0px 10px;
    margin: 10px 20px 10px 20px;
    width: 259px;
}
#MiddleColumn ul
{
    list-style-image: url('../imgs/Middle_Column_Bullet.png');
}
#MiddleColumn blockquote p
{
    padding: 0px;
    margin: 10px;
    text-align: right;
    font-style: italic;
}
#MiddleColumn blockquote a.BulletLink
{
    background-position: 195px 3px;
    text-align: right;
    background-image: url('../imgs/Middle_Column_Link_Bullet.png');
    background-repeat: no-repeat;
}
#MiddleColumn blockquote a.BulletLink:hover
{
    background-position: 195px 3px;
    text-align: right;
    background-image: url('../imgs/Middle_Column_Link_Bullet.png');
    background-repeat: no-repeat;
}
#MiddleColumn .PriceBlock
{
    text-align: right;
    padding: 0px;
    margin: 5px;
}
#MiddleColumn .PriceBlock img
{
    border: none;
    padding: 0px;
    margin: 2px;
}
/***************************************************
Right Column
***************************************************/
#RightColumn
{
    width: 191px;
    padding: 16px 0px 20px 0px;
    margin: 0px;
    background-image: url('../imgs/Right_Column_BG_Tile.png');
}
#RightColumn h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #8e0000;
    background-image: url('../imgs/Left_Column_Large_Header_BG.png');
    background-repeat: no-repeat;
    padding: 3px 9px 0px 9px;
    margin: 0px 11px 0px 13px;
    width: 149px;
    height: 19px;
}
#RightColumn ul
{
    padding: 0px;
    margin: 12px 11px 10px 13px;
    list-style-type: none;
}
#RightColumn li
{
    background-image: url('../imgs/Right_Column_Divider_Bar.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0px;
    margin: 0px;
    height: 22px;
}
#RightColumn li a
{
    background-position: right center;
    margin: 0px 15px 0px 0px;
    padding: 4px 15px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ce0000;
    text-decoration: none;
    display: block;
    height: 18px;
    background-image: url('../imgs/Right_Column_Bullet.png');
    background-repeat: no-repeat;
    text-align: right;
}
#RightColumn li a:hover
{
    background-position: right center;
    margin: 0px 15px 0px 0px;
    padding: 4px 15px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    display: block;
    height: 18px;
    background-image: url('../imgs/Right_Column_Bullet.png');
    background-repeat: no-repeat;
    text-align: right;
}
#GraphicsPortfolio
{
    color: #978e77;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 5px;
    padding: 5px 5px 5px 20px;
}
#GraphicsPortfolio img
{
    border: solid 1px #000000;
}
#GraphicsPortfolio a
{
    text-decoration: underline;
    color: #978e77;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
#GraphicsPortfolio a:hover
{
    text-decoration: none;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
#GraphicsPortfolio2
{
    color: #978e77;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 5px;
    padding: 5px 5px 5px 20px;
}
#GraphicsPortfolio2 img
{
    border: solid 1px #000000;
}
#GraphicsPortfolio2 a
{
    text-decoration: underline;
    color: #978e77;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
#GraphicsPortfolio2 a:hover
{
    text-decoration: none;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
/*************************************************************************************************************************
Footer
*************************************************************************************************************************/
#Footer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #9c9b9b;
    padding: 15px 0px 15px 0px;
    margin: 0px;
    background-color: #efefee;
    text-align: center;
}
