﻿body
{
    font-family: Calisto MT, Trebuchet MS, Arial, Verdana;
    font-size: 12px;
    width: 992px;
    min-height: 700px;
    padding-top: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fae2b2;
    background-image: url("images/Background.png" );
    background-repeat: repeat-x;
    background-position: left 105px;
}
body.FrameWrapper
{
    font-family: Arial, Verdana;
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
    background-color: #336699;
    background-image: none;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;

}
html
{
}

/*  This tag is required in order to handle the png transparency issue in early IE browsers
    Add additional tags to any image that requires transparency*/
img, .Wrapper, .HeaderMenu, .Brand, a, div, input
{ behavior: url(iepngfix.htc) }
.Wrapper
{
    width: 992px;
    min-width: 992px;
    min-height: 720px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}
.Header
{
    position: relative;
    display: inline;
    height: 105px;
    width: 992px;
}
.HeaderBrand
{
    position: absolute;
    float: left;
}
.HeaderMenu
{
    position: relative;
    background-image: url(  "images/HeaderMenu.png" );
    background-repeat: no-repeat;
    height: 37px;
    width: 399px;
    top: 68px;
    left: 447px;
    z-index: 2;
}
.HeaderMenuContent
{
    padding-top: 10px;
    padding-left: 75px;
}
.Content
{
    clear: both;
    width: 992px;
    position: relative;
    top: 73px;
}
.ContentWrapper
{
    border-style: none;
    margin-left: 82px;
    background-image: url( "images/ContentFade.png" );
    background-repeat: no-repeat;
    width: 887px;
    height: 444px;
    position: relative;
    padding-bottom: 75px;
}
.ContentHeader
{
    background-image: url( "images/ContentHeader.png" );
    background-repeat: no-repeat;
    width: 601px;
    height: 15px;
}
.ContentSectionPageRightWrapper
{
    position: relative;    
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    background-image: url( "images/ContentBackground.png" );
    background-repeat: repeat-y;
    background-position: left 300;
    width: 601px;
    min-height: 550px;
    z-index: 2;
}
.ContentSectionPageRight
{
    position: relative;
    width: 590px;
    padding-bottom: 50px;

}
.ContentSectionPageLeftButton
{
    position: relative;
    top: 35px;
    left: 45px;
    z-index: 5;
    background-image: url( "images/ButtonPurpleGradient.png" );
    background-repeat: no-repeat;
    width: 133px;
    height: 41px;
    text-align: center;
    padding-top: 8px;
}
.ContentSectionPageLeftButton a
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 19px;
    font-weight: bold;
}
.ContentSectionPageLeftWrapper
{
    position: relative;
    color: #FFFFFF;
    float: left;
    padding-top: 103px;
    padding-left: 30px;
    width: 264px;
    display: inline;
    line-height: 1.2;
}
.ContentFooter
{
    background-image: url( "images/ContentFooter.png" );
    background-repeat: no-repeat;
    width: 601px;
    height: 23px;
}


iframe
{
    background-color: #336699;
    border: none;
    padding-bottom:0;
    margin-bottom:50;
    display:block;
    border:0px;
    border-style:none;
}
.FrameHeadWrapper
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 68px;
    background-color: #fae2b2;
}
.FrameHead
{
    width: 1118px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 68px;
    background-color: #fae2b2;
}
.FrameBrand
{
    position: absolute;
    float: left;
}
.FrameHeaderText
{
    position:absolute;
    font-weight: bold;
    left: 342px;
    top: 20px;
    width: 510px;
    text-align: center;
}
.FrameButton
{
    position: relative;
    text-align: center;
    padding-top:5px;
    float: right;
    right: 111px;
    top: 25px;
    height: 29px;
    width: 95px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    background-image: url("images/ButtonBack.png");
    background-repeat:no-repeat; 
}
.FrameButton a
{
    position: relative;
    
    color: #FFFFFF;    
    text-decoration: none;
}
.ExternalAsset1
{
    background-image: url( "images/photos.png" );
    background-repeat: no-repeat;
    position: relative;
    z-index: 6;
    width: 490px;
    height: 268px;
    top: -125px;
    left: -275px;
    float: left;
}
.ExternalAsset2
{
    background-image: url( "images/photos2.png" );
    background-repeat: no-repeat;
    position: relative;
    z-index: 6;
    width: 482px;
    height: 290px;
    top: -20px;
    left: 295px;
    float: left;
    position: absolute;
}

h1
{
    font-size: 33px;
    font-weight: bold;
}
h1.AboutUs
{
    color: #0b3172;
    font-weight: normal;
    width: 288px;
    margin-top: 0px;
    padding-top: 25px;
    padding-left: 13px;
}
h2
{
    font-size: 30px;
    font-weight: bold;
}
h3
{
    font-size: 26px;
    font-weight: bold;
}
h4
{
    font-size: 22px;
    font-weight: bold;
}
h5
{
    font-size: 20px;
    font-weight: bold;
}
h6
{
    font-size: 18px;
    font-weight: bold;
}
p
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    line-height: 1.25;
}
p.AboutUs
{
    padding-top: 10px;
    padding-left: 13px;
    
}
p.ProductsTitle
{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 515px;
text-align: center;
    padding-top: 10px;
    color: #3366ff;
}
p.ProductsSeparator
{
    background-image: url("images/dot.png");
    background-repeat: repeat-x;
    width: 550px;
    height: 4px;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;

}
p.ProductText
{
    padding-top:10px;
}
.ButtonPurchase
{
    position: relative;
    
    width: 134px;
    height: 38px;
    background-image: url('images/ButtonBlueGradient.png');
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size:20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6px;
    margin-top: 10px;
    cursor: pointer;
}
.ButtonPurchase a
{    
    text-decoration: none;
    color: #FFFFFF;
    cursor: pointer;
}
.ButtonLearnMoreProduct
{
    position: relative;
    width: 95px;
    height: 30px;
    background-image: url('images/ButtonPurpleGradientSmall.png');
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size:14px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.ButtonLearnMoreProduct a
{
    text-decoration: none;
    color: #FFFFFF;
    cursor: pointer;
}

/* MENU STYLES*/
.Menu1
{
}
.Menu1StaticMenuItemStyle
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin-right: 13px;
}
.Menu1StaticMenuStyle
{
}
.Menu1StaticHoverStyle
{
    color: #ff9a2b;
}
.Menu1StaticSelectedStyle
{
    color: #ff9a2b;
}
.Menu1DynamicSelectedStyle
{
    color: #ff9a2b;
}
.Menu1DynamicMenuStyle
{
}
.Menu1DynamicMenuItemStyle
{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #E85305;
}
.Menu1DynamicHoverStyle
{
    color: #ff9a2b;
    background-color: #011a2f;
}

