html, body {height: 100%; overflow: hidden; background: #333; margin: 0; }

img {border: 0px;}

#canvas { position: absolute; float: right; height: 100%; width: 100%; left: 195px; display:block;  overflow:hidden; }

#clients { position: relative; margin-left: 0px; }

#animated { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

#leftCol { float: left; height: 100%; width: 175px; margin-left: 10px;
margin-right: auto; top: 10px; overflow: auto}

#navBreak {  margin-top: 0px;}

#navigation { background: #232323; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 18px; padding-bottom: 10px; border-bottom: 1px solid #000; border-right: 1px solid #000;  }

#logo {background-color: #232323; text-align: center; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 5px 0 5px 0; border-bottom: 1px solid #000;  border-right: 1px solid #000; 
display:block;  overflow:hidden;}


#page { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; }


h1 {font-family: 'Bookman Old Style', 'Palatino Linotype', serif; color: #0B486B; font-weight: bold; font-size: 28px; margin-bottom: 10px; }

p {font-family: 'Helvetica Neue', Helvetica, sans-serif;   margin-top: 0; color: #333; margin-bottom: 10px;}

#subHead {color: #333;}

#industries {color: #0B486B; }

#mail {text-decoration: none; color: #0B486B;  }

#mail:hover {color: #000;}

#signoff {color: #0B486B;}


#clickLink {text-decoration: none; color: #fff; font-size: 10px; font-family: 'Helvetica Neue', Helvetica, sans-serif; }

#clickLink:hover {color: #fede58;}

#contentBlockA1 { background: #CFF09E; background-image: url('images/backs/1.gif'); background-repeat: repeat; height: 100%; width:100%; color: #FFF; position: relative; }

#contentBlockA2 { background: #A8DBA8; background-image: url('images/backs/2.gif'); background-repeat: repeat; height: 100%; width:100%; color: #FFF; position: relative; }

#contentBlockA3 { background: #79BD9A; background-image: url('images/backs/3.gif'); background-repeat: repeat; height: 100%; width:100%; color: #FFF; position: relative; }

#contentBlockA4 { background: #3B8686; background-image: url('images/backs/4.gif'); background-repeat: repeat; height: 100%; width:100%; color: #FFF; position: relative; }

#contentBlockA5 { background: #772900; background-image: url('images/backs/5.gif'); background-repeat: repeat; height: 100%; width:100%; color: #FFF; position: relative; }

#contentBlockA6 { background: #772900; background-image: url('images/backs/6.gif'); background-repeat: repeat; height: 100%; width:100%; color: #FFF; position: relative; }

#contentBlockB { margin-right: 170px; height: 100%; }

#contentBlockC { height: 100%; width: 800px; overflow: auto; margin-left: auto; margin-right: auto; text-align: center;  }

#contentBlockD550 { width: 550px;  margin-top: 100px; padding-right: 10px; margin-left: auto; margin-right: auto; font-size: 13px; line-height: 24px; text-align: left;}

#contentBlockD768 { width: 768px;  margin-top: 55px; margin-left: auto; margin-right: auto; text-align: left}

#belowHero {float: left; width: 768px; margin-top: 10px; margin-bottom: 5px;}

#textBlock {width: 480px; float: left; font-family: 'Helvetica Neue', Helvetica, sans-serif;  font-size: 15px; line-height: 28px;}

#sideColumnOutside {float: right; margin-left: auto; margin-right: auto; width: 250px; background-color: #888; padding: 10px 0 10px 0; border-bottom: 1px solid #000; border-right: 1px solid #000;}

#sideColumn {width: 140px; text-align: center; margin-left: auto; margin-right: auto; padding: 10px;}

#sideColumn a {text-decoration: none; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; color: #000;  }

#sideColumnButton {width: 122px; padding: 3px; background-color: #BBB; text-decoration: none; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; color: #000; margin-left: auto; margin-right: auto;  border-bottom: 1px solid #000; border-right: 1px solid #000;}

#sideColumnButton:hover {background-color: #055b7f; color: #FFF; }

#browser { width: 768px; margin-top: 5px; margin-bottom: 5px; padding: 0; display: block; overflow: hidden; float: left; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 9pt; }

#browser a {color: #000; text-decoration: none;}

#browserHead { background-image: url('images/browser-head.gif'); height: 54px; width: 768px; color: #000; margin: 0px; padding: 0; font-family: 'Helvetica Neue', Helvetica, sans-serif; display: block; overflow: hidden; font-size: 12px; float: left;}

#browserHead1 { text-align: center; padding-top: 7px; }
#browserHead2 { padding-left: 125px; padding-top: 12px;}

#browserMain { left: 0px; top: 0px; float: left; margin-bottom: 5px; }

#browserMainKodak { width: 768px; text-align: center; left: 0px; top: 0px; float: left; background-color: #FFF; padding-top: 10px;}




#kbotFlash {width: 145px; height: 145px; margin-top: -453px; margin-left: 135px; float: left;}

#kodakFlash {width: 768px; margin-top: 0px; padding: 30px 0 30px 110px; margin-left: auto; margin-right: auto; float: left; background-color: #FFF; margin-bottom: 8px;}

#merckFlash {width: 768px; height: 332px; margin-top: 0px; padding: 0; margin: 0; float: left; background-color: #000; display:block;  overflow:hidden; margin-bottom: 5px;}

#mpFlash {width: 768px; height: 430px; margin-top: 0; padding: 0; float: left; background-color: #000; display:block;  overflow:hidden; margin-bottom: 5px;}

#sweetwatersFlash {width: 768px; height: 500px; margin-top: 0px; padding: 0; margin: 0; float: left; background-color: #000; display:block;  overflow:hidden; margin-bottom: 5px;}

#cokeFlash {width: 768px; height: 670px; margin-top: 0px; padding-top: 50px; margin: 0; float: left; background-color: #BBB; display:block;  overflow:hidden; margin-bottom: 5px; text-align: center;}

#dellFlash {text-align: center; width: 768px; height: 110px; padding: 0; padding-top: 45px; float: left; background-color: #CCC; display:block;  overflow:hidden; margin-bottom: 5px;}

#dellFlash2 {text-align: center; width: 768px; height: 345px; padding: 0; padding-top: 45px; float: left; background-color: #CCC; display:block;  overflow:hidden; margin-bottom: 5px;}

#spriteSite {width: 768px; height: 500px; padding: 0;  background-color: #000; margin-bottom: 60px;}

#disneyFlash {text-align: center; width: 768px; height: 60px; padding: 0; padding-top: 45px; padding-bottom: 45px; float: left; background-color: #FFF; display:block;  overflow:hidden; margin-bottom: 5px;}

#disneyFlash2 {height:35px;}





ul.rollmenu {list-style-type: none; font: 10px arial; color: #FFF; background-color: transparent; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0; border-color: #000; border-style: solid; border-width: 0;  voice-family: "\"}\""; voice-family: inherit; padding: 0 0.8em; }

html>body ul.rollmenu {width: 130px}
	
ul.rollmenu li {font-weight: bold; margin-top: 5px; margin-bottom: 5px; padding: 0; }

ul.rollmenu ul {list-style-type: none; margin: 0; padding: 0; voice-family: "\"}\""; voice-family: inherit; margin: 0 }

ul.rollmenu a {font-weight: normal; text-decoration: none; color: #FFF; background-color: #055B7E; 
margin 0; padding: 0.5em 0.5em 0.5em 0.5em; width: 90px; display: block; voice-family: "\"}\""; voice-family: inherit; padding-left: 1em; border-bottom: 1px solid #000; border-right: 1px solid #000; }

html>body ul.rollmenu a {width: auto}

ul.rollmenu a:hover {color: #FFF; background-image: none; background-color: #2C5B5B;}




ul.rollmenu a.button2 { background-color: #055779;}
ul.rollmenu a.button2:hover { background-color: #2C5B5B; }

ul.rollmenu a.button3 { background-color: #044E6B;}
ul.rollmenu a.button3:hover { background-color: #2C5B5B; }

ul.rollmenu a.button4 { background-color: #044058;}
ul.rollmenu a.button4:hover { background-color: #2C5B5B; }

ul.rollmenu a.button5 { background-color: #033447;}
ul.rollmenu a.button5:hover { background-color: #2C5B5B; }

ul.rollmenu a.button6 { background-color: #022635;}
ul.rollmenu a.button6:hover { background-color: #2C5B5B; }

ul.rollmenu a.buttonResume { background-color: #033447; margin-top: 15px;}
ul.rollmenu a.buttonResume:hover { background-color: #2C5B5B; }


	
ul#textList
{
color: #000;
margin-top: -10px;
}
		

ul#navlist
{
padding: 0;
margin-top: 0;
margin-bottom: 5px;
margin-left: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #555;
color: #000; font-size: 10px; font-family: 'Helvetica Neue', Helvetica, sans-serif;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}

ul#navlist li { display: inline; float: left; 
border-right: 2px solid #333;}

ul#navlist li a
{
float: left;
color: #FFF;
background-color: #777;
padding: 8px 8px 5px 8px;
text-decoration: none;
}

ul#navlist li.final a
{
float: left;
color: #FFF;
background-color: #777;
padding: 8px 8px 5px 8px;
text-decoration: none;
border-right: 10px solid #333;
}

ul#navlist li a:hover
{
background-color: #055b7f;
color: #FFF;
}

ul#navlist li.here {
float: left;
color: #FFF;
background-color: #555;
padding: 8px 8px 5px 8px;
text-decoration: none;
}

ul#navlist li.here2 {
float: left;
color: #FFF;
background-color: #555;
padding: 8px 8px 5px 8px;
text-decoration: none;
border: 0;
}

ul#navlist li.hereSelect {
float: left;
color: #FFF;
background-color: #055b7f;
padding: 8px 8px 5px 8px;
text-decoration: none;
}

ul#navlist li.hereSelectFinal {
float: left;
color: #FFF;
background-color: #055b7f;
padding: 8px 8px 5px 8px;
text-decoration: none;
border-right: 10px solid #333;
}