:focus { border: 0; outline: 0; }
html, 
body {
	font-size:12px; 
	font-family:arial,sans-serif; 
	margin:0; 
	padding:0;
	color:#005e7e;
	}
body {	background-color: #6C6C6F;}	
p {line-height:1.5em;}
address {font-style:normal;}

#header, #pretty, #info, #footer, #slidein {
	width:100%;
	}

#slidein {
	background: #59595c url(images/slidein_bg.png) bottom left repeat-x;
	}
#slidein #panel { height: auto;  padding:14px 0;}
.tab ul li#espanol a {color:#aaa;}
.tab ul li#espanol a:hover {cursor: default}
#slidein .content .close_window {
	width:275px;
	height:31px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	background: url(images/close_slide.png) 0 0 no-repeat;
margin: 0 auto -14px;
position:relative; z-index:4;
	}
		
#slidein .content .close_window:hover {
	background: url(images/close_slide.png) 0 -31px no-repeat;
	}
#header {
	position:relative;
	background: url(images/header_bg1.png) top left repeat-x;
	z-index: 2;
	}
li.buttons span img {width:15px; height:15px;}
#header .content {position:relative;}
#header .content #phone_img {position:absolute; top:0; right:60px;}
#header .content #logo_header {}

#header ul, #header ul li {display:inline-block; margin:0; padding:0; list-style:none;}
#header ul {position:absolute; right:10px; top:60px;}
#home a,
#case a,
#services a,
#supply a,
#about a{background-image:url(images/nav-up.png); display:block; height:37px; text-decoration:none; text-indent:-9999px;}

#home,
#case,
#services,
#supply,
#about { margin:0; padding:0;}

#home {width: 97px;}
#case {width:140px;}
#services {width:116px;}
#supply {width:144px;}
#about {width:129px;}
#home a {}
#case a {background-position:-97px;}
#services a {background-position:-237px;}
#supply a {background-position:-353px;}
#about a {background-position:-497px;}
#home a:hover,
#case a:hover,
#services a:hover,
#supply a:hover,
#about a:hover {background-image:url(images/nav-over.png); background-position-y: -37px;}

#pretty.cStudy {background:#d1d2d4 url(images/pretty_bg_grey.png) repeat-x scroll left top; }
#info.cStudy {background-color:#c9cacc;}
#info .content {position:relative;}
#info .content .pullquote {position:absolute; top:0; right:34px; width:300px; font-size: 20px; line-height:1.3em; font-weight:bold; color:#005e78;}
#info .content .homequote {top:14px;}
#info .content .servicesquote, #info .content .supplyquote, #info .content .aboutquote{top:66px;}
#pretty {
	margin-top:-29px;
	background: #DDF5F8 url(images/pretty_bg_blue.png) top left repeat-x;
	padding-bottom:10px;
	margin-bottom:0;
	padding-bottom:0;
	}
#pretty .content img.home_2, #pretty .content img.home_3 {display: none;}	
#pretty .content img.supply_2, #pretty .content img.supply_3, #pretty .content img.supply_4 {display: none;}	
#pretty .content img { z-index: 1 !important; left: 7px !important;}	

#pretty .content {
	background: url(images/pretty_shadow_bg.png) 0 0 no-repeat; 
	text-align:center;
	height:380px;
	}

#info {
	background-color:#d6f3f6;
	padding-bottom:1em;
	line-height:1.4em;
	}
#info hr {
	border-color:#bbb #fff #fffef8;
	border-style: solid;
	border-width:1px 0;
	width:906px;
	margin:0 auto 14px;
	padding:0;
	}

#info .content .col1, #info .content .col2, #info .content .col3 {
	width:250px;
	padding:5px;
	margin:20px;
	display:inline-block;
	vertical-align:top;
	}

#footer {
	background: #59595c url(images/footer_bg.png) 0 0 repeat-x; 
	border-top:1px solid #5a5942;
	padding-bottom:10px;
	padding-top:14px;
	line-height:1.4em;
	}

#footer .content a{
	color:#ccc;
	text-decoration: none;
	}
#footer .content a:hover{
	color:#fff;
	}

#footer .content h4 {
	color:#fff;
	position:relative;
	margin-bottom:7px;
	}
#footer .content h4 img {
	left:-70px;
	position:absolute;
	top:-18px;
	}
#footer .content ul, #footer .content div {
	display:inline-block;
	width:260px;
	vertical-align:top;
	}
#footer .content ul, #footer .content div, .copyright {
	color:#ccc;
	}
#footer .content ul { margin-top: 0; padding-left:26px;}
#footer .content ul li {
	list-style-type:none;
	}
#footer .content div {margin-left:40px;}
#footer .content ul.social_list {margin-left:14px;}
.social_list li {position:relative;}
.social_list li.more_margin {margin:20px 0;}
.social_list li span{ text-indent:-9999px; position:absolute; left:-40px;top:-11px; display:block; background: url(images/social_media_images.png) 0 0 no-repeat; width:36px; height:36px;}
.social_list li.linkedin span {}
.social_list li.facebook span {background-position: 0 -38px;}
.social_list li.youtube span {background-position: 0 -76px;}
.copyright {
	text-align:center;
	font-size:90%;
	margin:28px 0;
	}

.content {
	width:967px; margin:0 auto; 
	}


div.highlight {
	background:url(images/highlight_shadow.png) left bottom no-repeat;
	width:619px;
	padding:0 7px 7px 7px;
	}
div.yellowFrame {
	padding:9px; 
	background-color:#fdfbdc; 
	width:587px; 
	border-top:1px solid #fffef8;
	}
	
	
/* from index html file */

			#slidein { z-index: 3; position: relative; top: 0; margin: 0 auto; height: auto; }
			#slidein .content { display: none; overflow: visible; position: relative;}
			.col12, .col22 {  width: 430px; float: left; clear: none; }
			.tab {
				background: transparent url(images/tab_bg.png) bottom left no-repeat;
				position: relative;
				width: 348px;
				height: 41px;
				top: 0;
				left: 50%;
				z-index: 3;
				margin: 0 0 0 128px;
				text-align: center; 
				padding: 0;
				display: block;
				
				}
			.tab ul {
				list-style: none;
				margin: 0; padding: 0;
				}
			.tab li {
				list-style: none;
				display: inline;
				}
			.tab a {
				text-transform: uppercase;
				color: #fff;
				font-size: 8pt;
				background: transparent;
				text-decoration: none;
				border-right: 2px solid #fff;
				display: inline-block;
				width: 100px;
				margin-top: 15px;
				text-align: center;
				padding: 0px 5px;
				}
			.tab li + li + li a { 
				border-right: none; 
				}
			.clear { display: block; clear: both; float: none; }
/*end from index*/
/* from case */

			/* case study page styles */
			#pretty.case_study {background: #D1D2D4 url(images/pretty_bg_grey.png) repeat-x scroll left top; border-bottom:1px solid #D1D2D4; }
			#info.case_study {background-color: #D1D2D4;}
			#info.case_study .content {position:relative; padding-bottom: 10px;}
			.cStudy .highlight {background-position:bottom left;}
			.cStudy .yellowFrame {}
			.cStudy .yellowFrame .text_box_shadow {height:auto; background:url(images/text-box-shadow.png) no-repeat bottom left; width:585px; margin-left:-9px; padding:10px 9px 11px;}
			.cStudy .yellowFrame .text_box_shadow .text_box {background-color:#fff; height:auto; padding:9px;}
			.cStudy .yellowFrame .text_box_shadow .text_box p {margin:0; padding:0;}
			.text_box h4 { line-height: 1; padding: 0; margin: 0; }	
			#info.case_study .content ul#csMenu li {width:100%;list-style:none;}
			#supplychain { position: absolute; left: 650px; top: 116px;}
			#supplychain ul { list-style: none; padding: 0; margin: 0; }
			#supplychain ul li { list-style: none; color: #5a5a5d; text-transform: uppercase; font-size: 12px; line-height: 150%;}
			#supplychain h3 { display:block; text-indent: -9999px; font: 1px sans-serif; color: #d1d2d4; background: transparent url(images/supply_chain/supplychainservices.png) top left no-repeat; width: 271px; height: 18px; margin-bottom: 10px; }
			.case2,
			.case3 { display: none; }
			#info.cStudy .content ul#csMenu {
				padding:0;
				margin:0;
				position:absolute;
				list-style:none;
				top:14px;
				left:624px;
				height:87px;
				text-align: center;
				width:342px;
				background: transparent url(images/casestudymenu.png) top left no-repeat;
				}
			#info.cStudy #csMenu li { position: relative; }
			#info.cStudy #csMenu a { position: absolute; text-decoration: none; display:block !important; color: #8a864d; width: 16px; font-size: 12px; font-weight: normal; padding: 5px 2px 0 2px; }
			#info.cStudy #csMenu a:hover { font-weight: bold; }
			#info.cStudy #csMenu a.case1 { left: 141px; top: 5px; }
			#info.cStudy #csMenu a.case2 { left: 161px; top: 5px; }
			#info.cStudy #csMenu a.case3 { left: 181px; top: 5px; }
			#info.cStudy #csMenu a#prev,
			#info.cStudy #csMenu a#next { padding: 0;background: transparent url(images/prevnext-up.png) top left no-repeat; display:block; position: absolute; height: 39px; top: 30px; text-indent: -9999px; }
			#info.cStudy #csMenu a#prev { width: 45px; left: 66px; }
			#info.cStudy #csMenu a#next { width: 164px; left: 111px; background-position: top right;}
			#info.cStudy #csMenu a#prev:hover,
			#info.cStudy #csMenu a#next:hover { background-image: url(images/prevnext-down.png); }
/* end from case */

			.col12 {margin:0 22px 0 30px; }
			.col22 {margin:0 30px 0 22px; }
.col22 ul, .col22 li {display:inline-block; margin:0 0 14px; padding:0; list-style: none;}
.col22 li {margin:0 12px 7px 0;}
.col12 p, .col22 p, .col22 ul, .col22 li, .col22 h4 {color:#ccc;}
.col22 h2, .col12 h2 {color:#eee; font-size:20px; margin:0 0 12px; padding:0;}
.col22 h4 {font-weight:normal;margin: 0; padding:0;}
.col22 a {color:#ccc; text-decoration: none;}
.col22 a:hover {color:#fff;}
.col12 p, .col22 p {margin:0 0 14px;}

#error_yellow, #received_form {margin:60px 0 40px;  float:left; color:#fff; line-height:1.3em; width:100%;}
#error_yellow {color:#000; background-color: yellow; display: none;}
#received_form p {color:#fff; padding:14px 0;}
#error_yellow p {color:#000;  padding:14px;}

.star {
position: absolute; right: -15px; top: 5px;}
/* fix the firefox slidein and footer background color problem */
@-moz-document url-prefix() {
	#slidein,#footer { background-color: #6c6c6f; }
	#info.cStudy {background-color:#d1d2d4;}
	#info {background-color:#DDF5F8}
	}