/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
body {
	/*line-height: 1;*/
	font-size: 80%;
	font-family: Helvetica, Arial;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a:link,
a:active,
a:visited,
a:hover{
	cursor: pointer;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* main styles start here */
.clear{
	clear: both;
}

.underline{
	text-decoration: underline;
}

#sideBar li:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#sideBar li,
.clearfix {
	display: inline-block;
}
html[xmlns] #sideBar li,
html[xmlns] .clearfix {
	display: block;
}
* html #sidebar li,
* html .clearfix {
	height: 1%;
}
/* textures and styles */
body{
	background-color: #000000;
}
.page{
	width: 903px;
	margin: 0px auto;
	display: block;
}
#header{
	background: #000 url(../img/texture/header.gif) top center repeat-x;
	height: 69px;
}
#header .page{
	position: relative;
}
#content{
	padding: 5px 0px 40px 0px;
	position: relative;
	z-index: 1000;
	display: block;
	background: #788c95 url(../img/texture/content.gif) top center repeat-x fixed;
}
#content .page{

}

#pageBody div.content a:link,
#pageBody div.content a:visited{
	color: #49748C;
}

#pageBody div.content a:active,
#pageBody div.content a:hover{
	text-decoration:underline;
	color: #3b5b6e;
}

#footer{
	background: #000 url(../img/texture/footer.gif) top center repeat-x;
	height: 100px;
}

h4 {
	font-size: 1.3em;
	color: #49748c;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	display: block;
	padding: 0px 0px 10px 0px;
}
h5 {
	font-size: 1.1em;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	display: block;
	padding: 0px 0px 5px 0px;
}

p {
	color: #525151;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 16px;
	padding-bottom: 20px;
	display: block;
}

.regSizer,
#content .regSizer {
	font-size: .6em;
	vertical-align:top;
	color: #525151;
}

#content span.header {
	color: #49748C;
}

.content ul{
	margin: 0px;
	padding: 10px 20px 20px 20px;
	
}
.content ul li{
	color: #525151;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 3px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 15px;
	background: transparent url(../img/icons/dot.gif) left 7px no-repeat;
	/*font-weight: bold;*/
	font-family: Helvetica, Arial;
	clear: both;
}
.imgLeft{
	float: left;
	margin: 15px;
	margin-left: 0px;
	margin-top: 3px;
}
/* overlay */

/* the overlayed element */
.simple_overlay {
    /* must be initially hidden */
    display:none;
    /* place overlay on top of other elements */
    z-index:10000;
    /* styling */
    background-color:#333;
    width:675px;
   /* min-height:200px; */
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../img/texture/overlay-close.png);
    position:absolute;
    right: 15px;
    top: 16px;
    cursor:pointer;
    height:16px;
    width:16px;
}
.simple_overlay p{
	color: #fff;
	font-weight: bold;
}
#form .title{
	margin-bottom: 0px;
	margin-bottom: 2px;
}
.simple_overlay .title,
.simple_overlay .content
{

}
.next, .prev {
    /* absolute positioning relative to the overlay */
    position:absolute;
    top:40%;

    /* upcoming CSS3 rounded border feature */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	background: #fff;
	color: #000;
	padding: 10px;
}
#simpleOverlay .disabled{
	visibility: hidden;
}
.info{

	padding: 10px;
	background: #ffffff;
}
.next{
	right: 0px;
}
.prev {
	left: 0px;
}
/* progress indicator (animated gif). should be initially hidden */
.progress {
    position:absolute;
    top:45%;
    left:50%;
    display:none;
}


/* header */
#header a span{

}
#logo{
	display: block;
	float: left;
	margin-top: 27px;
}
#logo span{
	display: none;
}
#navWell{
	float: right;
	width: 688px;
}
#topUtilNav{
	float: right;
	margin-top: 12px;
}
#topUtilNav a:link,
#topUtilNav a:active,
#topUtilNav a:visited{
	float: left;
	display: block;
	color: #b6b6b6;
	font-size: 0.8em;
	border-right: 1px solid #aeaeae;
	padding: 0px 8px;
	font-family: Helvetica, Arial;
	font-weight: bold;
}
#topUtilNav a:hover{
	color: #88afbf;
}
#topUtilNav .appleton img{
	display: block;
	margin: 2px 0px;
}
#topUtilNav a.share:link,
#topUtilNav a.share:active,
#topUtilNav a.share:visited,
#topUtilNav a.share:hover
{
	padding-right: 23px;
	background: transparent url(../img/icons/share.gif) center right no-repeat;
}

#topUtilNav a.last:link,
#topUtilNav a.last:active,
#topUtilNav a.last:visited,
#topUtilNav a.last:hover
{
	border: 0px solid #aeaeae;
}
#mainNav{
	position: absolute;
	top: 34px;
	z-index: 1;
	width: 670px;
}

#mainNavHover{
	position: absolute;
	left: 0px;
	display: block;
	width: 103px;
	height: 48px;
	z-index: 1;
}
#mainNav a:link,
#mainNav a:active,
#mainNav a:visited,
#mainNav a:hover{
	display: block;
	background: transparent url(../img/header/mainNavActive.png) 0px 40px no-repeat;
	height: 34px;
	float: left;
}
#mainNav a:link span,
#mainNav a:active span,
#mainNav a:visited span,
#mainNav a:hover span
{
	z-index: 10;
	display: block;
	background: transparent url(../img/header/mainNav2.png) top center no-repeat;
	height: 34px;
}
#mainNav a span{
	float: none;
	width: 100%;
	display: block;
}
#mainNav a span b{
	display: none;
}
#mainNav a.workingTogether:link span,
#mainNav a.workingTogether:active span,
#mainNav a.workingTogether:visited span,
#mainNav a.workingTogether:hover span{
	width: 145px;
	background-position: 0px 0px;
}
#mainNav a.ourTech:link span,
#mainNav a.ourTech:active span,
#mainNav a.ourTech:visited span,
#mainNav a.ourTech:hover span{
	width: 132px;
	background-position: -145px 0px;
}
#mainNav a.successStudies:link span,
#mainNav a.successStudies:active span,
#mainNav a.successStudies:visited span,
#mainNav a.successStudies:hover span{
	width: 123px;
	background-position: -277px 0px;
}
#mainNav a.about:link span,
#mainNav a.about:active span,
#mainNav a.about:visited span,
#mainNav a.about:hover span{
	width: 79px;
	background-position: -403px 0px;
}
/* subnav */
#subNavShell{
	height: 21px;
	background-color: #90a1a8;
}
#subNav{
	position: relative;
	height: 21px;
	z-index: 100;
	overflow: hidden;
	background-color: #c6d0d3;
}
#subNav .subNavItem{
	background-color: #c6d0d3;
	height: 21px;
	position: absolute;
	top: -21px;
	left: 0px;
	right: 0px;
}
#subNav .page{
	position: relative;
}
#subNav .page a:link,
#subNav .page a:active,
#subNav .page a:visited,
#subNav .page a:hover
{
	display: block;
	height: 8px;
	float: left;
	margin-right: 25px;
}
#subNav .page a span{
	display: none;
}

#subNav .page div{
	padding: 6px 0px;
}
#subNav .workingTogether .page div{
	margin-left: 214px;
}
#subNav .ourTech .page div{
	margin-left: 225px;
}
#subNav .markets .page div{
	margin-left: 500px;
}
#subNav .about .page div{
	margin-left: 620px;
}
#subNav .successStudies .page div{
	margin-left: 500px;
}
#subNav .ourTech a:link,
#subNav .ourTech a:active,
#subNav .ourTech a:visited,
#subNav .ourTech a:hover{
	background: transparent url(../img/header/subNav-ourTech.gif) top center no-repeat;
}
#subNav .ourTech a.marketsIndustries:link,
#subNav .ourTech a.marketsIndustries:active,
#subNav .ourTech a.marketsIndustries:visited{
	background-position: 0px 0px;
	width: 137px;
}
body.marketsIndustries #subNav .ourTech a.marketsIndustries:link,
body.marketsIndustries #subNav .ourTech a.marketsIndustries:active,
body.marketsIndustries #subNav .ourTech a.marketsIndustries:visited,
#subNav .ourTech a.marketsIndustries:hover{
	background-position: 0px -8px;
}

#subNav .ourTech a.coreMaterials:link,
#subNav .ourTech a.coreMaterials:active,
#subNav .ourTech a.coreMaterials:visited{
	background-position: -158px 0px;
	width: 96px;
}
body.coreMaterials #subNav .ourTech a.coreMaterials:link,
body.coreMaterials #subNav .ourTech a.coreMaterials:active,
body.coreMaterials #subNav .ourTech a.coreMaterials:visited,
#subNav .ourTech a.coreMaterials:hover{
	background-position: -158px -8px;
}

#subNav .ourTech a.largeScaleCapacity:link,
#subNav .ourTech a.largeScaleCapacity:active,
#subNav .ourTech a.largeScaleCapacity:visited{
	background-position: -279px 0px;
	width: 133px;
}
body.largeScaleCapacity #subNav .ourTech a.largeScaleCapacity:link,
body.largeScaleCapacity #subNav .ourTech a.largeScaleCapacity:active,
body.largeScaleCapacity #subNav .ourTech a.largeScaleCapacity:visited,
#subNav .ourTech a.largeScaleCapacity:hover{
	background-position: -279px -8px;
}
#subNav .successStudies a:link,
#subNav .successStudies a:active,
#subNav .successStudies a:visited,
#subNav .successStudies a:hover{
	background: transparent url(../img/header/subNav-successStory.gif) top center no-repeat;
}
#subNav .successStudies a.proctorGamble:link,
#subNav .successStudies a.proctorGamble:active,
#subNav .successStudies a.proctorGamble:visited{
	background-position: 0px 0px;
	width: 114px;
}
body.proctorGamble #subNav .successStudies a.proctorGamble:link,
body.proctorGamble #subNav .successStudies a.proctorGamble:active,
body.proctorGamble #subNav .successStudies a.proctorGamble:visited,
#subNav .successStudies a.proctorGamble:hover{
	background-position: 0px -8px;
}
#subNav .successStudies a.carbonless:link,
#subNav .successStudies a.carbonless:active,
#subNav .successStudies a.carbonless:visited{
	background-position: -138px 0px;
	width: 76px;
}
body.carbonless #subNav .successStudies a.carbonless:link,
body.carbonless #subNav .successStudies a.carbonless:active,
body.carbonless #subNav .successStudies a.carbonless:visited,
#subNav .successStudies a.carbonless:hover{
	background-position: -138px -8px;
}
#subNav .about a:link,
#subNav .about a:active,
#subNav .about a:visited,
#subNav .about a:hover{
	background: transparent url(../img/header/subNav-about.gif) top center no-repeat;
}
#subNav .about a.contactUs:link,
#subNav .about a.contactUs:active,
#subNav .about a.contactUs:visited{
	background-position:0px 0px;
	width: 71px;
}
body.contactUs #subNav .about a.contactUs:link,
body.contactUs #subNav .about a.contactUs:active,
body.contactUs #subNav .about a.contactUs:visited,
#subNav .about a.contactUs:hover{
	background-position: 0px -8px;
}
#subNav .about a.careers:link,
#subNav .about a.careers:active,
#subNav .about a.careers:visited{
	background-position: -95px 0px;
	width: 53px;
}
body.careers #subNav .about a.careers:link,
body.careers #subNav .about a.careers:active,
body.careers #subNav .about a.careers:visited,
#subNav .about a.careers:hover{
	background-position: -95px -8px;
}
#subNav .about a.news:link,
#subNav .about a.news:active,
#subNav .about a.news:visited{
	background-position: -170px 0px;
	width: 32px;
}
body.news #subNav .about a.news:link,
body.news #subNav .about a.news:active,
body.news #subNav .about a.news:visited,
#subNav .about a.news:hover{
	background-position: -170px -8px;
}


/* footer */
#footer{
	padding-top: 20px;
}
#footer ul {
	padding-bottom: 20px;
}
#footer li{
	/*margin-right: 90px;*/
	width: 180px;
	float: left;
}
#footer li a:link,
#footer li a:active,
#footer li a:visited
{
	color: #5b91b0;
	font-family: Avenir, Helvetica, Arial;
	display: block;
	font-size: 0.9em;
	padding: 3px 0px;
	font-weight: bold;
}
#footer li a:hover{

}
#footer li li a:link,
#footer li li a:active,
#footer li li a:visited
{
	color: #b6b6b6;
	font-size: 0.8em;
	font-weight: normal;
}
#footer li li a:hover{

}
#copyright p,
#copyright span,
#copyright p.caption {
	display: inline;
	color: #b6b6b6;
	font-size: 0.7em;
}
#copyright span {
	padding: 0px 2px;
}
#copyright p.caption {
	font-style: italic;
	padding-right: 20px;
}
#copyright a:link,
#copyright a:active,
#copyright a:visited{
	color: #b6b6b6;
	font-weight: normal;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
}
#copyright a:hover{
	color: #5B91B0;
}

/* content styles */
#content a.ql:link,
#content a.ql:active,
#content a.ql:visited{
	padding: 3px 0px 3px 8px;
	background: transparent url(../img/icons/dot.gif) left center no-repeat;
	display: block;
	color: #fff;
	font-weight: bold;
	font-family: Helvetica, Arial;
	float: left;
}
#content a.ql:hover{

}
#content a.ql-box:link,
#content a.ql-box:active,
#content a.ql-box:visited,
#content a.ql-box:hover{
	background: transparent url(../img/icons/arrowBttn.png) center center no-repeat;
	display: block;
	height: 20px;
	width: 21px;
}
#content a.ql-box span{
	display: none;
}
#content span {
	padding: 2px;
	color: #fff;
}


#markets #content span, #ourTech #content span {
	padding: 0px;
}
/* title nav bar styles */
#titleBar{
	overflow: auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffffff;
}
#titleBar .title{
	float: left;
	margin-top: 29px;
	padding-left: 33px;
	background: transparent url(../img/icons/header-arrow.gif) left center no-repeat;
}
#titleBar .titleNum {
	height: 64px;
	width: 125px;
	float: right;
}
body.oneZero #titleBar .titleNum {
	background: transparent url(../img/header/1-0.gif) center center no-repeat;
}
body.oneOne #titleBar .titleNum {
	background: transparent url(../img/header/1-1.gif) center center no-repeat;
}
body.oneTwo #titleBar .titleNum {
	background: transparent url(../img/header/1-2.gif) center center no-repeat;
}
body.oneThree #titleBar .titleNum {
	background: transparent url(../img/header/1-3.gif) center center no-repeat;
}
body.twoZero #titleBar .titleNum {
	background: transparent url(../img/header/2-0.gif) center center no-repeat;
}
body.twoOne #titleBar .titleNum {
	background: transparent url(../img/header/2-1.gif) center center no-repeat;
}
body.twoTwo #titleBar .titleNum {
	background: transparent url(../img/header/2-2.gif) center center no-repeat;
}
body.twoThree #titleBar .titleNum {
	background: transparent url(../img/header/2-3.gif) center center no-repeat;
}
body.threeZero #titleBar .titleNum {
	background: transparent url(../img/header/3-0.gif) center center no-repeat;
}
body.threeOne #titleBar .titleNum {
	background: transparent url(../img/header/3-1.gif) center center no-repeat;
}
body.threeTwo #titleBar .titleNum {
	background: transparent url(../img/header/3-2.gif) center center no-repeat;
}
body.threeThree #titleBar .titleNum {
	background: transparent url(../img/header/3-3.gif) center center no-repeat;
}
body.threeFour #titleBar .titleNum {
	background: transparent url(../img/header/3-4.gif) center center no-repeat;
}
body.fourZero #titleBar .titleNum {
	background: transparent url(../img/header/4-0.gif) center center no-repeat;
}
body.fourOne #titleBar .titleNum {
	background: transparent url(../img/header/4-1.gif) center center no-repeat;
}
body.fourTwo #titleBar .titleNum {
	background: transparent url(../img/header/4.2.gif) center center no-repeat;
}
body.fourThree #titleBar .titleNum {
	background: transparent url(../img/header/4-3.gif) center center no-repeat;
}

#titleNav{
	overflow: hidden;
	padding: 0px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ffffff;
}
#titleNav div.inner{
	float: right;
	overflow: auto;
}

#titleNav div a.print:link,
#titleNav div a.print:active,
#titleNav div a.print:visited,
#titleNav div a.print:hover
{
	display: block;
	float: left;
	height: 22px;
	width: 15px;
	margin-left: 5px;
	background: transparent url(../img/icons/titleNav.gif) top center no-repeat;
	background-position: -21px 0px;
}

#titleNav div a.print:link span,
#titleNav div a.print:active span,
#titleNav div a.print:visited span,
#titleNav div a.print:hover span{
	display: none;
}

/* content bocks */
.contentBlock h2,
.contactPopUp h2{
	color: #ffffff;
	font-size: 1.35em;
	font-weight: bold;
	font-family: Helvetica, Arial;
	float: left;
	display: block;
}

.contentBlock h2.contentHead {
	font-size: 1.3em;
	color: #49748c;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	display: block;
	float: none;
	padding: 0px 0px 10px 0px;
}

#content .contactPopUp h2 span{
	color: #bbd2df;
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
	padding-left: 10px;
}
.contentBlock .content{
	background: transparent url(../img/texture/contentBlock.gif) top center repeat;
	padding: 15px;
}


.alt .content{
	background: transparent url(../img/texture/altBg.png) top center repeat-y;
	padding: 0px;
}
.alt .content .space{
	padding: 15px;
}
.contentBlock .title {
	border-bottom: 2px solid #d5dde0;
	padding: 13px 15px 8px 15px;
	background: transparent url(../img/texture/contentBlock.gif) top center repeat;
}
.alt .title{
	margin-bottom: 0px;
	text-transform: uppercase;
}
.alt .title h2 {
	font-weight: normal;
}
/* page body */
#pageBody{
	width: 594px;
	float: left;
}
/*Sidebar Styles Begin Here*/
#sideBar{
	width: 283px;
	float: right;
}
#sideBar a:link,
#sideBar a:visited{
	color: #fff;
	text-decoration: underline;
}

#sideBar a:active,
#sideBar a:hover{
	text-decoration: none;
}
#sideBar p {
	color: #fff;
	margin: 0px;
	padding: 0px;
}
#sideBar .vspace {
	padding-top: 20px;
}
body.contactUs #sideBar .content{
	overflow: auto;
}
#sideBar .ql-box{
	float: right;
}
#sideBar #contacts{
	margin-top: 17px;
}
#sideBar #contacts h3{
	color: #49748c;
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 3px;
	font-family: Helvetica, Arial;
}
#sideBar #contacts p{
	color: #525151;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
}

#sideBar ul,
#sideBar li
{

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sideBar li {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 15px;
	color: #fff;
	background: transparent url(../img/icons/dot.gif) left 7px no-repeat;
	/*font-weight: bold;*/
	font-family: Helvetica, Arial;
	clear: both;
}
#pageBody li.pdf, #sideBar li.pdf{
	padding: 0px 0px 0px 15px;
	background: transparent url(../img/icons/pdf.gif) left 2px no-repeat;
}
#sideBar span {
	color: #fff;
	font-weight: normal;
	font-family: Helvetica, Arial;
	display: block;
}
div.seperator {
	display: inline;
}
#sideBar li a.studies:link,
#sideBar li a.studies:active,
#sideBar li a.studies:visited {
	color: #fff;
	float: left;
	text-decoration: none;
}
#sideBar li a.studies:hover {

}

#about #sideBar .caption {
	color: #666;
}

.caption {
	color: #666;
	font-size: 0.6em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}

.footnote {
	font-size: 0.6em;
}

.viewDL {
	float: right;
	clear: right;
}
.viewDL a:link,
.viewDL a:active,
.viewDL a:visited{
	display: inline;
	color: #fff;
	font-weight: normal;
	font-style: italic;
	font-family: Helvetica, Arial;
	text-decoration: underline;
}
.viewDL a:hover{

}
/*Sidebar Styles End Here*/
/* home page */
#homeFeatureNav{
	float: right;
}
#homeFeatureNav div{
	display: block;
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 5px;
	background-color: #fff;
	cursor: pointer;
}
#homeFeatureNav .current{
	background-color: #df1a2e;
	cursor: default;
}
#homeFeature{
	width: 900px;
	height: 446px;
	display: block;
	overflow: hidden;
	position: relative;
	clear: both;
	margin-top: 10px;
	border: 1px solid #929ba0;
}
#homeFeature .items{
	width:20000em;
    position:absolute;
    clear:both;
    margin:0;
    padding:0;
}
#homeFeature .items div.slide{
	float: left;
	width: 900px;
	height: 446px;
	margin-right: 10px;
}
#homeFeature div.content{

}
#homeFeature div.content .inner a:link img,
#homeFeature div.content .inner a:active img,
#homeFeature div.content .inner a:visited img,
#homeFeature div.content .inner a:hover img{
	display: block;
}
#homeFeature div.content .inner p{
	color: #fff;
	padding: 15px 0px;
}

#homeFeature .items div#slide2{
	background: transparent url(../img/home/feature/slide2.jpg) center center no-repeat;
}

div#slide2 div.content{
	width: 354px;
	margin-top: 38px;
	margin-left: 518px;
	background: transparent url(../img/home/feature/slide2-contentBg.png) center center repeat;
}
div#slide2 div.content .inner{
	padding: 50px 20px;
}



#homeFeature .items div#slide3{
	background: transparent url(../img/home/feature/slide3.jpg) center center no-repeat;
}
#homeFeature .items div#slide3 .content{
	margin-top: 117px;
	margin-left: 340px;
	width: 393px;
}

#homeFeature .items div#slide3 .content p{ 
	color: #666;
}
#homeFeature .items div#slide3 .content a:link,
#homeFeature .items div#slide3 .content a:active,
#homeFeature .items div#slide3 .content a:visited,
#homeFeature .items div#slide3 .content a:hover{
	margin-top: 20px;
	display: block;
}
#homeFeature .items div#slide3 .content a img{
	display: block;
}
#homeFeature .items div#slide4{
	background: transparent url(../img/home/feature/slide4.jpg) center center no-repeat;
}
#homeFeature .items div#slide4 .content{
	margin-top: 137px;
	margin-left: 45px;
	width: 448px;
}
/* homepage tabs */
#homeTabs{
	
}
#homeTabs ul.tabs li{
	display: block;
	float: left;
	position: relative;
	height: 62px;
}
#homeTabs ul.tabs a:link,
#homeTabs ul.tabs a:active,
#homeTabs ul.tabs a:visited
{
	z-index: 1000;
	position: relative;
	display: block;
	height: 62px;
	background: transparent url(../img/home/tabs/home-tabs.png) 0px 0px no-repeat;
}
#homeTabs ul.tabs .tabOne a:link,
#homeTabs ul.tabs .tabOne a:active,
#homeTabs ul.tabs .tabOne a:visited
{
	width: 224px;
	background-position: 0px 0px;
}
#homeTabs ul.tabs .tabOne a:hover{
	background-position: 0px -62px;
}
#homeTabs ul.tabs .tabOne a.current:link,
#homeTabs ul.tabs .tabOne a.current:active,
#homeTabs ul.tabs .tabOne a.current:visited,
#homeTabs ul.tabs .tabOne a.current:hover
{
	background-position: 0px -62px;
}
#homeTabs ul.tabs .tabTwo a:link,
#homeTabs ul.tabs .tabTwo a:active,
#homeTabs ul.tabs .tabTwo a:visited
{
	width: 228px;
	background-position: -224px 0px;
}
#homeTabs ul.tabs .tabTwo a:hover
{
	background-position: -224px -62px;
}
#homeTabs ul.tabs .tabTwo a.current:link,
#homeTabs ul.tabs .tabTwo a.current:active,
#homeTabs ul.tabs .tabTwo a.current:visited,
#homeTabs ul.tabs .tabTwo a.current:hover{
	background-position: -224px -62px;
}
#homeTabs ul.tabs .tabThree a:link,
#homeTabs ul.tabs .tabThree a:active,
#homeTabs ul.tabs .tabThree a:visited
{
	width: 227px;
	background-position: -452px 0px;
}
#homeTabs ul.tabs .tabThree a:hover
{
	background-position: -452px -62px;
}
#homeTabs ul.tabs .tabThree a.current:link,
#homeTabs ul.tabs .tabThree a.current:active,
#homeTabs ul.tabs .tabThree a.current:visited,
#homeTabs ul.tabs .tabThree a.current:hover{
	background-position: -452px -62px;
}
#homeTabs ul.tabs .tabFour a:link,
#homeTabs ul.tabs .tabFour a:active,
#homeTabs ul.tabs .tabFour a:visited
{
	width: 224px;
	background-position: -679px 0px;
}
#homeTabs ul.tabs .tabFour a:hover
{
	background-position: -679px -62px;
}
#homeTabs ul.tabs .tabFour a.current:link,
#homeTabs ul.tabs .tabFour a.current:active,
#homeTabs ul.tabs .tabFour a.current:visited,
#homeTabs ul.tabs .tabFour a.current:hover{
	background-position: -679px -62px;
}
#homeTabs{
	position: relative;
	z-index: 1000;
}
#homeTabs .tabs{
	display: block;
}
#homeTabs .pane{
	position: absolute;
	height: 100px;
	bottom: 59px;
	z-index: 500;
}
#homeTabs div.pane{
	overflow: hidden;
	position: absolute;
	bottom: 61px;
	left: 0px;
	display: none;
	background: #f1f1f1 url(../img/home/tabs/home-bg.gif) 0px 0px repeat-x;
	border: 1px solid #9d9c9c;
	height: 80px;
	width: 901px;
	z-index: 500;
}
#homeTabs div p{
	color: #6b6a6a;
}
#homeTabs ul.tabs div p a:link,
#homeTabs ul.tabs div p a:active,
#homeTabs ul.tabs div p a:visited{
	color: #333333;
	font-style: italic;
	display: inline;
	background-image: none;
}
#homeTabs ul.tabs div p a:hover{
	color: #000000;
}
#homeTabs div.tabOne{
	background: #f1f1f1 url(../img/home/tabs/home-tab-one.jpg) top right repeat-x;
}
#homeTabs div.tabTwo{
	background: #f1f1f1 url(../img/home/tabs/home-tab-two.jpg) top right repeat-x;
}
#homeTabs div.tabThree{
	background: #f1f1f1 url(../img/home/tabs/home-tab-three.jpg) top right repeat-x;
}
#homeTabs div.tabFour{
	background: #f1f1f1 url(../img/home/tabs/home-tab-four.jpg) top right repeat-x;
}
#homeTabs div.tabOne div{
	padding: 17px 320px 27px 22px;
}
#homeTabs div.tabTwo div{
	padding: 17px 268px 27px 17px;
}
#homeTabs div.tabThree div{
	padding: 17px 17px 27px 311px;
}
#homeTabs div.tabFour div{
	padding: 17px 17px 27px 319px;
}
/* contact us */
.contactPopUp .content {
	background: transparent url(../img/texture/contactPopUpBg.gif) top center repeat;
	padding: 15px;
}
.contactPopUp .title {
	margin-bottom: 2px;
	padding: 13px 15px 8px 15px;
	background: transparent url(../img/texture/contactPopUpBg.gif) top center repeat;
}
#leftContacts {
	float: left;
	width: 270px;
}
#rightContacts {
	float: right;
	width: 270px;
}

.featContact {
	height: 180px;
	display: block;
	clear: both;
}

.featContact img {
	display: block;
}
.featContactSpacer{
	margin-top: 40px;
}
.contactsInfo {
	margin-top: 8px;
}
.contactsInfo p {
	padding: 0px;
	margin: 0px;
}
.contactsInfo p.reachMe {
	font-size: 0.9em;
}
.contactsInfo h4 {
	padding: 0px;
	margin: 0px;
}
.contactsInfo p.jobTitle {
	font-weight: bold;
	font-size: 0.9em;
}
a.emailMe:link,
a.emailMe:active,
a.emailMe:visited{
	color: #525151;
	font-weight: normal;
	font-family: Helvetica, Arial;
	display: block;
	font-size: 0.85em;
	clear: both;
	text-decoration: underline;
}
a.emailMe:hover{

}

#form{
	width: 595px;
}
#form .left,
#form .right
{
	width: 270px;
	float: left;
}
#form .right{
	float: right;
}
#form .left div,
#form .right div{
	padding-bottom: 3px;
	clear: both;
}
#form div.small{
	overflow: hidden;
}
#form div.small div{
	float: left;
	clear: none;
	height: auto;
	color: #fff;
	margin-right: 20px;
}
#form div.small input{
	width: auto;
}
#form div.small .radio input,
#form div.small .checkbox input {
	float: left;
}
#form div.textarea{
	height: 104px;
}
#form div.textarea textarea{
	height: 68px;
	width: 98%;
}
#form label,
#form label,
#form div.small div{
	color: #ffffff;
	font-family: Helvetica, Arial;
	display: block;
	padding: 3px 0px;
	font-weight: bold;
}
form input.example{
	color: #888888;
}
form div.example{
	display: none;
	visibility: hidden;
}
#form .required label{
	padding-left: 8px;
	background: transparent url(../img/icons/dot.gif) left center no-repeat;
}
#form label.error{
	display: block;
	color: #fff;
	font-weight: normal;
	font-size: .85em;
	margin-left: 10px;
	background: transparent url(../img/icons/dot.gif) left center no-repeat;
}
#form .left input,
#form .right input{
	width: 98%;
}
#form .bottom{
	clear: both;
	float: none;
	width: 100%;
	padding-top: 64px;
	overflow: auto;
}
#form .bottom .required{
	float: left;
}
#form .bottom input.submit{
	background: transparent url(../img/icons/submit.png) top center no-repeat;
	width: 71px;
	height: 28px;
	display: block;
	float: right;
}
#form .bottom input.submit:hover{
	background-position: bottom center;
}


/*Proctor & Gamble Page Specific Styles Begin Here*/
.productShot,
.quote {
	float: right;
	padding: 0px 0px 10px 10px;
}
/*Proctor & Gamble Page Specific Styles End Here*/

/*Our Technology Page Specific Styles Begin Here*/
.techHeader {
	padding-bottom: 10px;
	display: block;
}

.vspace {
	padding-top: 10px;
}

.titleUnderline {
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}
#imgStack a:link,
#imgStack a:active,
#imgStack a:visited,
#imgStack a:hover{
	display: block;
	margin-bottom: 10px;
}
/*Our Technology Page Specific Styles End Here*/

/*Success Stories Page Specific Styles Begin Here*/
#successStudies ul {
	margin: 0px;
	padding: 0px;
}
#storyContainer {
	margin: 0px 0px 0px 15px;
}
#successStudies ul.thumbBlocks li {
	width: 136px;
	padding-bottom: 0px;
}

#sucessStories a.ql:link,
#sucessStories a.ql:active,
#sucessStories a.ql:visited{
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 10px;
	background: transparent url(../img/icons/dot.gif) left 7px no-repeat;
	display: block;
	color: #525151;
	font-weight: normal;
	font-size: 1em;
	font-family: Helvetica, Arial;
	clear: both;
}
#sucessStories a.ql:hover{

}
/*Success Stories Page Specific Styles Ends Here*/

/*About Us Page Specific Styles Begins Here*/
a.qlAlt:link,
a.qlAlt:active,
a.qlAlt:visited{
	padding: 3px 0px 3px 8px;
	margin-left: 20px;
	background: transparent url(../img/icons/dot.gif) left center no-repeat;
	display: block;
	color: #525151;
	font-weight: bold;
	font-family: Helvetica, Arial;
}
a.qlAlt:hover{

}

.thumbnail {
	clear: both;
}
.thumbnail p {
	margin: 0px;
	padding: 0px;
}
.thumbnail img {
	float: left;
	margin-right: 20px;
}
/*About Us Page Specific Styles Begins Here*/

/* workingTogether */
#workingTogether .content .left{
	float: left;
	width: 267px;
}
#workingTogether .content .right{
	float: right;
	width: 272px;
}
#collaborationTabs ul li{

}
#collaborationTabs .panes div{
	background: transparent url(../img/texture/dark-tabContent-bg.png) top left repeat;
}

#howCollaborationBegins{
	margin-top: 20px;
}
#howCollaborationBeginsAccordion{
	height:112px;
	width:903px;
	overflow: hidden;
	background: url("../img/workingTogether/panes/bg.png") no-repeat scroll right top transparent;
}
#howCollaborationBeginsAccordion .panes{
	width:2000px;
	position: relative;
}
#howCollaborationBeginsAccordion div.pane{
	float: left;
	display: block;
	background: url("../img/workingTogether/panes/bg.png") no-repeat scroll left top transparent;
	position: absolute;
}
#howCollaborationBeginsAccordion div.first{
	background: url("../img/workingTogether/panes/bg-first.png") no-repeat scroll left top transparent;
}
#howCollaborationBeginsAccordion div.last{
	background: url("../img/workingTogether/panes/bg-last.png") no-repeat scroll left top transparent;
}
#howCollaborationBeginsAccordion .devide{
	float: left;
}
#howCollaborationBeginsAccordion div.pane img{
	float: left;
	display: block;
}
#howCollaborationBeginsAccordion div.pane div.paneContent{
	height: 112px;
	padding-left: 153px;

}
.paneContent{

}
.paneContent ul{
	padding: 5px 0px 0px 0px;
}
.paneContent li
{
	list-style-image: url('../img/icons/dot.gif');
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	color: #fff;
}
.paneContent ul{
	padding: 5px 0px 0px 0px;
	font-size: .95em;
	line-height: 0.95em;
}

#howCollaborationBeginsAccordion div.one ul {
	padding: 28px 0px 0px 0px;
}

#howCollaborationBeginsAccordion div.two ul {
	padding: 20px 0px 0px 15px;
}

#howCollaborationBeginsAccordion div.three ul {
	padding: 29px 0px 0px 0px;
}

#howCollaborationBeginsAccordion div.four ul {
	padding: 26px 0 0 10px;
}

#howCollaborationBeginsAccordion div.five ul {
	padding: 20px 0px 0px 0px;
}

#howCollaborationBeginsAccordion div.one div.paneContent{
	background: transparent url(../img/workingTogether/panes/firstDiscussion.gif) 41px center no-repeat;
}
#howCollaborationBeginsAccordion div.two div.paneContent{
	background: transparent url(../img/workingTogether/panes/identifyOpportunity.gif) 41px center no-repeat;
}
#howCollaborationBeginsAccordion div.three div.paneContent{
	background: transparent url(../img/workingTogether/panes/howWeWin.gif) 41px center no-repeat;
}
#howCollaborationBeginsAccordion div.four div.paneContent{
	background: transparent url(../img/workingTogether/panes/agree.gif) 41px center no-repeat;
}
#howCollaborationBeginsAccordion div.five div.paneContent{
	background: transparent url(../img/workingTogether/panes/develop.gif) 41px center no-repeat;
}
#howCollaborationBeginsAccordion div.pane div.paneContent div{
	width: 130px;
}


/* workingTogether */

/*markets and industries*/
ul.thumbBlocks{
	margin-bottom: 30px;
	list-style-type: none;
	padding: 0px;
}
ul.thumbBlocks li{
	float: left;
	/*margin-right: 8px;
	margin-top: 8px;
	*/
}
ul.thumbBlocks  li.last{
	margin-right: 0px;
}
ul.thumbBlocks  li.clear{
	clear: both;
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 5px;
}
ul.thumbBlocks li .thumb
{
	padding-bottom: 8px;
	width: 134px;
	display: block;
	background: transparent url(../img/texture/dark-tabContent-shadow.png) bottom center no-repeat;
}
ul.thumbBlocks li .thumb div{
	display: block;
	background: #fbfbfb url(../img/texture/thumbBlocks-blockBG.gif) bottom center repeat-x;
	padding: 12px 6px;
	/*padding: 12px 0px;*/
	border: 1px solid #cccccc;
	border-bottom-color: #8a8b8c;
}

ul.thumbBlocks li .thumb a:link,
ul.thumbBlocks li .thumb a:active,
ul.thumbBlocks li .thumb a:visited,
ul.thumbBlocks li .thumb a:hover{
	display: block;
	cursor: pointer;
}

ul.thumbBlocks li .thumbTitle{
	display: block;
	height: 25px;
}
ul.thumbBlocks li .thumbnail{
	margin-top: 6px;
	display: block;
	width: 118px;
	overflow: hidden;
}
ul.thumbBlocks li .thumbnail img{
	display: block;
	margin-right: 0px;
	float: none;
	margin: 0px auto;
	float: none;
	margin: 0px 0px;
}


a.returnToTop:link,
a.returnToTop:active,
a.returnToTop:visited{
	display: block;
	float: right;
	clear: both;
	color: #49748c;
	text-decoration: underline;
	margin-bottom: 20px;
}
a.returnToTop:hover{
	color: #8c999f;
}

body#markets ul li.nudge {
	padding-right: 5px;
}
/*markets and industries*/

span.hide label {
	display: none !important;
}

#form .radio label,
#form .checkbox label {
	background: transparent none;
	float: left;
	padding-left: 0px;
}
/*********************************/
#evaporationTriggeredCapsuleRupture{
	width: 490px;
}

/*Core Maerials Styles Begin Here*/
#ourTech .thumbBlocks ul.thumbBlocks li {
	width: 136px;
	padding-bottom: 0px;
}
#ourTech #imgStack{
	width: 108px;
}
#ourTech #imgStack p.caption{
	line-height: 1.2em;
}
ul.thumbBlocks li{
	float: left;
	margin: 8px 9px 0px 0px;
	background-image: none;
	padding: 0px;
	clear: none;
}
ul.thumbBlocks  li.last{
	margin-right: 0px;
}

.newRow {
	margin-top: 20px;
}
.content .materialThumbs{
	display: block;
	padding: 0px;
}
.content .materialThumbs li {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
	background: transparent url(../img/icons/dot.gif) left 7px no-repeat;
	display: block;
	color: #525151;
	font-weight: normal;
	font-size: 1em;
	font-family: Helvetica, Arial;
	clear: both;
	
}
.content .grid li{
	width: 106px;
	float: left;
	clear: none;
}
/*Core Materials Styles End Here*/
/*png page styles begun*/
.towel	{
	background: no-repeat url(../img/p-n-g/product-shot2.png) right top;
}
/*png page styles end*/