/* Start of CMSMS style sheet 'layout' */
/* header
    ============================================================ */
#header {
    height: 90px;
    background: url(images/bg-header.gif) no-repeat;
    position: relative;
    margin: 0 0 3px 0;
}
#logo {
    position: absolute;
    width: 193px;
    height: 57px;
    top: 17px;
    left: 44px;
}

#main-nav {
    margin: 0;
    height: 35px;
    background: url(images/bg-main-nav.gif) repeat-x;
    position: relative;
}
#main-nav-left, #main-nav-right {
    position: absolute;
    width: 6px;
    height: 35px;
    top: 0;
}
#main-nav-left { left: 0; background: url(images/bg-main-nav-left.gif) no-repeat; }
#main-nav-right { right: 0; background: url(images/bg-main-nav-right.gif) no-repeat; }




/* inner header - image at top of inner pages
    ============================================================ */
#inner-header {
    margin: 5px 0;
}



/* content wrapper
    ============================================================ */
#contentWrapper {
    padding: 5px 0 6px 0;
    width: 928px;
    background: url(images/bg-content.gif) repeat-y;
    position: relative;
}
#content-top, #content-top-inner, #content-bottom {
    position: absolute;
    width: 928px;
    height: 5px;
    left: 0;
}
#content-top { top: 0; background: url(images/bg-content-top.gif) no-repeat; }
#content-top-inner { top: 0; background: url(images/bg-content-top-inner.gif) no-repeat; }
#content-bottom { bottom: 0; background: url(images/bg-content-bottom.gif) no-repeat; }
#screw-fedb51, #screw-d4d6d8, #screw-c5c7c9, #screw2-c5c7c9, #screw-fdf7d9, #screw-left, #screw-right {
    position: absolute;
    width: 17px;
    height: 17px;
    bottom: 13px;
}
#screw-fedb51 { left: 14px; background: url(images/screw-fedb51.gif) no-repeat; }
#screw-d4d6d8 { left: 14px; background: url(images/screw-d4d6d8.gif) no-repeat; }
#screw-c5c7c9 { right: 14px; background: url(images/screw-c5c7c9.gif) no-repeat; }
#screw2-c5c7c9 { left: 14px; background: url(images/screw-c5c7c9.gif) no-repeat; }
#screw-fdf7d9 { left: 14px; background: url(images/screw-fdf7d9.gif) no-repeat; }
#screw-left { left: 14px; background: url(images/screw.gif) no-repeat; }
#screw-right { right: 14px; background: url(images/screw.gif) no-repeat; }

#our-team .team-bio {
    clear: both;
    padding-bottom: 15px;
}



/* side bar
    ============================================================ */
#side-bar {
    float: left;
    width: 250px;
    padding: 0 0 0 5px;
}
#side-nav {
    width: 231px;
    background: url(images/bg-side-nav.gif) repeat-y;
    margin: 0 0 9px 0;
    border-bottom: 1px solid #fff;
}
#side-nav-top {
    width: 231px;
    height: 5px;
    background: url(images/bg-side-nav-top.gif) no-repeat;
}
#side-nav-content {
    padding: 8px 12px 15px 12px;
    font-size: 13px;
    color: #fff;
}

#side-msg {
    width: 231px;
    background: url(images/bg-side-msg.gif) repeat-y;
    border-top: 1px solid #fff;
    position: relative;
}
#side-msg-content {
    padding: 8px 12px 15px 12px;
    font-size: 12px;
    color: #000;
}
#side-msg-bottom {
    position: absolute;
    width: 231px;
    height: 5px;
    background: url(images/bg-side-msg-bottom.gif) no-repeat;
    left: 0;
    bottom: 0;
}



/* content
    ============================================================ */
#content {
    padding: 10px 10px 30px 10px;
    float: left;
    width: 650px;
}

/* home */
#homeCopyWrapper {
/*    margin: 3px 8px 4px 6px; */
    float: left;
    margin: 0 15px 0 6px;
    width: 270px;
    background: url(images/bg-content-home.gif) repeat-y;
    position: relative;
}
#homeCopy-top, #homeCopy-bottom {
    position: absolute;
    width: 270px;
    height: 5px;
    left: 0;
}
#homeCopy-top { top: 0; background: url(images/bg-content-home-top.gif) no-repeat; }
#homeCopy-bottom { bottom: 0; background: url(images/bg-content-home-bottom.gif) no-repeat; }
#homeCopyWrapper a {
/*
    color: #464646;
    text-decoration: none;
*/
}
#home-content {
    padding: 12px 20px 20px 15px;
}

.home-col-big {
    float: left;
    width: 620px;
    margin: 8px 4px 10px 0;
}
.home-col {
    float: left;
    width: 210px;
    margin: 8px 4px 0 0;
}
.home-col .home-col-content {
    margin: 12px 7px;
}
.home-col .home-col-heading {
    padding: 7px 10px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    background: #000;
}
.home-col .home-col-copy {
    padding: 5px 9px;
}



/* footer
    ============================================================ */
#footer {
    padding: 12px;
    font-size: 11px;
    color: #464646;
}
/* End of 'layout' */

/* Start of CMSMS style sheet 'style' */
body {
    padding: 0;
    margin: 0 auto;
    width: 930px;
    background: #9fc1dd url(images/bg-site.gif) repeat-x;
    font: 13px Arial;
    color: #464646;
}

a {
    color: #1f75b9;
}
a img {
    border: 0;
}


h1 {
    font-size: 30px;
    color: #0f6cb6;
}
h2 {
    font-size: 18px; 
    color: #1f75b9;
}
#side-nav-content h2 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-top: 0;
    margin-top: 0;
}
#side-msg-content h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
h3 {
    font-size: 14px; 
    color: #1f75b9;
}

#our-team p { margin-top: 0; }


/* home page */
#home-content h1, .home-col-big h1 { font-size: 24px; }
#home-content h2, .home-col-big h2 { font-size: 20px; }
#home-content h1, #home-content h2 { color: #464646; }
.home-col-big h1, .home-col-big h2 { color: #0f6cb6; }


.sideMsgBlue {
    font-size: 12px;
    font-weight: bold;
    color: #0f6cb6;
}
.teamImg {
    clear: both;
    float: left;
    padding: 0 10px 10px 0;
}
.center { text-align: center; }
.clearBoth {
    clear: both;
    font-size: 1px;
}


#home-content ul {
    padding: 0;
    margin: 0 0 0 15px;
}



/* inner header - image at top of inner pages
    ============================================================ */
#inner-header {
    background: url(images/inner-duragenics.jpg) no-repeat;
    height: 176px;
}

#duragenics #inner-header {
    background: url(images/inner-duragenics.jpg) no-repeat;
    height: 176px;
}
#the-duragenic-process #inner-header {
    background: url(images/inner-duragenic-process.jpg) no-repeat;
    height: 176px;
}
#success-stories #inner-header {
    background: url(images/inner-success-stories.jpg) no-repeat;
    height: 176px;
}
#team #inner-header {
    background: url(images/inner-team.jpg) no-repeat;
    height: 176px;
}
#contact-us #inner-header {
    background: url(images/inner-contact.jpg) no-repeat;
    height: 176px;
}




/* sub nav
    ============================================================ */
#side-nav-title, #side-nav-title a { font-size: 18px; color: #fff; }
#side-nav-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#side-nav-content ul li {
    padding: 15px 0 0 0;
}
#side-nav-content ul li a {
    font-size: 13px;
    color: #a7c2d9;
    text-decoration: none;
    font-weight: bold;
}
#side-nav-content ul li a:hover, #side-nav-content ul li a.currentpage {
    color: #1c2e45;
}



/* main nav
    ============================================================ */
#main-nav ul {
    padding: 0;
    margin: 0 0 0 25px;
    list-style: none;
}
#main-nav ul li {
    display: inline;
    padding: 0 30px 0 0;
}
#main-nav ul li a {
    font-size: 13px;
    color: #6f7173;
    text-decoration: none;
    line-height: 35px;
    font-weight: bold;
}
#main-nav ul li a.currentpage, #main-nav ul li a.activeparent, #main-nav ul li a:hover {
    color: #0f6cb6;
}



/* footer nav
    ============================================================ */
#footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#footer ul li {
    display: inline;
    padding: 0 15px 0 0;
}
#footer ul li a {
    font-size: 11px;
    color: #464646;
    text-decoration: none;
}
#footer ul li a.currentpage, #footer ul li a.activeparent, #footer ul li a:hover {
    color: #0f6cb6;
}
#footer ul li a:hover img {
    display: none;
}
#footer ul li a img.arrow-over {
    display: none;
}
#footer ul li a:hover .arrow-over {
    display: inline;
}

/* End of 'style' */

