/*Main CSS for MPS by ProSource website*/

#page-container {
    margin:30px 0;
    padding:15px 0;
    width:960px;
    height:960px;
    background:#ffffff;
    margin-left:auto;
    margin-right:auto;
}

#login {
    height:15px;
    background:#ffffff;
}

a.login {
    font-size:12px;
    font-family:Georgia, Times New Roman, Times, serif;
    color:#e51b24;
    float:right;
    margin-right:20px;
    text-decoration:none;
    background:url(../images/loginShadow.png) no-repeat center bottom;
}

a.login:hover {
    color:#333333;
    text-decoration:underline;
}

#logo {
    height:20px;
    background:#ffffff;
}

.logo {
    margin:0 0 0 40px;    
}

#navigation {
    padding:0 0 0 10px;
}

#topNavigation {
    height:36px;
    width:800px;
    margin:60px 0 20px 0;
    background:url(../images/topNav.png) no-repeat;
    position:relative;
}

#topNavigation li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
    
#topNavigation li, #topNavigation a {
    height:36px; display: block;}


#about {
    left:0px;
    width:150px;
}

#about a:hover{
    background:url(../images/topNav.png) 0 -36px no-repeat;
}

#solutions {
    left:150px;
    width:264px;
}

#solutions a:hover{
    background:url(../images/topNav.png) -150px -36px no-repeat;
}

#totalpro {
    left:414px;
    width:207px;
}

#totalpro a:hover{
    background:url(../images/topNav.png) -414px -36px no-repeat;
}

#contact {
    left:621px;
    width:179px;
}

#contact a:hover {
    background:url(../images/topNav.png) -621px -36px no-repeat;
}

#banner {
    height:300px;
    background:#666666 url(../images/banner-img.jpg) no-repeat;
}

#bannerColumnB{
    position:relative;
    float:right;
    width:276px;
    padding:22px;
}

.bold {
    color:#fff;
    font-weight:bold;
}

#bannerColumnB li{
    padding:0px 0px 10px 0px;
    margin:0;
    font-size:12px;ot my
}

#bannerColumnB li a{
    text-decoration:none;
    color:#000000;
}

#bannerColumnB li a:hover{
    text-decoration:underline;
    color:#ffffff;
}



#tabbed-nav {
    height:70px;
    position:relative;
    margin:0 10px;
    top:25px;
    background-image:url(../images/tabs_sprite.png);
}

#tabbed-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#tabbed-nav li, #tabbed-nav a {
    height:70px;
    display:block;
}

#problem {
    left:0px;
    width:270px;
}

#problem a:hover, #problem a.selected{
    background:url(../images/tabs_sprite.png) 0 -70px no-repeat;
}

#solution {
    left:270px;
    width:200px;
}

#solution a:hover, #solution a.selected{
    background:url(../images/tabs_sprite.png) -270px -70px no-repeat;
}

#brains {
    left:470px;
    width:200px;
}

#brains a:hover, #brains a.selected{
    background:url(../images/tabs_sprite.png) -470px -70px no-repeat;
}

#team {
    left:670px;
    width:200px;
}

#team a:hover, #team a.selected{
    background:url(../images/tabs_sprite.png) -670px -70px no-repeat;
}


#content {
    height:320px;
    width:960px;
    background:#ffffff;
    position:relative;
    top:25px;
    overflow:hidden;
}

#content, .section {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}

.section {
    position:relative;
    width:9000px;
}

.row2 {
    float:left;
    position:relative;
    top:320px;
}

.row3{
    float:left;
    position:relative;
    top:640px;
}

.row4{
    float:left;
    position:relative;
    top:960px;
}

.section .sub {
    float:left;
    height:320px;
    padding:0px 70px 0px 70px;
    position:relative;
    width:820px;
    font-size:12px;
}

.section .sub p{
    position:absolute;
    left:500px;
    top:55px;
    color:#666666;
    width:320px;
}

.section .sub ul {
    position:absolute;
    left:490px;
    top:55px;
    color:#666666;
    width:315px;
    margin-left:-3px;
}

.section .sub ul li{
   /* min-height:0;*//*IE7 hasLayout*/
    /*height:1%;*//*IE6 haslayout*/
    /*margin-left:0px;*/
    list-style-position:outside;
    list-style-type:square;
}

.section .sub li.noBullet{
    list-style:none;
}

.section .sub ol {
    position:absolute;
    left:510px;
    top:95px;
    color:#666666;
    width:315px;
    margin-left:-18px;
}

.section .sub ol li{
    list-style-position:outside;
    list-style-type:decimal;
}

a.next {
    position:absolute;
    bottom:15px;
    right:70px;
    background-image:url(../images/btnNext.png);
    width:70px;
    height:80px;
}

a.prev {
    position:absolute;
    bottom:15px;
    left:70px;
    background-image:url(../images/btnPrev.png);
    width:70px;
    height:80px;
}

#footer {
    background:transparent;
    color:#666666;
    font-size:10px;
    width:960px;
    height:20px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:10px;
}

#footer a{
    text-decoration:underline;
    color:#666666;
}


/*---------------------------popup stuff -----------------*/

.popup {
    /*margin: 100px auto;*/
    padding: 0;
    /*width: 100px;*/
    position: relative;
}

li.popup em {
    background: url(../images/bubble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}