
HTML, BODY {
    margin: 0px;
    padding: 0px;
}

BODY {
    background-color: #000000;
}

#PageHeader, #PageMenu, #PageBody, #PageFooter {
    width: 100%;
    position: relative;
}

#PageHeader > DIV, #PageMenu > UL, #PageFooter > DIV {
    width: 924px;
    position: relative;
    left: 50%;
    margin: 0px 0px 0px -462px;
    padding: 0px;
}

#PageHeader {
    height: 100px;
    top: 0px;
    background-image: url('../assets/pageheader-bg.png');
    background-repeat: repeat-x;
    z-index: 2000;
}

#PageHeader A.Logo {
    display: block;
    float: left;
    width: 58px;
    height: 75px;
    position: relative;
    left: 0px;
    top: 15px;
}

#PageHeader A.Name {
    display: block;
    float: left;
    width: 600px;
    height: 50px;
    position: relative;
    left: 20px;
    top: 40px;
    font-size: 28px;
    font-weight: 300;
    color: #f6f7f7;
}

#xPageBanner {
width: 1200px;
height: 500px;
    overflow: hidden;
}

#xPageBanner > DIV {
width: 1200px;
height: 500px;
overflow: hidden;
display: block;
position: absolute;
}

#PageBanner DIV.Caption, #cs-caption-PageBanner {
    position: absolute;
    top: 455px;
    right: 50%;
    width: 924px;
    height: 30px;
    padding: 0px;
    margin: 0px -462px 0px 0px;
    border: none;
    font-size: 25px;
    font-weight: 300;
    text-align: right;
    text-transform: lowercase;
    text-shadow: 0px 0px 8px #000000, 1px 1px 0px #000000;
    letter-spacing: 1px;
    color: #ffffff;
    z-index: 1001;
}

#PageMenu.Fixed {
    position: fixed;
    top: 0px;
}

#PageMenu {
    height: 63px;
    background-image: url('../assets/pagemenu-bg.png');
    background-repeat: repeat-x;
    box-shadow: 0px 1px 5px #606060;
    z-index: 3000;
}

#PageMenu > UL {
    list-style-type: none;
}

#PageMenu > UL > LI {
    float: left;
    height: 63px;
    margin: 0px;
}

#PageMenu > UL > LI > A {
    display: block;
    width: auto;
    height: 63px;
    padding: 18px 20px 0px 20px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #424242;
}

#PageMenu > UL > LI > A:hover {
    text-shadow: 0px 0px 2px #a0a0a0;
}

#PageMenu > UL > LI:first-child > A {
    padding-left: 0px;
}

#PageMenu > UL > LI:last-child {
    float: right;
}

#PageMenu > UL > LI:last-child > A {
    padding-right: 0px;
}

#PageMenu > UL > LI + LI {
    background-image: url('../assets/pagemenu-mid.png');
    background-repeat: no-repeat;
}

#PageBody.Fixed {
    top: 63px;
    margin-bottom: 263px;
}

#PageBody {
    margin: 0px 0px 200px 0px;
    padding: 25px 0px 25px 0px;
    background-color: #ffffff;
    z-index: 2500;
}

#PageBody > DIV.Sidebar {
    width: 243px;
    position: absolute;
    left: 50%;
    padding: 0px 15px 0px 0px;
    margin: 0px 0px 0px -462px;
}

#PageBody > DIV.Interior, #PageBody > DIV.Counter  {
    width: 681px;
    position: relative;
    left: 50%;
    margin: 0px 0px 0px -219px;
    padding: 0px 0px 0px 15px;
    border-left: 1px dotted #d0d0d0;
}

#PageBody > DIV.Interior > H1 {
    padding-bottom: 10px;
    font-size: 30px;
    font-weight: 300;
    color: #424242;
    border-bottom: 1px dotted #d0d0d0;
}

#PageBody > DIV.Interior > H1:first-child, #PageBody > DIV.Interior > P:first-child {
    margin-top: 0px;
}

#PageBody > DIV.Interior > P:last-child {
    margin-bottom: 0px;
}

#PageBody > DIV.Interior > H2 {
    padding-bottom: 6px;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #646464;
}

#PageBody > DIV.Interior > H3 {
    padding-bottom: 3px;
    font-size: 16px;
    font-weight: 300;
    color: #254053;
}

#PageBody > DIV.Interior > H4 {
    padding-bottom: 2px;
    font-size: 14px;
    font-weight: 300;
    color: #254053;
}

#PageBody > DIV.Interior > H1.Strong, #PageBody > DIV.Interior > H2.Strong {
    font-weight: 600;
}

#PageBody > DIV.Counter {
    height: 30px;
    padding: 15px 0px 0px 0px;
    font-size: 11px;
    text-align: right;
    color: #808080;
}

#PageFooter {
    height: 200px;
    position: fixed;
    bottom: 0px;
    background-image: url('../assets/pagefooter-bg.png');
    background-repeat: repeat-x;
    z-index: 0;
}

#PageFooter DIV.Address {
    display: block;
    width: 145px;
    height: 145px;
    position: absolute;
    left: 0px;
    top: 20px;
    font-size: 14px;
    color: #807d7d;
}

#PageFooter A.Map {
    display: block;
    width: 200px;
    height: 120px;
    position: absolute;
    left: 200px;
    top: 25px;
}

#PageFooter DIV.Phones {
    display: block;
    width: 225px;
    height: 145px;
    position: absolute;
    left: 475px;
    top: 20px;
    font-size: 14px;
    color: #807d7d;
}

#PageFooter DIV.Details {
    display: block;
    width: 224px;
    height: 145px;
    position: absolute;
    left: 700px;
    top: 20px;
    font-size: 14px;
    color: #807d7d;
}

#PageFooter DIV.Copyright, #PageFooter DIV.Design {
    display: block;
    width: 462px;
    height: 35px;
    position: absolute;
    top: 165px;
    font-size: 12px;
    color: #807d7d;
}

#PageFooter DIV.Copyright {
    left: 0px;
}

#PageFooter DIV.Design {
    right: 0px;
    text-align: right;
}

#PageFooter B {
    color: #9a9696;
}

#PageFooter HR {
    border-top: 1px dotted #424242;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

#PageSubmenu.Fixed {
    position: fixed;
    top: 88px;
}

#PageSubmenu {
    width: 228px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 16px;
    background-image: url('../assets/pagemenu-bg.png');
}

#PageSubmenu > LI {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px dotted #808080;
    border-left: 1px dotted #808080;
    border-right: 1px dotted #808080;
    background-image: url('../assets/ptr-bo.png');
    background-repeat: no-repeat;
    background-position: 8px 50%;
}

#PageSubmenu > LI:first-child {
    border-top: 1px dotted #808080;
}

#PageSubmenu A {
    display: block;
    padding: 8px 4px 8px 20px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #424242;
}

#PageSubmenu A:hover {
    text-shadow: 0px 0px 2px #a0a0a0;
}
