﻿html, body
{
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    height: 100%;
    text-align: center;
    background-image: url(/App_Themes/Clydesdale/Images/bg01.jpg);
    background-color: #873100;
    background-repeat: repeat-x;
}
#home-container
{
    width: 950px;
    margin: 0 auto;
    text-align: left; /* this overrides the text-align: center on the body element. */
    background-image: url(/App_Themes/Clydesdale/Images/cube-home.jpg);
    background-repeat: no-repeat;
    position: relative;
    min-height: 100%;
}
#container
{
    width: 950px;
    margin: 0 auto;
    text-align: left; /* this overrides the text-align: center on the body element. */
    position: relative; 
    /*min-height: 100%;*/
}
#mainContent
{
    height: 586px;
    position: relative;
    padding: 0px 0px 50px 0px;
}
#main-content
{
    position: relative;
    width: 950px; /*z-index: 1;*/ /*top: 0px; 	left: 0px;*/ /*text-align:left;*/
    padding: 0px 0px 250px 0px;
}

#logo
{
    position: absolute;
    width: 238px;
    height: 106px;
    z-index: 1;
    left: 90px;
    top: 110px;
}
#home-text
{
    position: absolute;
    width: 388px;
    height: 270px;
    z-index: 1;
    left: 562px;
    top: 40px;
}

.text
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 12px;
    color: Black; /*#685541;*/ /*#7e8082;*/
}
h1
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 17px;
    color: #6A2600;
    font-weight: normal;
}
h4
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 14px;
    color: #6A2600;
    font-weight: bold;
}
p
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 12px;
    color: Black; /*#685541;*/ /*#7e8082;*/
}
ul
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 12px;
    color: Black; /*#685541;*/ /*#7e8082;*/
}
.blog-header
{
    font-family: "Georgia";
    font-size: 16px;
    color: #6A2600;
    font-weight: bold;
}
.blog-text
{
    font-family: "Verdana";
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}
a:link
{
    color: #441A02;
}
a:visited
{
    color: #431901;
}
a:hover
{
    color: #BA4200;
}
#cssnav
{
    position: absolute;
    width: 388px;
    height: auto;
    z-index: 1;
    left: 562px;
    top: 327px;
}
.cssnav
{
    position: relative;
    font-family: arial, helvetica, sans-serif;
    background: url(/App_Themes/Clydesdale/Images/autoresponder-bg2.gif) no-repeat;
    white-space: nowrap;
    display: block;
    width: 388px;
    height: 31px;
    margin: 0px;
    padding: 0px;
}
/*.cssnav a
{
    display: block;
    color: #ba4200;
    font-size: 12px;
    width: 388px;
    height: 31px;
    float: left;
    text-decoration: none;
}
.cssnav a:hover
{
    color: #FF6400;
}

.cssnav img
{
    width: 388px;
    height: 31px;
    border: 0;
}*/
* html a:hover
{
    visibility: visible;
}
/*.cssnav a:hover img
{
    visibility: hidden;
}
.cssnav span
{
    position: absolute;
    left: 55px;
    top: 10px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}*/
#getting
{
    position: absolute;
    width: 278px;
    height: 42px;
    z-index: 2;
    left: 488px;
    top: 444px;
}
#getting-over
{
    position: absolute;
    width: 278px;
    height: 42px;
    z-index: 2;
    left: 488px;
    top: 444px;
    visibility: hidden;
}
#getting-activator
{
    position: absolute;
    width: 278px;
    height: 42px;
    z-index: 99;
    left: 530px;
    top: 444px;
    visibility: visible;
}

#getting-cube
{
    position: absolute;
    width: 61px;
    height: 71px;
    z-index: 3;
    left: 458px;
    top: 367px;
    visibility: visible;
}
#getting-cube-activator
{
    position: absolute;
    width: 61px;
    height: 71px;
    z-index: 99;
    left: 458px;
    top: 367px;
    visibility: visible;
}
#getting-cube-large
{
    position: absolute;
    z-index: 5;
    left: 453px;
    top: 360px;
    visibility: hidden;
}
#shrink
{
    position: absolute;
    width: 298px;
    height: 34px;
    z-index: 2;
    left: 362px;
    top: 507px;
}
#shrink-activator
{
    position: absolute;
    width: 298px;
    height: 34px;
    z-index: 99;
    left: 362px;
    top: 507px;
}
#shrink-over
{
    position: absolute;
    width: 298px;
    height: 34px;
    z-index: 3;
    left: 362px;
    top: 507px;
    visibility: hidden;
}
#shrink-cube
{
    position: absolute;
    width: 50px;
    height: 58px;
    z-index: 3;
    left: 336px;
    top: 447px;
}
#shrink-cube-large
{
    position: absolute;
    z-index: 3;
    left: 330px;
    top: 440px;
    visibility: hidden;
}
#shrink-cube-activator
{
    position: absolute;
    z-index: 99;
    left: 336px;
    top: 440px;
    visibility: visible;
}
#envision
{
    position: absolute;
    width: 297px;
    height: 26px;
    z-index: 2;
    left: 262px;
    top: 559px;
}
#envision-over
{
    position: absolute;
    width: 297px;
    height: 26px;
    z-index: 2;
    left: 262px;
    top: 559px;
    visibility: hidden;
}
#envision-activator
{
    position: absolute;
    width: 297px;
    height: 26px;
    z-index: 99;
    left: 262px;
    top: 559px;
    visibility: visible;
}
#envision-cube
{
    position: absolute;
    width: 32px;
    height: 37px;
    z-index: 3;
    left: 244px;
    top: 515px;
}
#envision-cube-large
{
    position: absolute;
    z-index: 3;
    left: 237px;
    top: 509px;
    visibility: hidden;
}
#envision-cube-activator
{
    position: absolute;
    z-index: 99;
    left: 243px;
    top: 519px;
    visibility: visible;
}

.footer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #998B7D;
}

#container-blog
{
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    width: 950px;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
    background-image: url(/App_Themes/Clydesdale/Images/blogbg.gif);
}
#main-content-blog
{
    width: 950px;
    position: relative;
    padding-bottom: 27px;
    top: 0px;
    padding-top: 0px;
    height: 100%;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#footer-blog
{
    position: relative;
    margin: -25px auto 0 auto;
    width: 950px;
    height: 25px;
    visibility: visible;
}

#navcontainer
{
    width: 950px;
    height: 30px;
    text-align: center;
}

#footer
{
    position: absolute;
    width: 950px;
    z-index: 2;
    height: 30px;
    margin: 0;
    bottom: 0;
}

#s-footer
{
    position: absolute;
    width: 950px;
    z-index: 2;
    background-image: url(/App_Themes/Clydesdale/Images/s-footer.jpg);
    height: 250px;
    margin: 0;
    bottom: 0;
}

#s-navcontainer
{
    width: 950px;
    height: 29px;
    text-align: center;
    background-image: url(/App_Themes/Clydesdale/Images/bg01.jpg);
}
#s-navcontainer ul
{
    margin: 0px;
    list-style-type: none;
    text-align: center;
    color: #E6E2DF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
}

#s-navcontainer ul li
{
    display: inline;
}

#s-navcontainer ul li a
{
    text-decoration: none;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-top: 8px;
    color: #6a2600;
    width: 100%;
}

#s-navcontainer ul li a:hover
{
    color: #FFF;
    background: url(/App_Themes/Clydesdale/Images/dn.gif) repeat-x;
    text-decoration: none;
}
.s-cssnav
{
    position: relative;
    font-family: arial, helvetica, sans-serif;
    background: url(/App_Themes/Clydesdale/Images/s-autoresponder-bg2.gif) no-repeat;
    white-space: nowrap;
    display: block;
    width: 413px;
    height: 37px;
    margin: 0px;
    padding: 0px;
}
/*.s-cssnav a
{
    display: block;
    color: #ba4200;
    font-size: 12px;
    width: 413px;
    height: 37px;
    float: left;
    text-decoration: none;
}
.s-cssnav a:hover
{
    color: #FF6400;
}

.s-cssnav img
{
    width: 413px;
    height: 37px;
    border: 0;
}*/
* html a:hover
{
    visibility: visible;
}
/*.s-cssnav a:hover img
{
    visibility: hidden;
}
.s-cssnav span
{
    position: absolute;
    left: 66px;
    top: 13px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
*/
.line-bg
{
    background-color: #968677;
    background-image: url(/App_Themes/Clydesdale/Images/line.gif);
    background-repeat: repeat-y;
}
.quote
{
    font-size: 15px;
    font-style: italic;
    color: #b15521;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 23px;
}
td img
{
    vertical-align: bottom;
}
.s-footer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #998B7D;
    padding-left: 290px;
    padding-top: 90px;
}
#leftnav
{
    position: absolute;
    width: 242px;
    z-index: 3;
    top: 0px;
}

.left-bg
{
    background-color: #968677;
    background-image: url(/App_Themes/Clydesdale/Images/leftbg.gif);
    background-repeat: repeat-y;
    vertical-align: bottom;
}
.leftbg-blog
{
    background-color: #968677;
    background-image: url(/App_Themes/Clydesdale/Images/leftbg-blog.gif);
    background-repeat: repeat-y;
    vertical-align: bottom;
}
.postnav
{
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 3px;
    text-decoration: none;
}
.blognav
{
    margin-left: 30px;
}
.sf_postTitle
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif !important;
    font-size: 17px !important;
    color: #6A2600 !important;
    font-weight: normal !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: solid 1px #CCCCCC;
}

.sf_newsDate
{
}

.sf_postContent
{
    margin-bottom: 10px !important;
    margin-top: 15px !important;
}

.sf_readMore
{
    display: table-cell;
    padding-right: 10px !important;
    color: #B24506 !important;
}
.sf_postComments
{
    display: table-cell;
    padding-right: 10px !important;
    color: #B24506 !important;
}
.sf_postAuthor
{
    display: table-cell;
    padding-right: 10px !important;
    color: #B24506 !important;
}
.sf_postCategory
{
    display: table-cell;
    padding-right: 10px !important;
    color: #B24506 !important;
}
.sf_postTags
{
    display: table-cell;
    padding-right: 10px !important;
    color: #B24506 !important;
}
