/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 15, 2011 03:35:07 PM America/New_York */

@font-face {
    font-family: 'LatoBlack';
    src: url('../fonts/Lato-Black-webfont.eot');
    src: url('../fonts/Lato-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Black-webfont.woff') format('woff'),
         url('../fonts/Lato-Black-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Black-webfont.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {  
  margin:  0;
  padding: 0;
}

html {
  height:     100%;    /* -- Pushes the Footer to the bottom of the page -- */
  overflow-y: scroll;  /* -- Force scrollbar in all browsers for consistent page width for background image (CSS 3)-- */
  min-width:  963px;   /* -- Stops Sidebar shifting when page width is reduced in Firefox -- */
}

body {
  height:     100%;    /* -- Pushes the Footer to the bottom of the page -- */
  background: url(../images/background2.jpg) repeat-y center top;
  font:       62.5%/1.7em Verdana, Arial, sans-serif;
  color:      #333;
}

#container {
  min-height: 100%;    /* -- Pushes the Footer to the bottom of the page -- */
  position:   relative;
  width:      963px;
  margin:     0px auto 0 auto;
  font-size:  1.2em;
}

* html #container {    /* -- Pushes the Footer to the bottom of the page for IE6 -- */
  height: 100%;
}

/* -- The filter property is for smoothing the H1 font in IE only.  Thanks to http://allcreatives.net/2009/12/05/smoother-font-face-embedding-in-ie-7-8/ -- */

h1 {
  font:             2.4em LatoBlack, Arial, sans-serif;
  color:            #323232;
  background-color: #fff;
  margin:           -10px 0 5px 0;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../fonts/hIEfix.png,sizingMethod=crop);zoom:1;
}

/* -- Fix for FOUT, thanks to http://24ways.org/2010/using-the-webfont-loader-to-make-browsers-behave-the-same -- */

/* .wf-latoblack-n4-loading h1, .wf-latoblack-n4-loading p.sidebar-heading {
  visibility:hidden;
} -- */

.wf-loading h1, .wf-loading p.sidebar-heading, .wf-loading p.mainframe-services-sidebar {
  visibility:hidden;
}

p {
  margin: 0.3em 0 1.2em 0;
}

a:link    {color: #4583be;font-weight:normal;}
a:visited {color: #7f7f7f;font-weight:normal;}
a:hover   {color: #c66656;}
a:active  {color: gray;}

.bold {
  font-weight: bold;
  font-size:   1.1em;
}

.bold-sidebar {
  font-weight: bold;
  font-size:   1.0em;
}

p.bold-red {
  margin:      1.2em 0 1em 0;
  font-weight: bold;
  font-size:   1.1em;
  color:       #c66656;
}

ul.li.no-margin {
  padding: 0;
}


/* -- SEARCH FORM -- */

.search {
  display:       block;
  height:        20px;  
  text-align:    right;
  border-bottom: 1px solid black;
  padding:       4px 20px 1px 0;
  background:    #333 url(../images/search-corners2.gif) top left no-repeat;
}

.search input.button {
  font:             bold 0.9em Arial, sans-serif;
  background-color: #aaa;
  border:           none;
  height:           16px;
  width:            60px;
  margin-left:      5px;
}

.searchentry {
  width: 200px;
}

.search input.searchentry {
  font:             1.1em Verdana, Arial, sans-serif;
  background-color: #ccc;
  border:           none
}


/* -- BANNER -- */

#banner {
  width:      963px;
  min-height: 140px;
  background: #5eb2d4 url(../images/banner.jpg) repeat-x;
  padding:    1px 0 0 0;    /* -- Required to fix Uncollapsing Margins -- */
}

#banner img {
  border: none;
}

#banner-text {
  min-height: 112px;
  padding:    1px 0 0 0;    /* -- Required to fix Uncollapsing Margins -- */
}

* html #banner-text {    /* -- For IE6 only -- */
  height: 112px;
}

h1.logotitle {
  width:       302px;
  height:      33px;
  margin:      20px 0 0 50px;
  background:  url(../images/bci-text.gif) no-repeat;
  text-indent: -9999px;
}

p.logotitle {
  width:       302px;
  height:      33px;
  margin:      20px 0 0 50px;
  background:  url(../images/bci-text.gif) no-repeat;
  text-indent: -9999px;
}

p.logotext {
  display: block;
  margin:  5px 170px 0 50px;
  font:    bold 1.0em Verdana, Arial, sans-serif;
  color:   #333;
}

.z10 {
  display:  block;
  float:    right;
  position: absolute;
  top:      30px;
  right:    30px;
  width:    113px;
  height:   148px;
  z-index:  100;
}

#sidebar-address {
  margin:        0 0 15px 0;
  border-bottom: 1px solid #faffff;
}


/* -- NAVBAR -- */

#nav {
  position:   relative;
  width:      488px;
  height:     27px;
  margin:     0 0 0 50px;
  background: url(../images/tabmenu.gif);
}

#nav li {
  float:      left;
  list-style: none;
}

#nav li a {
  position:    absolute;
  top:         0;
  display:     block;
  height:      27px;
  background:  url(../images/tabmenu.gif) no-repeat;
  text-indent: -9999px;
  overflow:    hidden;
  font-size:   1%;
}


/* -- NAVBAR A STATE-- */

li#nav-home a {
  left:                0;
  width:               79px;
  background-position: 0 0;
}

li#nav-about-us a {
  left:                79px;
  width:               99px;
  background-position: -79px 0;
}

li#nav-services a {
  left:                178px;
  width:               99px;
  background-position: -178px 0;
}

li#nav-products {
  display: block;
}

li#nav-products a {
  left:                277px;
  width:               100px;
  background-position: -277px 0;
}

li#nav-contact-us a {
  left:                377px;
  width:               111px;
  background-position: -377px 0;
}


/* -- NAVBAR HOVER STATE-- */

li#nav-home a:hover {
  background-position: 0 -27px;
}

li#nav-about-us a:hover {
  background-position: -79px -27px;
}

li#nav-services a:hover {
  background-position: -178px -27px;
}

li#nav-products a:hover {
  background-position: -277px -27px;
}

li#nav-contact-us a:hover {
  background-position: -377px -27px;
}


/* -- NAVBAR YOU ARE HERE STATE-- */

#body-home li#nav-home  a {
  background-position: 0 -54px;
}

#body-about-us li#nav-about-us a {
  background-position: -79px -54px;
}

#body-services li#nav-services a {
  background-position: -178px -54px;
}

#body-products li#nav-products a {
  background-position: -277px -54px;
}

#body-contact-us li#nav-contact-us a {
  background-position: -377px -54px;
}


/* -- MAIN CONTENT DIVS -- */

#content1-3cols {
  width: 462px;
  float: left;
}

#content1-2cols {
  width:      742px;
  float:      left;
  background: url(../images/content-top-right2.gif) top right no-repeat;
}

#content2 {
  width:      280px;
  float:      left;
  background: url(../images/content-top-right2.gif) top right no-repeat;
}

#content3 {
  position:   relative;
  width:      221px;
  float:      left;
  background: #c66656 url(../images/sidebar-top2.gif) top left no-repeat;
  margin:     0;
}


/* -- HOME -- */

#company-profile {
  margin:        25px 40px 0 50px;
  padding:       0 0 10px 0;
  border-bottom: 1px solid #ddd;
}

#overview {
  margin:     20px 35px 0 0;
  padding:    20px 0 0 0;
  border-top: 1px solid #ddd;
}

#clients {
  margin:      0 40px 0 50px;
  padding-top: 20px;
  border-top:  1px solid #ddd;
}

#bcis-mission, #support {
  margin: 25px 20px 0 25px;
}

#bcis-mission p.sidebar-heading {
  font:             1.6em LatoBlack, Arial, sans-serif;
  color:            #323232;
  margin:           -5px 0 0.3em 0;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../fonts/hIEfix.png,sizingMethod=crop);zoom:1;
}

#support p.sidebar-heading {
  font:             1.6em LatoBlack, Arial, sans-serif;
  color:            #323232;
  margin:           -5px 0 0.3em 0;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../fonts/hIEfix.png,sizingMethod=crop);zoom:1;
}

#support a:link    {color: #faffff;}
#support a:visited {color: #ccc;}
#support a:hover   {color: #bbb;}

#bcis-mission p, #support p {
  font:   0.9em/1.4em Verdana, "Trebuchet MS", sans-serif;
  color:  #faffff;
  margin: 0 0 1.2em 0;
}

.ibmgreendatacenterfloor {
  display: block;
  padding: 25px 0 0 0;
  width:   251px;
  height:  187px;
}

.ibmgreendatacentertree {
  display: block;
  padding: 20px 0 15px 55px;
  width:   358px;
  height:  224px;
}

.cellphone {
  display: block;
  float:   left;
  padding: 5px 10px 0 0;
  width:   51px;
  height:  65px;
}


/* -- ABOUT US -- */

#about-us {
  margin:        25px 40px 0 50px;
  padding:       0 0 10px 0;
  border-bottom: 1px solid #ddd;
}

#services-overview {
  margin:     20px 35px 0 0;
  padding:    20px 0 0 0;
  border-top: 1px solid #ddd;
}

#services-overview h2 {
  font:             2.3em LatoBlack, Arial, sans-serif;
  color:            #323232;
  margin:           -10px 0 5px 0;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../fonts/hIEfix.png,sizingMethod=crop);zoom:1;
}

#business-focus {
  margin: 25px 20px 0 25px;
}

#business-focus p.sidebar-heading {
  font:             1.6em LatoBlack, Arial, sans-serif;
  color:            #323232;
  margin:           -5px 0 0.3em 0;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../fonts/hIEfix.png,sizingMethod=crop);zoom:1;
}

#business-focus p {
  font:   0.9em/1.4em Verdana, Arial, sans-serif;
  color:  #faffff;
  margin: 0 0 1.2em 0;
}

.chiponmint {
  display: block;
  padding: 25px 0 0 0;
  width:   254px;
  height:  182px;
}

.ibmdatacenter {
  display: block;
  padding: 20px 0 15px 50px;
  width:   380px;
  height:  253px;
}


/* -- SERVICES HOME -- */

#services-support {
  margin:         25px 40px 0 50px;
  padding-bottom: 10px;
  border-bottom:  1px solid #ddd;
}

#mainframe-services {
  margin:         25px 20px 0 10px;
  padding-bottom: 10px;
}

#mainframe-services h1 {
  font:  2.2em LatoBlack, Arial, sans-serif;
  color: #323232;
}

#mainframe-services li {
  font:          1.0em Arial, Verdana, sans-serif;
  list-style:    none;
  margin-bottom: 0.7em;
}

/* -- #mainframe-services li {
  font:   1.0em/2.1em Arial, Verdana, sans-serif;
  list-style:  none;
  line-height: 2.1em;
}

#mainframe-services li.lesslineheight {
 line-height: 1.2em;
 margin:      0.4em 0 0.4em 0;
}  -- */

#mainframe-services li a:link    {color: #000;}
#mainframe-services li a:visited {color: #7c7c7a;}
#mainframe-services li a:hover   {color: #c66656;}

#bci-support-center {
  margin: 25px 20px 0 25px;
}

#bci-support-center p.sidebar-heading {
  font:             1.6em LatoBlack, Arial, sans-serif;
  color:            #323232;
  margin:           -5px 0 0.3em 0;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../fonts/hIEfix.png,sizingMethod=crop);zoom:1;
}

#bci-support-center p {
  font:   0.9em/1.4em Verdana, Arial, sans-serif;
  color:  #faffff;
}

.barchart {
  display: block;
  padding: 5px 0 5px 10px;
  float:   right;
  width:   148px;
  height:  148px;
}

.networklights {
  display: block;
  padding: 20px 0 0 50px;
  width:   370px;
  height:  199px;
}

.z10poster {
  display: block;
  padding: 10px 0 15px 45px;
  width:   158px;
  height:  234px;
}

.sds {
  display: block;
  padding: 10px 0 15px 0;
  width:   624px;
  height:  264px;
}


/* -- INDIVIDUAL SERVICES -- */

#services-all {
  margin: 25px 60px 0 50px;
}

#services-all h2 {
  font:   bold 1.6em Arial, sans-serif;
  color:  #c66656;
  margin: 20px 0 0.3em 0;
}

#services-all-as400 {
  margin: 25px 30px 0 50px;
}

#services-all-as400 h2 {
  font:   bold 1.6em Arial, sans-serif;
  color:  #c66656;
  margin: 10px 0 0.3em 0;
}

#services-all h2.mainframe-reporting {
  font:   bold 1.6em Arial, sans-serif;
  color:  #c66656;
  margin: 10px 0 0.3em 0;
}

#services-all h2.san-solutions {
  font:   bold 1.6em Arial, sans-serif;
  color:  #c66656;
  margin: 10px 0 0.3em 0;
}

#services-all h2.virtual-tape-backup {
  font:   bold 1.6em Arial, sans-serif;
  color:  #c66656;
  margin: 10px 0 0.3em 0;
}

#services-all h3 {
  font:   bold 1.2em Arial, sans-serif;
  color:  #000;
  margin: 20px 0 0.3em 0;
}

#services-all ul, #services-all-as400 ul, #products ul {
  padding-left:  3.5em;
  margin-bottom: 1.7em;
}

#services-all ul li, #services-all-as400 ul li, #products ul li {
  margin-bottom: 1.0em;
}

#services-all ul li ul, #products ul li ul {
  padding-left: 3em;
}

#services-all ul li ul li, #products ul li ul li {
  margin-bottom: 0.5em;
}

.iforbusiness {
  display: block;
  margin:  0px 0px 0px 20px;
  float:   right;
  width:   100px;
  height:  100px;
}

.zReporter-chart1 {
  display: block;
  margin:  0;
  width:   600px;
  height:  204px;
}

.zReporter-chart2 {
  display: block;
  margin:  0;
  width:   602px;
  height:  268px;
}

.zReporter-chart3 {
  display: block;
  margin:  0;
  width:   600px;
  height:  225px;
}


/* -- INDIVIDUAL SERVICES SIDEBAR -- */

#mainframe-services-all-sidebar {
  margin: 30px 10px -35px 20px;
}

p.mainframe-services-sidebar {
  font:             1.6em LatoBlack, Arial, sans-serif;
  color:            #323232;
  margin:           -10px 0 0.3em 0;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../fonts/hIEfix.png,sizingMethod=crop);zoom:1;
}

#mainframe-services-all-sidebar li {
  font:       0.9em/1.4em Verdana, Arial, sans-serif;
  list-style: none;
  background: url(../images/bullet.gif) no-repeat 0 5px;
  color:      #faffff;
  margin:     0 5px 0.7em 2px;
  padding:    0 0 0 20px;
  display:    inline-block;     /* -- So IE6 displays the bullets correctly -- */
}

#mainframe-services-all-sidebar li a:link    {color: #faffff;}
#mainframe-services-all-sidebar li a:visited {color: #ccc;}
#mainframe-services-all-sidebar li a:hover   {color: #bbb;}


/* -- PRODUCTS -- */

#products {
  margin: 25px 50px 0 50px;
}

#products h2 {
  font:   bold 1.6em Arial, sans-serif;
  color:  #c66656;
  margin: 10px 0 0.3em 0;
}

#products-sidebar, #ibm-showcase-sidebar {
  font:   1.0em/1.6em Verdana, Arial, sans-serif;
  color:  #faffff;
  margin: 25px 20px 0 25px;
}

#products-sidebar p, #ibm-showcase-sidebar p {
  margin: 0.5em 0 1.2em 0;
}

#products-sidebar a:link, #ibm-showcase-sidebar a:link       {color: #ccc;}
#products-sidebar a:visited, #ibm-showcase-sidebar a:visited {color: #ccc;}
#products-sidebar a:hover, #ibm-showcase-sidebar a:hover     {color: #aaa;}

.ibm-product-logo {display:inline; border: 1px solid #ddd; margin: 10px 30px 5px 0;}

.ibm-product-logo:link    {border: 1px solid #ddd;}
.ibm-product-logo:visited {border: 1px solid #ddd;}
.ibm-product-logo:hover   {border: 1px solid #aaa;}


/* -- IBM SHOWCASE -- */

#ibm-showcase {
  margin: 20px 50px 0 50px;
}

#ibm-showcase-logos {
  margin: 20px 130px 0 182px;
}

.logo-infoman   {display:inline; margin: 0 14px 10px 0; width:219px; height:21px;}
.logo-lotus     {display:inline; margin: 0 0 10px 0; width:104px; height:21px;}
.logo-rational  {display:inline; margin: 0 0 0 0; width:123px; height:21px;}
.logo-tivoli    {display:inline; margin: 0 0 0 0; width:104px; height:21px;}
.logo-websphere {display:inline; margin: 0 0 0 0; width:143px; height:21px;}


/* -- CONTACT US -- */

#contact-us {
  margin: 25px 60px 0 50px;
}

#contact-us p.inline {
  display: inline;
}

#contact-us p {
  margin: 1.2em 0 0 0;
}

#contact-us .syronex {
  width:  117px;
  height: 23px;
  margin: 0 0 1em 0.5em;
  border: none;
  vertical-align: top;
}

#contact-us-sidebar {
  font:   1.0em/1.6em Verdana, Arial, sans-serif;
  color:  #faffff;
  margin: 25px 20px 0 25px;
}

#contact-us-sidebar p {
  margin: 0.9em 0 1.2em 0;
}


/* -- CONTACT US FORM -- */

.contact-form {
  border:  1px solid #aaa;
  margin:  25px 0 20px 0;
  padding: 20px 30px 10px 30px;
}

label {
  font:    bold 1.3em Arial, sans-serif;
  padding: 0 0 0.5em 0;
  color:   #c66656;
}

.formsection-name {       
  border-bottom: 1px solid #aaa;
}

.formsection-name label {
  display: block;
}

.formsection-name input {
  font:             0.9em Verdana, Arial, sans-serif;
  background-color: #f6f6f6;
  margin:           0 0 1.5em 0;
  border:           1px solid #c9c9c9;
  width:            150px;
}

.formsection-email {       
  border-bottom: 1px solid #aaa;
  margin:        1em 0 0 0;
}

.formsection-email label {
  padding: 0;
}

#contact-us .formsection-email p {
  font-size: 0.9em;
  margin:    0.3em 0 0 0;
}

.formsection-email input {
  font:             1.0em Verdana, Arial, sans-serif;
  background-color: #f6f6f6;
  margin:           0 0 1.5em 0;
  border:           1px solid #c9c9c9;
  width:            200px;
}

.formsection-comment {
  border-bottom: 1px solid #aaa;
  margin-top:    1em;
}

textarea {
  font:             1.0em Verdana, Arial, sans-serif;
  background-color: #f6f6f6;
  margin:           0 0 1.5em 0;
  border:           1px solid #c9c9c9;
}

.browse-header {
  display: block;
  font:    bold 1.3em Arial, sans-serif;
  color:   #c66656;
  padding: 0 0 0.4em 0;

}

input[type="file"] {    /* -- styles for IE are embedded, Opera & Safari are only styled by the following -- */
  font:  1.1em Verdana, Arial, sans-serif;
  width: 350px;
}

input[type="submit"] {
  font:             bold 1.2em Verdana, Arial, sans-serif;
  background-color: #aaa;
  border:           none;
  height:           2em;
  width:            100px;
}

.submit-form {
  font-family: Verdana, Arial, sans-serif;
  margin-top:  2em;
}


/* -- MAINFRAME INFORMATION & RESOURCES -- */

#mainframe-information-resources {
  margin:         25px 60px 0 50px;
  padding-bottom: 10px;
}

#mainframe-information-resources h2 {
  font:   bold 1.6em Arial, sans-serif;
  color:  #c66656;
  margin: 20px 0 0.3em 0;
}

#mainframe-information-resources a:link    {color: #000;}
#mainframe-information-resources a:visited {color: #000;}
#mainframe-information-resources a:hover   {color: #c66656;}
#mainframe-information-resources a:active  {color: gray;}


/* -- CAREERS -- */

#careers {
  margin:         25px 60px 0 50px;
  padding-bottom: 10px;
  border-bottom:  1px solid #ddd;
}

#education {
  margin: 25px 60px 0 50px;
}

#selective-benefits-package {
  margin: 25px 20px 0px 25px;
}

#selective-benefits-package p.sidebar-heading {
  font:             1.6em LatoBlack, Arial, sans-serif;
  color:            #323232;
  margin:           -5px 0 0.3em 0;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../fonts/hIEfix.png,sizingMethod=crop);zoom:1;
}

#selective-benefits-package p {
  font:   bold 0.9em/1.3em Verdana, Arial, sans-serif;
  color:  #faffff;
  margin: 0 0 1.2em 0;
}

#selective-benefits-package li {
  font:       0.9em/1.5em Verdana, Arial, sans-serif;
  color:      #faffff;
  list-style: none;
}

/* -- TERMS OF USE -- */

#terms-of-use {
  margin: 25px 60px 0 50px;
}

#terms-of-use h1 {
  font:  2.3em LatoBlack, Arial, sans-serif;
  color: #323232;
}

#terms-of-use h2 {
  font:          bold 1.5em Arial, sans-serif;
  color:         #c66656;
  margin-top:    20px;
  margin-bottom: 0.3em;
}

#copyright {
  margin: 25px 20px 0 25px;
}

#copyright p.sidebar-heading {
  font:             1.6em LatoBlack, Arial, sans-serif;
  color:            #323232;
  margin:           -5px 0 0.3em 0;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../fonts/hIEfix.png,sizingMethod=crop);zoom:1;
}

#copyright p {
  font:   0.9em/1.3em Verdana, Arial, sans-serif;
  color:  #faffff;
  margin: 0 0 1.2em 0;
}

/* -- SEARCH RESULTS -- */
  
#search-results {
	margin: 25px 60px 0 50px;
}


/* -- THANKS -- */

#thanks {
  background-color: #ddd;
  margin:           40px 120px 40px 120px;
  padding:          1em 0 1em 0;
  border:           1px solid #999;
}

#thanks-sidebar {
  font:   1.0em/1.6em Verdana, Arial, sans-serif;
  color:  #faffff;
  margin: 25px 20px 0 25px;
}

#thanks p {
  text-align: center;
  font-size:  2em;
  margin:     0.5em 0 0.5em 0;
}

#thanks-sidebar p {
  margin: 0.5em 0 1.2em 0;
}

/* -- LOGOS -- */

#logos {
  display:  block;
  position: relative;
  width:    963px;
  height:   137px;
  margin:   -137px auto 0 auto;
}

.ibm-bp-logo2 {
  border: none;
  margin: 0 0 0 99px;
  width:  115px;
  height: 80px;
}

.ibm-bp-logo2b {
  border: none;
  margin: 0 0 18px 99px;
  width:  129px;
  height: 49px;
}

.ibm-bp-logo-noxhtml {
  border: none;
  margin: 0 50px 18px 160px;
  width:  129px;
  height: 49px;
}

.scrp-logo {
  border: none;
  margin: 0 0 0 76px;
  width:  165px;
  height: 80px;
}

.ffm-logo2 {
  border: none;
  margin: 0 0 0 86px;
  width:  137px;
  height: 70px;
}

.w3logo {
  border: none;
  margin: 0 0 20px 148px;
  width:  88px;
  height: 31px;
}

.w3logo2 {
  border: none;
  margin: 0 0 20px 83px;
  width:  88px;
  height: 31px;
}

.zreporter-logo {
  float:  right;
  border: none;
  margin: 40px 60px 0 0;
  width:  300px;
  height: 77px;
}

.zreporter-logo-products {
  float:  right;
  border: none;
  margin: 30px 140px 0 0;
  width:  250px;
  height: 67px;
}

/* -- FOOTER -- */

#clearfooter {     /*needed to make room for footer & logos */
  clear:  both;
  height: 160px;
}

#footer {
  position:   relative;
  clear:      both;
  width:      963px;
  height:     57px;
  margin:     -57px auto 0 auto;
  background: #333 url(../images/container-bottom2.gif) bottom left no-repeat;
}

#footer-inner {      
  color:   #fff;
  padding: 18px 0 0 25px;
  font:    1.1em Arial, sans-serif;
}

#footer-inner1 li {
  float:      left;
  display:    inline;
  list-style: none;
  margin:     0 10px 0 10px;
}

#footer-inner a:link    {color: #fff;}
#footer-inner a:visited {color: #fff;}
#footer-inner a:hover   {color: #c66656;}

#footer-inner1 .copyright {
  display:   inline;
  float:     right;
  margin:    0 40px 0 0;
  font-size: 1.0em;
}

#footer-inner2 .creditline {
  display:    inline;
  float:      right;
  clear:      both;
  list-style: none;
  font-size:  0.9em;
  margin:     0.8em 40px 0 0;
}