/* Link control */
a:link, a:visited {
	color: #0040A1;
}

a:hover {
	color: #000;
}

a {
	outline: none;
}

p {
	margin-top: 0;
}

body {
	background-color: #B6B7B9;
	font-family: trebuchet MS, sans-serif;
	font-size: small;
	line-height: 1.5em;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper {
	width: 7in;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
}

#header {
    display: none;
}

#topNav {
    display: none;
}

#homeSplash {
	width: 815px;
	height: 337px;
	background: url(../images/homeSplash.jpg) no-repeat;
}

#homeSplash h1 {
font-size: 20px;
font-weight: bold;
margin: 0 0 7px 0;
padding: 0;
line-height: 24px;
}

#home-main {
float: right;
display: inline;
width: 335px;
margin: 25px 25px 0 0;
padding: 0;
}
	
#bottomBar {
	width: 815px;
	height: 28px;
	background-color: #0040A1;

}

#bodyShell {
	width: auto;
}

#mainBody {
    width: 815px;
    margin: 0;
    border: 0px solid black;
}

#mainBodySec {
    width: auto;
	overflow: auto;
}

#footer {
    clear: both;
	padding: 4px 0 0 0;
	height: 20px;
    font-size: 85%;
	text-align: center;
	font-weight: 900;
	background-color: #5EA4D7;
	color: #fff;
}

#footer a:link, #footer a:visited {
    color: #fff;
}

/* header Controls */

#logo {
	float: left;
}

#logo img {
	border: 0;
}

#headerNav {
	display:none;	
}

#headerNav a:link, #headerNav a:visited {
	color: #000;	
}

/* bottomBar Controls */

#leftHome h1,
#rightHome h1 {
	font-size: 130%;
	font-weight: 900;
	margin: 0;
	padding: 25px 0 0 0;
	line-height: 1.2em;
}

#leftHomeTitle h1,
#rightHomeTitle h1 {
	font-size: 130%;
	font-weight: 900;
	margin: 0;
	padding: 0;
	line-height: 28px;
	color: #fff;
	}

#leftHome ul, #rightHome ul {
	padding: 0 0 0 0;
	margin: 5px 0 10px 30px;
}


/* mainBody Controls */

#mainBodySec #noLeftNav {
	padding: 0;
}

#mainBodySec #chart-wrap {
	width: auto;
	padding: 0;
}

#mainBodySec h1.pageheader {
	font-size: 150%;
	font-weight: 900;
	margin: 0 0 5px 0;
	padding: 0;
}

#mainBodySec h2.subheader {
	font-size: 120%;
	font-weight: 900;
	margin: 0;
	padding: 0;
}

#mainBodySec h3 {
	font-size: 110%;
	font-weight: 900;
	margin: 0;
	padding: 0;
}

#subLeft {
	display: none;
}

#subLeft ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#subLeft li {
	border-bottom: 1px dotted black;
	margin-right: 30px;
	padding: 5px 0 5px 0;
}

#subLeft li.selected {
	font-weight: 900;
}

#subLeft li a {
	text-decoration: none;
}

#subLeft li a:hover {
	text-decoration: underline;
}

#subRight {
	float: left;
	width: auto;
	padding: 70px 0;
}

#leftHome {
	float: left;
	display: inline;
	width: 409px;
	padding: 0 0 0 30px;
	height: 180px;
	border: 0px solid black;
	background: #D7E8F5 url(../images/cansBG.jpg) no-repeat bottom right;
	border-right: 2px solid #0040A1;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 377px;
	}

#rightHome {
	float: left;
	display: inline;
	width: 406px;
	margin: 0;
	padding: 0 0 0 30px;
	height: 180px;
	background: #D7E8F5 url(../images/pantoneBG.jpg) no-repeat bottom right;
	width: 376px;
}

#home-title-wrap {
margin: 0;
padding: 0;
width: 815px;
}
#leftHomeTitle {
	float: left;
	display: inline;
	width: 409px;
	padding: 0 0 0 30px;
	height: 28px;
	background: #0040A1;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 379px;
}


#rightHomeTitle {
	float: left;
	display: inline;
	width: 406px;
	margin: 0;
	padding: 0 0 0 30px;
	height: 28px;
	background: #0040A1;
	width: 376px;
}

.photoRight {
	float: right;
	margin: 0 0 30px 20px;
	padding: 3px;
	border: 1px solid #000;
}

.appBox {
	float: left;
	width: 125px;
	margin: 0 25px 0px 0;
	padding: 0 0 40px 0;
	text-align: center;
}

/* Nav Control */

#topNav ul {
	list-style: none;
    padding: 0;
    margin: 0;
}

li.navAbout {
    height: 39px;
    width: 132px;
    float: left;
    background: url(../images/navAbout.gif) no-repeat 0 0;
    }

li.navAbout a.selected, li.navAbout a:hover {
    height: 39px;
    width: 132px;
    float: left;
    background: url(../images/navAbout.gif) no-repeat 0 -39px;
    }
    
li.navAbout a:link, li.navAbout a:visited {
    height: 39px;
    width: 132px;
    float: left;
    text-indent: -1000em;
    }

li.navApp {
    height: 39px;
    width: 150px;
    float: left;
    background: url(../images/navApp.gif) no-repeat 0 0;
    }

li.navApp a.selected, li.navApp a:hover {
    height: 39px;
    width: 150px;
    float: left;
    background: url(../images/navApp.gif) no-repeat 0 -39px;
    }
    
li.navApp a:link, li.navApp a:visited {
    height: 39px;
    width: 150px;
    float: left;
    text-indent: -1000em;
    }

li.navProd {
    height: 39px;
    width: 130px;
    float: left;
    background: url(../images/navProd.gif) no-repeat 0 0;
    }

li.navProd a.selected, li.navProd a:hover {
    height: 39px;
    width: 130px;
    float: left;
    background: url(../images/navProd.gif) no-repeat 0 -39px;
    }
    
li.navProd a:link, li.navProd a:visited {
    height: 39px;
    width: 130px;
    float: left;
    text-indent: -1000em;
    }

li.navNews {
    height: 39px;
    width: 106px;
    float: left;
    background: url(../images/navNews.gif) no-repeat 0 0;
    }

li.navNews a.selected, li.navNews a:hover {
    height: 39px;
    width: 106px;
    float: left;
    background: url(../images/navNews.gif) no-repeat 0 -39px;
    }
    
li.navNews a:link, li.navNews a:visited {
    height: 39px;
    width: 106px;
    float: left;
    text-indent: -1000em;
    }

li.navTI {
    height: 39px;
    width: 163px;
    float: left;
    background: url(../images/navTI.gif) no-repeat 0 0;
    }

li.navTI a.selected, li.navTI a:hover {
    height: 39px;
    width: 163px;
    float: left;
    background: url(../images/navTI.gif) no-repeat 0 -39px;
    }
    
li.navTI a:link, li.navTI a:visited {
    height: 39px;
    width: 163px;
    float: left;
    text-indent: -1000em;
    }

li.navContact {
    height: 39px;
    width: 134px;
    float: left;
    background: url(../images/navContact.gif) no-repeat 0 0;
    }

li.navContact a.selected, li.navContact a:hover {
    height: 39px;
    width: 134px;
    float: left;
    background: url(../images/navContact.gif) no-repeat 0 -39px;
    }
    
li.navContact a:link, li.navContact a:visited {
    height: 39px;
    width: 134px;
    float: left;
    text-indent: -1000em;
    }

/* -- [ learn more buttons ] -- */

a.btn-lm-lrg,
a.btn-lm-lrg:visited,
a.btn-lm-lrg:hover {
display: block;
margin: 0;
padding: 0 0 0 13px;
width: 129px;
height: 28px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 28px;
text-align: left;
background: url(../images/btn-learn_more-lrg.png) top left no-repeat;
text-decoration: none;
voice-family: "\"}\""; 
voice-family:inherit;
width: 116px;
}

a.btn-lm-sml,
a.btn-lm-sml:visited,
a.btn-lm-sml:hover {
display: block;
margin: 0;
padding: 0 0 0 9px;
width: 109px;
height: 24px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 24px;
text-align: left;
background: url(../images/btn-learn_more-sml.png) top left no-repeat;
text-decoration: none;
voice-family: "\"}\""; 
voice-family:inherit;
width: 100px;
}

/* -- [ color chart table styles ] -- */

table.tbl-chart {
font-size: 11px;
width: 7in;
margin: 0;
padding: 0;
border: none;
border-collapse: collapse;
}

table.tbl-chart tr.row-headings {
background: #818D96;
color: #fff;
font-weight: bold;
}

table.tbl-chart td {
padding: 2px;
border: solid 1px #000;
text-align: center;
}

table.tbl-chart tr.alt-row {
background: #D7E8F5;
}

table.tbl-chart td.swatch-cell {
background: #fff !important;
}

/* Contact Us Controls */

form#contactform {
margin: 0;
padding: 0;
}

form#contactform dd {
display: block;
margin: 0 0 7px 0;
}