body {
    behavior:url(http://www.therosterwebteam.com/hover.htc);
    background: #f0f0f0;
/*    font-family:  "Helvetica Neue", Arial, sans-serif;*/
    font-family:  Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}

#contact-big-text {
    font-size: 18px
}

#container {
    width: 972px;
    margin: 0 auto;
    background: #fff;
}

#container-inner {
    position: relative;
}

/* HEADER */

#header-inner {
    padding-top: 7px;
    position: relative;
    z-index: 1;
}

#site-title a {
    display: block;
    background: url(http://www.therosterwebteam.com/style/logo.jpg) no-repeat;
    width: 289px;
    height: 88px;
    text-indent: -2000px;
    position: relative;
    left: 21px;
    margin-bottom: 12px;
    overflow: hidden;
}

#contact {
    text-align: right;
    font-size: 11px;
    line-height: 13px;
    position: absolute;
    top: 13px;
    right: 15px;
/*    background: url(http://therosterwebteam.com/style/contact.jpg) top left no-repeat;*/
    width: 330px;
    height: 51px;
}
#contact p {
    color: #908f94;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 2px;
}

#contact p.winning-call {
    color: #000;
    font-size: 16px;
}


#navigation {
    background: url(http://www.therosterwebteam.com/style/head-home.jpg) top left no-repeat;
    height: 28px;
    position: relative;
    clear: both;
    text-align: center;
}

.website-design #navigation {
    background: url(http://www.therosterwebteam.com/style/head-webdesign.jpg) top left no-repeat;
}

.video #navigation {
    background: url(http://www.therosterwebteam.com/style/head-video.jpg) top left no-repeat;
}

.portfolio #navigation {
    background: url(http://www.therosterwebteam.com/style/head-portfolio.jpg) top left no-repeat;
}

.company #navigation {
    background: url(http://www.therosterwebteam.com/style/head-company.jpg) top left no-repeat;
}

.e-commerce #navigation {
    background: url(http://www.therosterwebteam.com/style/head-ecommerce.jpg) top left no-repeat;
}

.internet-marketing #navigation {
    background: url(http://www.therosterwebteam.com/style/head-marketing.jpg) top left no-repeat;
}

.mt-comment-confirmation #navigation {
    background: url(http://www.therosterwebteam.com/style/head-thankyou.jpg) top left no-repeat;
}


#navigation ul.top {
    list-style: none;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto 0;
    padding-top: 7px;
    height: 28px;
}

#navigation a:link,
#navigation a:visited {
    color: #fff;
    text-decoration: none;
}

#navigation a.active {
    text-decoration: underline;
}

#navigation .top li {
    list-style: none;
    position: relative;
    display: inline;
}

#navigation .top a {
    display: inline-block;
    text-align: center;
    padding: 0px 13px 5px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
}

#navigation .top a:hover {
    text-decoration: underline;
}

#navigation .second {
    position: absolute;
    display:  none;
    top: 18px;
    left: 0;
    z-index: 500;
    width: 220px;
    padding: 5px 0 0 0;
    background: #636363;
    /* for IE */
    filter:alpha(opacity=70);
    /* CSS3 standard */
    opacity:0.7;
    padding: 0;
    margin: 0;
    text-align: left;
}

#navigation .client-roster .second {
    width: 185px;
}

#navigation .internet-marketing .second {
    background: #c78900;
}

#navigation .website-design .second {
    background: #d33b0a;
}

#navigation .video .second {
    background: #0a01c0;
}

#navigation .e-commerce .second {
    background: #015524;
}

#navigation .company .second {
    background: #bf1306;
}

#navigation .portfolio .second {
    background: #7c0096;
}

#navigation .second li {
    float: none;
    list-style: none;
    text-transform: none;
    padding: 0;
    margin: 0;
    height: 25px;
    display: block;
}

#navigation .second a {
    text-align: left;
    padding: 5px 5px 5px 10px;
    color: #fff;
}

#navigation .second a:hover {
    color: #fff;
}


#navigation ul ul,
#navigation ul li:hover ul ul,
#navigation ul ul li:hover ul ul
{display: none;}

#navigation ul li:hover ul,
#navigation ul ul li:hover ul,
#navigation ul ul ul li:hover ul
{display: block;}

/* FOOTER */

#footer {
    margin-top: 50px;
    border-top: 1px solid #000;
}

#footer-content {
    padding: 10px 0 20px;
}

#footer p {
    text-align: center;
    margin: 0 0 5px 0;
    font-size: 11px;
    color: #555;
}

#footer a:link,
#footer a:visited {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    color: #555;
    padding: 0 3px;
}

#footer a:hover {
    font-weight: normal;
    text-decoration: underline;
/*    color: #FFB400;*/
}

#footer p.copyright {
    font-size: 10px;
    text-transform: uppercase;
}

/* CONTENT POSITIONING */

#content-inner {
    position: relative;
}

.category-header {
    height: 171px;
    clear: both;
    margin-bottom: 30px;
    background: #000;
    position: relative;
}

#category-website-design-header {
    background: url(http://www.therosterwebteam.com/style/head-webdesign.jpg) bottom left no-repeat;
}

#category-video-header {
    background: url(http://www.therosterwebteam.com/style/head-video.jpg) bottom left no-repeat;
}

#category-portfolio-header {
    background: url(http://www.therosterwebteam.com/style/head-portfolio.jpg) bottom left no-repeat;
}

#category-company-header {
    background: url(http://www.therosterwebteam.com/style/head-company.jpg) bottom left no-repeat;
}

#category-e-commerce-header {
    background: url(http://www.therosterwebteam.com/style/head-ecommerce.jpg) bottom left no-repeat;
}

#category-internet-marketing-header {
    background: url(http://www.therosterwebteam.com/style/head-marketing.jpg) bottom left no-repeat;
}

#category-confirmation-header {
    background: url(http://www.therosterwebteam.com/style/head-thankyou.jpg) bottom left no-repeat;
}


#alpha {
    margin-left: 240px;
}

#alpha-inner {
    position: relative;
    padding: 0 0 20px 10px;
    min-height: 750px;
}

#beta {
    position: absolute;
    top: 200px;
    width: 225px;
}

#beta-inner {
    margin-left: 25px;
}

/* LEFT SIDEBAR */

#featured-clients {
    margin: 20px 7px 0 0px;
}

#beta #featured-clients h2 {
    text-transform: uppercase;
    font-size: 14px;
    background: none;
    margin-bottom: 0;
}

#featured-clients-more {
    float: right;
    margin-right: 16px;
}

#beta h2 {
    text-transform: none;
    color: #000;
    font-size: 15px;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
    background: url(http://www.therosterwebteam.com/style/widget-h2-bg.png) bottom left repeat-x;
}

#beta .link {
    text-align: right;
    margin: 10px 0 20px 0;
}

.center {
    text-align: center;
}

/* CONTACT FORM */

/* Quick Quote form */

#free-analysis h2 {
    margin-bottom: 4px;
}

#free-analysis {
    min-height: 233px;
    background: url(
http://www.therosterwebteam.com/style/widget-bg.png) top left repeat-x;
    border: 1px solid #c8c8c8;
    padding: 12px 12px 2px;
}

#comments {
    margin: 0; padding: 0;
}

#comments-form {
    margin: 0;
    padding: 0;
}

#comments-open-data {
    padding: 0;
}

#comments-open-data td {
    padding: 0 5px 0 0;
    height: 24px;
}

#comments label,
#comments-open-captcha p {
    font-size: 11px;
    color: #4b4b4b;
    text-align: left;
}

#comments-open-data input {
    width: 118px;
}

#comments-open-text {
    margin-top: 5px;
}

#comments-open-text label {
    display: block;
    padding-bottom: 3px;
}

#comments-open-text br {
    display: none;
}

#comment-form-dropdown {
    margin: 8px 0;
}

#comments input,
#comments textarea,
#comments select {
    font-size: 11px;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 1px;
    border: 1px solid #c8c8c8;
    font-style: normal;
}

#comments-open-captcha {
    margin: 8px 6px 0 6px;
    display: none;
}

#comments-open-captcha div.label {
    display: none;
}

#comments-open-captcha p {
    margin: 0 0 2px 0;
}

.captcha-image {
    text-align: center;
    width: 174px;
}

#comments-open-footer {
    margin: 8px 0 0;
}

#comments-open-captcha input,
#comment-text,
#comments select {
    width: 169px;
}

#comment-text {
    height: 42px;
}

input#comment-submit {
    display: block;
    background: url(http://www.therosterwebteam.com/style/quick-quote-submit-trans.png) top left no-repeat;
    width: 73px;
    height: 29px;
    margin: 0;
    padding: 29px 0 0 0;
    overflow: hidden;
    cursor: pointer;
    text-indent: -2000px;
    border: 0;
}


/* TEXT STYLES */

p {
    margin: 0 0 15px 0;
}

img {
    border: 0;
}

a,
a:link {
/*    color: #3464B6;*/
    color: blue;
    text-decoration: none;
/*    font-weight: bold;*/
}

#alpha li a:hover,
a:hover {
    color: blue;
    text-decoration: underline;
}

#navigation a:hover {
/*    color: #FFB400;*/
    text-decoration: none;
    font-weight: bold;
}


h1 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 45px;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 136px;
    left: 28px;
    letter-spacing: -0.02em;
/*bottom: 0;
line-height: 25px;*/
}

.home h1 {
    display: none;
}

h1 strong {
    font-weight: bold;
}

h2 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
}

.home #alpha h2,
.internet-marketing #alpha h2,
.website-design #alpha h2,
.video #alpha h2,
.e-commerce #alpha h2,
.company #alpha h2,
.portfolio #alpha h2 {
    font-size: 21px;
    margin-bottom: 15px;
}

.internet-marketing #alpha h2 {
    color: #ba7b13
}
.website-design #alpha h2 {
    color: #c42d17;
}
.video #alpha h2 {
    color: #110072;
}
.e-commerce #alpha h2 {
    color: #0d4a1b;
}
.company #alpha h2 {
    color: #b80f14;
}
.portfolio #alpha h2 {
    color: #39005d;
}

ul {
    list-style-type: disc;
    padding-left: 15px;
}

.right {
    float: right;
    width: 240px;
    margin: 0 27px 20px 20px;
    position: relative;
}

.widget {
    background: url(http://www.therosterwebteam.com/style/widget-bg.png) top left repeat-x;
    padding: 12px 12px 0px;
    margin-bottom: 20px;
    border: 1px solid #c8c8c8;
}

.widget-header {
    text-transform: none;
    font-weight: bold;
    color: #000;
    font-size: 15px;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
    background: url(http://www.therosterwebteam.com/style/widget-h2-bg.png) bottom left repeat-x;
}

.widget-header a:link,
.widget-header a:visited { color: #000; }

div.featured-widget-image {
    text-align: center;
    margin-bottom: 15px;
}

.right p {
    color: #3d3d3d;
}
/*
.mt-comment-confirmation .right,
.mt-comment-error .right {
    background: url(http://www.therosterwebteam.com/style/right-generic.jpg) top left repeat-y;
}

.mt-comment-confirmation .right-header,
.mt-comment-error .right-header {
    background: url(http://www.therosterwebteam.com/style/right-generic-top.jpg) top left no-repeat;
}

.mt-comment-confirmation .right-footer,
.mt-comment-error .right-footer {
    background: url(http://www.therosterwebteam.com/style/right-generic-bottom.jpg) bottom left no-repeat;
}

.mt-comment-confirmation .right-content p,
.mt-comment-error .right-content p {
    color: #eee;
}
*/
/*
.home .right {
    background: url(http://www.therosterwebteam.com/style/right-home-middle.jpg) top left repeat-y;
    width: 285px;
}
    .home .right-header {
        background: url(http://www.therosterwebteam.com/style/right-home-top.jpg) top left no-repeat;
    }
    
    .home .right-footer {
        background: url(http://www.therosterwebteam.com/style/right-home-bottom.jpg) bottom left no-repeat;
    }

.website-design .right {
    background: url(http://www.therosterwebteam.com/style/right-web-design-middle.jpg) top left repeat-y;
}
    .website-design .right-header {
        background: url(http://www.therosterwebteam.com/style/right-web-design-top.jpg) top left no-repeat;
    }
    
    .website-design .right-footer {
        background: url(http://www.therosterwebteam.com/style/right-web-design-bottom.jpg) bottom left no-repeat;
    }

.video .right {
    background: url(http://www.therosterwebteam.com/style/right-video-middle.jpg) top left repeat-y;
}
    .video .right-header {
        background: url(http://www.therosterwebteam.com/style/right-video-top.jpg) top left no-repeat;
    }
    
    .video .right-footer {
        background: url(http://www.therosterwebteam.com/style/right-video-bottom.jpg) bottom left no-repeat;
    }

.portfolio .right {
    background: url(http://www.therosterwebteam.com/style/right-portfolio-middle.jpg) top left repeat-y;
}
    .portfolio .right-header {
        background: url(http://www.therosterwebteam.com/style/right-portfolio-top.jpg) top left no-repeat;
    }
    .portfolio .right-footer {
        background: url(http://www.therosterwebteam.com/style/right-portfolio-bottom.jpg) bottom left no-repeat;
    }

.company .right {
    background: url(http://www.therosterwebteam.com/style/right-company-middle.jpg) top left repeat-y;
}
    .company .right-header {
        background: url(http://www.therosterwebteam.com/style/right-company-top.jpg) top left no-repeat;
    }
    .company .right-footer {
        background: url(http://www.therosterwebteam.com/style/right-company-bottom.jpg) bottom left no-repeat;
    }

.e-commerce .right {
    background: url(http://www.therosterwebteam.com/style/right-e-commerce-middle.jpg) top left repeat-y;
}
    .e-commerce .right-header {
        background: url(http://www.therosterwebteam.com/style/right-e-commerce-top.jpg) top left no-repeat;
    }
    .e-commerce .right-footer {
        background: url(http://www.therosterwebteam.com/style/right-e-commerce-bottom.jpg) bottom left no-repeat;
    }

.internet-marketing .right {
    background: url(http://www.therosterwebteam.com/style/right-internet-marketing-middle.jpg) top left repeat-y;
}
    .internet-marketing .right-header {
        background: url(http://www.therosterwebteam.com/style/right-internet-marketing-top.jpg) top left no-repeat;
    }
    .internet-marketing .right-footer {
        background: url(http://www.therosterwebteam.com/style/right-internet-marketing-bottom.jpg) bottom left no-repeat;
    }
*/

.below-callout {
    background: #fff;
    padding: 20px;
}

.asset-header,
.asset-content {
    margin-right: 290px;
}

/*
.home .asset-header,
.home .asset-content {
    margin-right: 325px;
}
*/

ul#category-links {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}

#category-links li {
position: absolute;
top: 18px;
}

#category-links li.internet-marketing { left: 36px; }
#category-links li.website-design { left: 189px; }
#category-links li.video { left: 342px; }
#category-links li.e-commerce { left: 495px; }
#category-links li.company { left: 648px; }
#category-links li.portfolio { left: 801px; }

#category-links a {
display: block;
width:135px;
height: 135px;
overflow: hidden;
text-indent: -2000px;
}

#category-links li.internet-marketing a {
    background: url(http://www.therosterwebteam.com/style/banner-links-internet-marketing.jpg) left top no-repeat;
}
#category-links li.website-design a {
    background: url(http://www.therosterwebteam.com/style/banner-links-web-design.jpg) left top no-repeat;
}
#category-links li.video a {
    background: url(http://www.therosterwebteam.com/style/banner-links-video.jpg) left top no-repeat;
}
#category-links li.e-commerce a {
    background: url(http://www.therosterwebteam.com/style/banner-links-e-commerce.jpg) left top no-repeat;
}
#category-links li.company a {
    background: url(http://www.therosterwebteam.com/style/banner-links-company.jpg) left top no-repeat;
}
#category-links li.portfolio a {
    background: url(http://www.therosterwebteam.com/style/banner-links-portfolio.jpg) left top no-repeat;
}

#entry-103 p span.mt-enclosure {
    float: left;
    margin-left: -120px;
    margin-top: 5px;
    width: 100px;
    display: block;
}

#entry-103 h3 {
    margin: 20px 0 0 120px;
    color: #bb3014;
}

#entry-103 p {
    padding-left: 120px;
}
