/* CSS Document */

/*
Theme Name: bang printing
Author: YORK eMedia
Author URI: http://yorkemedia.com/
Version: 1.0
*/

/* Global basic styles
------------------------------------------ */
* {margin: 0; padding: 0}
html {overflow-y: scroll; 
	background-image: url(images-layout/ruledbackground.gif);
	background-repeat: repeat;}
body {
	position: relative;
	background-color: #fff;
	color: #747474;
	font: 0.813em/1.5em "Arial", sans-serif;
	background-image: url(images-layout/ruledbackground.gif);
	background-repeat: repeat;
}
body.boxed {background-color: #ededed;}
dt {font-weight: 700;}
img {border: none; 
/*vertical-align: middle;*/
}
ul[class] {list-style: none;}
a {color: #750D2F; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
a * {cursor: pointer;}
textarea, input, select, option, optgroup, button {font-family: inherit; font-size: inherit; vertical-align: middle;}
textarea { min-width: 92%; max-width: 97%; min-height: 150px; padding: 5px 1%;}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label, select {cursor: pointer; vertical-align: middle;}
input, select, textarea {outline: none;}
select option {padding: 0 10px;}
fieldset {overflow: hidden; border: none;}
legend {display: none;}
option {padding: 0 5px;}
table {border-collapse: collapse;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none;}

h1 {
	margin: 1em 0 0.5em;
	color: #3f3f3f;
	font-weight: 400;
	font-size: 1.308em;
	font-family: Helvetica, Arial, sans-serif;
}
h1:first-child {/*margin: 1em 0 0.3em; font-size: 2.615em;*/}
h2 {
	margin-top: 0.05em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0em;
	color: #3f3f3f;
/*	font: 300 1.754em Helvetica, Arial, sans-serif;*/
	font: 300 1.5em Helvetica, Arial, sans-serif;
}
h2 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;}
h3 {margin: .8em 0 .5em; color: #3f3f3f; font: 300 1.746em Helvetica, Arial, sans-serif;}
/*h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;}*/
h4 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.538em Helvetica, Arial, sans-serif;}
h5 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.385em Helvetica, Arial, sans-serif;}
h6 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.231em Helvetica, Arial, sans-serif;}
p {
	margin-top: 0.2em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: .2em;
}
ul, ol {margin: 1em 0; padding: 0;}
li {margin: 0.5em 0 0.5em 2em;}
.alignleft {float: left; margin: 0 20px 20px 0;}
.alignright {
	float: right;
	margin-top: 0;
	margin-right: 9px;
	margin-bottom: 20px;
	margin-left: 20;
}
.noborder img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
/* structure */
#wrapper {
	width: 964px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f5f7ec;
}
#header {
	width: 928px;
	margin-left: auto;
	margin-right: auto;
	background-color: #750D2F;
	/*height: 37px;*/
	height: 13px;
}
#header a {
	color: #FFF; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; text-decoration: none;	
}
#header a:hover {color: #ff8400; text-decoration: none;}
#sociallinks a{
	margin-right: 5px;	
}
.topbox {
	width: 150px;
	height: 29px;
	float: right;
	margin-right: 3px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 13px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
}
#header a:hover {color: #999999; text-decoration: none;}
.topboxwide {
	width: 180px;
	height: 20px;
	margin-right: 3px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 13px;
	padding-left: 14px;
	padding-top: 14px;
	padding-right: 5px;
}
.textrt {
	text-align:right;
}
.textlft {
	text-align:left;
}
.fltrt {
	float: right;
}
.fltlft {
	float: left;
}
.backblue {
	background-color: #266290;	
}
.backgreen {
	background-color: #2d9e42;	
}
.clearflt {
	clear: both;	
}
.sentinel:hover { background-image: url("images-layout/Sentinel%20Logo_Dark.png") }
.sentinel { background-image: url("images-layout/Sentinel%20Logo_Light.png") }
#main-nav {
	background-color: #333333;
	width: 928px;
	/*height: 22px;*/
	height: 34px;
	margin-left: auto;
	margin-right: auto;
}
#lilspace {
	width: 928px;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #CCCCCC;
}
#maincontent {
	width: 928px;
	/*height:595px;*/
	min-height:595px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 1px solid #CCCCCC;
	/*border-bottom: 1px solid #CCCCCC;*/
	/*min-height: 500px;
	clear: both;*/
}
#homeleft {
	width:371px;
}
#homeright {
	margin-top: -4px;
	height:580px;	
}
#mainleft {
	width: 140px;
	min-height: 583px;
	
}
#mainright {
	margin-top: 4px;
	background-image: url(images-layout/mpage-background.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	/*width:783px;*/
	/*width:680px;*/
	width:670px;
	padding-left: 53px;
	padding-right: 50px;
	padding-top:40px;
	min-height: 583px;
	padding-bottom:1px;

}
#leftcol {
	height:403px;
	background-position: left center;
	background-repeat: no-repeat;
	width:150px;
}
.history {
	background-image: url(images-layout/OurHistory.gif);
	
}
.aboutus {
	background-image: url(images-layout/AboutUs.gif);
}
.contactus {
	background-image: url(images-layout/ContactUs.gif);
}
.replocator {
	background-image: url(images-layout/replocator.gif);
}
.employment {
	background-image: url(images-layout/Employment.gif);
}
.initiatives {
	background-image: url(images-layout/BangsInitiatives.gif);
}
.offset {
	background-image: url(images-layout/OffsetPrinting.gif);
}
.digital {
	background-image: url(images-layout/DigitalPrinting.gif);
}
.binding {
	background-image: url(images-layout/Binding.gif);
}
.fulfillment {
	background-image: url(images-layout/Fulfillment.gif);
}
.ebook {
	background-image: url(images-layout/eBook.gif);
}
.duplication {
	background-image: url(images-layout/CDDVDDupl.gif);
}
.prepress {
	background-image: url(images-layout/Prepress.gif);
}
.downloads {
	background-image: url(images-layout/DownloadSection.gif);
}
.videotutorial {
	background-image: url(images-layout/Video-Icon-gray.jpg);
}
.faq {
	background-image: url(images-layout/FAQs.gif);
}
.quote {
	background-image: url(images-layout/RequestaQuote.gif);
}
.policy  {
	background-image: url(images-layout/PrivacyPolicy.gif);
}
.leadership {
	background-image: url(images-layout/OurLeadership.gif);
}
.locations {
	background-image: url(images-layout/Locations.gif);
} 
.catalogs {
	background-image: url(images-layout/CatalogsPublications.gif);
}
.mailingdist {
	background-image: url(images-layout/MailingDistribution.gif);
}
.news {
	background-image: url(images-layout/News.gif);
}

#logo {
	margin-top: 4px;/**/
	width:182px;
	height:87px;
	margin-bottom:10px;
	/*position:relative;*/
	display:inline-block;	
}
#logomain {
	margin-top: 14px;/**/
	width:82px;
	height:87px;
	/*position:relative;*/
	display:inline-block;	
}
#footer {
	width: 928px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -4px;
	display: block;
	position: relative;
	border-top: 1px solid #CCCCCC;
	padding-top: 4px;
}
#footer a{
	font-size:.95em;
}
#copywrite {
	float: right;
	margin-top: -4px;
}
#copywrite a{
	color:#333333;

}
/* navigation */
/*nav.mainmenu {margin: 0px -20px 0 0;}*/
nav.mainmenu a {
	font-size:.95em;
	/*font-size:.75em;*/
	
}
nav.mainmenu {
	padding-top: 5px;	
}
nav.mainmenu ul {list-style: none; margin: 0;}
nav.mainmenu>ul {padding: 2px 0 3px;}
nav.mainmenu>ul>li {float: left; position: relative; height: 20px; margin: 0 -1px 13px 0;}
nav.mainmenu>ul>li:first-child {border: none;}
nav.mainmenu>ul>li>a {float: left; height: 20px; padding: 0 8px; color: #FFF;}
nav.mainmenu>ul>li:hover {z-index: 30; height: 20px;}
nav.mainmenu>ul>li:hover>a {height: 20px; border-bottom: 3px solid #3f3f3f; background: #e6e6e6; color: #3f3f3f; line-height: 20px;}
nav.mainmenu>ul>li>a:active {color: #750d2f;}

nav.mainmenu>ul>li>ul {font-size: 0.923em;}
header nav>ul ul {display: none; position: absolute; left: 0; top: 100%; width: 180px; margin: 0; padding: 1px 0 1px; background: #999999; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); font-weight: 400; font-family: "Arial",sans-serif;}
.wider {width: 300px;}
.narrow {width: 130px;}
.narrow2 {width: 150px;}
header .top nav>ul>li>ul {font-size: 1.091em;}
header .top nav>ul>li>ul ul {font-size: 1em;}
header nav ul ul li {
	display: block;
	float: none;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #727272;
	border-right: 1px solid #727272;
	border-left: 1px solid #727272;
}
header nav ul ul li a {display: block; padding: 4px 15px 4px 14px; color: #FFF;}
header nav ul ul li a:hover, header nav ul ul li:hover>a {background-color: #750d2f; color: #FFF;}
header nav ul ul>li.current-menu-item>a {background-color: #ebebeb; color: #3f3f3f;}
header nav ul ul ul {display: none; position: absolute; left: 100%; top: -1px; font-size: 1em;}
header li:hover>ul {display: block;}

header nav>ul>li.right>ul {left: auto; right: 0;}
header nav>ul>li.right ul ul {left: auto; right: 100%;}

header nav a {-moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none;}
header nav .select, header select {display: none;}
.fltrt {
	float:right;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}
#navbuts {
	float:right;
	width:368px;
	
}
.hesslnk {
	width:203px;
	height:34px;
	float:left;
}
.sentinel  { background-image: url("images-layout/SentinelL.png"); width: 162px; height: 34px }
.sentinel:hover  { background-image: url("images-layout/SentinelD.png") }
.class { }
.victor  { background-image: url("images-layout/SentinelL.png"); width: 130px; height: 34px }
.victor:hover  { background-image: url("images-layout/SentinelD.png") }
.class { }
.fltrtbut {
	float:right;
	width:162px;
	height:34px;

}
#certs {
	padding-top:20px;
	height:34px;
}
#sociallinks {
	padding-top:0px;
}