/* Basic page layout */
html, body {
    text-align: center;
    font-family: "Trebuchet MS", "Trebuchet", "Arial", "Helvetica", sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    background: #0b216a url(/images/theme-poolpros/bg-tile.jpg) repeat-x scroll left top;
}

body {
    background: transparent url(/images/cache/images-util-corners-71528a5b3de21eed9d2a942f7e36c467.png) no-repeat scroll left top;
    width: 810px;
    margin: 0 auto;
    padding: 0 13px;
    text-align: left;
    /* If you're using fancybox and it won't center, use    */
    /* position: static;                                    */
    /* Beware that this can introduce IE6 problems          */
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    font-weight: normal;
    font-family: "Trebuchet MS", "Trebuchet", "Arial", "Helvetica", sans-serif;
}

h1 { font-size: 178.5714%; margin: 0 0 0.7000em 0; }
h2 { font-size: 157.1429%; margin: 0 0 0.7955em 0; }
h3 { font-size: 135.7143%; margin: 0 0 0.9211em 0; }
h4 { font-size: 121.4286%; margin: 0 0 1.0294em 0; }
h5 { font-size: 107.1429%; margin: 0 0 1.1667em 0; }
h6 { font-size: 100.0000%; margin: 0 0 1.2500em 0; }

body.home h1 {
    margin-top: 0;
}

ul, ol, p, form {
    margin-top: 0;
    margin-bottom: 1.25em;
}

#header {
    background-color: #0b216a;
    height: 74px;
    padding: 22px 0 0 18px;
}

#logo {
    display: block;
}

#main {
    float: left;
    position: relative;
    width: 810px;
    background: white url(/images/cache/images-util-corners-856f53004a28c30ea119f4572d833e67.png) no-repeat scroll left bottom;
    min-height: 380px;
}

#content {
    width: 585px;
    padding-right: 36px;
    float: right;
    font-size: 87.5000%;    color: #172f89;
    padding-top: 1.25em;
}

body.home #content {
    padding-top: 0;
}

legend {
    color: #172f89;
}

#sidebar {
    display: inline; /* IE6 fix */
    float: left;
    margin: 0;
    width: 153px;
    padding-left: 18px;
    font-size: 81.2500%;}

#sidebar h1 { font-size: 176.9231%; margin: 0 0 0.7065em 0; }
#sidebar h2 { font-size: 153.8462%; margin: 0 0 0.8125em 0; }
#sidebar h3 { font-size: 138.4615%; margin: 0 0 0.9028em 0; }
#sidebar h4 { font-size: 123.0769%; margin: 0 0 1.0156em 0; }
#sidebar h5 { font-size: 107.6923%; margin: 0 0 1.1607em 0; }
#sidebar h6 { font-size: 100.0000%; margin: 0 0 1.2500em 0; }

#sidebar div.sidebar_item {
    clear: left;
    margin-bottom: 2.50em;
}

#sidebar div.sidebar_item.share {
    float: left;
    margin-bottom: 3.25em;
}

#sidebar a {
    color: ;
}

#sidebar .newsIndex ul,
#sidebar ul.rssFeed {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#sidebar .newsIndex li, #sidebar .rssFeed li {
    margin-bottom: 1.25em;
}

#sidebar h2 a {
    color: black;
    text-decoration: none;
}

#sidebar div.ebook div.floatRight {
    margin-left: 8px;
}

#sidebar a.button {
    border: 1px solid #1685c9;
    border-right-color: black;
    border-bottom-color: black;
    padding: 2px 4px;
    font-weight: bold;
    text-decoration: none;
    background: #0b216a;
    color: white;
}

#sidebar div.ebook a.button:hover {
    text-decoration: underline
}

/* Menu styles */
#menubar {
    float: left;
    width: 179px;
}

.menu {
    margin: 5px;
    width: 153px;
    height: 275px;
    padding: 13px;
    list-style: none;
    position: relative;
    background: white url(/images/cache/images-util-corners-078cd1b204e498b8f4103a58212ed4ab.png) no-repeat scroll left top;
    font-size: 112.5000%;    display: inline; /* IE6 margin fix */
    float: left;
}

body.home #menubar {
    width: 800px;
}

body.home .menu {
    width: 774px;
    height: 275px;
    background-image: url(/images/cache/images-util-corners-0b514f850832278d0aa1c54c3ac64b2b.png);
}

.menu li {
    padding: 2px 0;
    float: left;
    clear: left;
}

.menu li.first {
    padding-top: 10px;
}

.menu a {
    display: block;
    color: white;
    text-decoration: none;
    background: transparent url(/images/theme-poolpros/button.png) no-repeat scroll left top;
    height: 33px;
    line-height: 33px;
    width: 123px;
    padding: 0 0 0 30px;
    margin: 0;
}

.menu a:hover, .menu .hover {
    color: #0b216a;
}

.menu ul {
    margin: 0;
    padding: 8px 0 0 17px;
    list-style: none;
    position: absolute;
    top: 13px;
    right: 13px;
    height: 267px;
    width: 106px;
    background-color: white;
    font-size: 72.2222%;    font-weight: bold;
    overflow: hidden;
    display: none;
}

body.home .menu ul {
    display: block;
}

.menu ul li {
    padding: 0;
    background: transparent url(/images/theme-poolpros/construction.png) no-repeat scroll left top;
}

.menu ul li.contstruction {
    background-image: url(/images/theme-poolpros/construction.png);
}

.menu ul li.maintenance {
    background-image: url(/images/theme-poolpros/maintenance.png);
}

.menu ul li.renovation {
    background-image: url(/images/theme-poolpros/renovation.png);
}

.menu ul a {
    color: #2314c3;
    padding: 69px 0 2px 12px;
    height: 18px;
    width: 94px;
    background: none;
    line-height: 15px;
    background: transparent url(/images/theme-poolpros/chevron.png) no-repeat scroll left 71px;
}

.menu ul li.first {
    padding: 0;
    margin: 0;
}

#slideshow {
    background-color: white;
    width: 480px;
    height: 275px;
    position: absolute !important;
    z-index: 2;
    left: 171px;
    top: 18px;
    border-left: 18px solid white;
    overflow: hidden;
}

 /* Footer Styles */
#footer {
    clear: both;
    font-size: 75.0000%;    text-align: center;
    color: white;
    background: transparent url(/images/cache/images-util-corners-54fd11912d166eef812ab29359c6a861.png) no-repeat scroll left top;
    padding-top: 20px;
    padding-bottom: 1.25em;
    width: 100%;
}

#footer a {
    color: white;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footTextlinks a {
    padding: 0 10px;
}

#footElements {
    font-style: normal;
    margin-bottom: 1.25em;
}

#copyright { margin-bottom: 0; }
#developerNotice { margin-top: 0; }

/* Social media icons */
#share {
    float: left;
    width: 153px;
    height: 60px;
    font-size: 76.9231%;}

#share iframe {
    width: 153px;
    height: 52px;
    margin: 6px 0 0;
    padding: 0;
    border: 0;
}

#share a, .st_sharethis {
    display: inline; /* IE6 fix */
    float: left;
    line-height: 16px;
    height: 16px;
    padding: 0 5px 0 18px;
    margin-bottom: 5px;
    background: transparent url(/images/util/social-icons/16x16.png) no-repeat;
    color: black;
    text-decoration: none;
}

.st_sharethis {
    min-width: 48px;
    padding-right: 0;
}

#stwrapper {
    margin-left: -100px;
}

#share a:hover {
    text-decoration: underline;
}

#share a.bookmark    { background-position: 0 -0px; }
#share a.delicious   { background-position: 0 -20px; }
#share a.digg        { background-position: 0 -40px; }
#share a.email       { background-position: 0 -60px; }
#share a.facebook    { background-position: 0 -80px; }
#share a.flickr      { background-position: 0 -100px; }
#share a.google      { background-position: 0 -120px; }
#share a.itunes      { background-position: 0 -140px; }
#share a.linkedin    { background-position: 0 -160px; }
#share a.myspace     { background-position: 0 -180px; }
#share a.reddit      { background-position: 0 -200px; }
#share a.rss         { background-position: 0 -220px; }
#share a.sharethis   { background-position: 0 -240px; }
.st_sharethis        { background-position: 0 -240px; }
#share a.twitter     { background-position: 0 -260px; }
#share a.youtube     { background-position: 0 -280px; }
#share a.print       { background-position: 0 -300px; }
#share a.yelp        { background-position: 0 -320px; }
#share a.urbanspoon  { background-position: 0 -340px; }

#share .stbuttontext {
    line-height: 16px !important;
}

.stButton {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.stButton .chicklets {
    display: block !important;
    background: none !important;
    font-family: "Trebuchet MS", "Trebuchet", "Arial", "Helvetica", sans-serif !important;
    font-size: 100% !important;
    padding: 0 !important;
    line-height: 16px !important;
    height: 16px !important;
}