@charset "UTF-8";

/* CSS Document */



body  {

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

	font-family: Helvetica, Arial, sans-serif;

	font-size: .9em;

	background-color: #4D4D4D;

	background-image: url(images/bkgd.png);

	background-repeat: repeat-x;

	letter-spacing: 0.05em;

}

.structure #container {

	width: 1000px; /* the auto margins (in conjunction with a width) center the page */

	border: 0px none #000000;

	text-align: left; /* this overrides the text-align: center on the body element. */

	background-image: url(images/container-bkgd.png);

	background-repeat: repeat-y;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding: 0px;

} 

.structure #subcontainer {

	width: 1000px; /* the auto margins (in conjunction with a width) center the page */

	border: 0px none #000000;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding: 0px;

	background-image: url(images/vert-bar.png);

	background-repeat: repeat-y;

	position: relative;

	top: -100px;

	background-position: 213px 150px;

}

.structure #contentBox {

	width: 615px; /* the auto margins (in conjunction with a width) center the page */

	border: 0px none #000000;

	text-align: left; /* this overrides the text-align: center on the body element. */

	background-image: none;

	background-repeat: no-repeat;

	padding: 0px;

	margin: 0px;

	float: left;

	top: 150px;

}

.structure #contentBox {

	width: 747px; /* the auto margins (in conjunction with a width) center the page */

	border: 0px none #000000;

	text-align: left; /* this overrides the text-align: center on the body element. */

	background-image: none;

	background-repeat: no-repeat;

	padding: 0px;

	margin: 0px;

	float: left;

	top: 150px;

}

.structure  .contentLabelBox {

	width: 10em; /* the auto margins (in conjunction with a width) center the page */

	border: 0px none #000000;

	text-align: right; /* this overrides the text-align: center on the body element. */

	background-image: none;

	background-repeat: no-repeat;

	padding: 0px;

	float: left;

	margin-top: 0px;

	margin-right: .5em;

	margin-bottom: 0px;

	margin-left: 0px;

}

.structure  .quoteformLabelBox {

	width: 15em; /* the auto margins (in conjunction with a width) center the page */

	border: 0px none #000000;

	text-align: right; /* this overrides the text-align: center on the body element. */

	background-image: none;

	background-repeat: no-repeat;

	padding: 0px;

	float: left;

	margin-top: 0px;

	margin-right: .5em;

	margin-bottom: 0px;

	margin-left: 0px;

	position: relative;

	top: 3px;

}

#googleMap {

	margin-left: 10.5em;

}



.structure .formLabel {

	width: 15em; 

	border: 0px none #000000;

	text-align: right; 

	background-image: none;

	background-repeat: no-repeat;

	padding: 0px;

	float: left;

	margin-top: 0px;

	margin-right: .5em;

	margin-bottom: 0px;

	margin-left: 0px;

	position: relative;

	top: 2px;

}

.structure .formLabelReq {

	font-weight: bold;

	width: 15em; 

	border: 0px none #000000;

	text-align: right; 

	background-image: none;

	background-repeat: no-repeat;

	padding: 0px;

	float: left;

	margin-top: 0px;

	margin-right: .5em;

	margin-bottom: 0px;

	margin-left: 0px;

	position: relative;

	top: 2px;

}

.structure .formLabelOpt {

	font-weight: normal;

	width: 15em; 

	border: 0px none #000000;

	text-align: right; 

	background-image: none;

	background-repeat: no-repeat;

	padding: 0px;

	float: left;

	margin-top: 0px;

	margin-right: .5em;

	margin-bottom: 0px;

	margin-left: 0px;

	position: relative;

	top: 2px;

}

.structure .formLabelRev {

	font-weight: normal;

	width: 15em;

	border: 0px none #000000;

	text-align: right;

	background-image: none;

	background-repeat: no-repeat;

	padding: 0px;

	float: left;

	margin-top: 0px;

	margin-right: .5em;

	margin-bottom: 0px;

	margin-left: 0px;

	font-style: italic;

	position: relative;

	top: 2px;

}





.structure #header {

	background-image: url(images/header-image.png);

	background-repeat: repeat-y;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	height: 290px;

	padding: 0;

	margin-top: 35px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	position: relative;

	bottom: 10px;

	z-index: 1;

} 

#header #logo {

	margin: 15px;

	position: relative;

	bottom: 10px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.structure #header #hdrContact {

	width: 20em;

	position: absolute;

	left: 690px;

	top: 20px;

}

#header #logo {
	margin: 15px;
	position: relative;
	bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header #hdrSpacer {
	margin: 15px;
	position: relative;
	bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header #annivLogoSeal {
/*	margin: 15px;*/
	overflow: hidden;
	position: relative;
	left: 500px;
	bottom: 140px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.structure #header #hdrContact p {

	text-align: right;

	color: #DEDEDE;

	font-size: 10px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	line-height: 1.3em;

}





.structure #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}

.structure #sidebar1 {

	float: left; /* since this element is floated, a width must be given */

	width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 0px;

	margin-top: 100px;

	margin-right: 18px;

	margin-bottom: 0px;

	margin-left: 15px;

	clear: right;

}

.structure #content {

	margin: 0;

	color: #0F457D;

	text-decoration: none;

	text-align: left;

	position: relative;

	top: -100px;

	z-index: 0;

	width: 750px;

	float: left;

} 

.structure #content p {

	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #content div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 0;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	line-height: 1.5em;

	color: #0F457D;

	text-decoration: none;

	text-align: left;

}

.billboard {

	height: 400px;

	width: 748px;

	overflow: hidden;

}

.billboardHeader {

	margin: 0px;

	padding: 0px;

	height: 254px;

	width: 490px;

	float: left;

	background-image: url(images/blbrdBkgd.png);

	background-repeat: no-repeat;

	overflow: visible;

	background-color: #000;

}

.billboardLeft {

	float: left;

	width: 490px;

}

.slideshowBox {

	height: 136px;

	width: 490px;

	overflow: hidden;

	margin: 0;

	padding: 0px;

	float: left;

	background-image: url(images/slideshowText4.gif);

	background-repeat: no-repeat;

	background-position: -10px;

}

.mainImgBox {

	height: 390px;

	width: 258px;

	float: left;

	overflow: visible;

	background-image: url(images/cliffman.png);

	background-repeat: no-repeat;

}

.structure #footer {

	background-image: url(images/footer-image.png);

	background-repeat: no-repeat;

	height: 65px;

	margin: 0px;

	padding: 0;

} 



.structure #footer p {

	font-size: 65%;

	color: #0F457E;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 230px;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;	line-height: 0px;

	margin: 0 0 24px 0; 

}

.structure #content h4 {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	line-height: 1em;

	color: #F70;

	text-decoration: none;

	text-align: left;

	font-size: 16px;

	letter-spacing: 0.05em;

	font-family: Helvetica, Arial, sans-serif;

	padding: 0;

	margin-top: 0;

	margin-right: 5px;

	margin-bottom: 15px;

	margin-left: 0px;

	float: left;

	position: relative;

	top: 10px;

}



.structure #content h3 {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	line-height: 1em;

	color: #0F457D;

	text-decoration: none;

	text-align: left;

	font-size: 18px;

	letter-spacing: 0.05em;

	font-family: Helvetica, Arial, sans-serif;

	padding: 0;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 15px;

	margin-left: 0;

}

.structure #content h2 {

	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #content div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 0;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	color: #F70;

	text-decoration: none;

	text-align: left;

	height: 2em;

	font-size: 22px;

	font-family: Helvetica, Arial, sans-serif;

	letter-spacing: 0.0625em;

	line-height: 1.3em;

}

#sections {

	margin: 0px;

	padding: 0px;

	width: 750px;

}

/*#panel1, #panel2, #panel3 {

	margin-right: 16px;

	margin-bottom: 10px;

	margin-left: 0px;

}

#panelLast {

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}*/

.structure #content #sections .buttonBox{

	height: 3em;

	vertical-align: middle;

	clear: both;

}

.structure #content #sections h3{

	padding: 0px;

	line-height: 1.2em;

	text-align: center;

	font-size: 1.1em;

	color: #C4C7CA;

}

.structure #content #sections p {

	text-align: center;

	color: #DDE0E3;

	margin-right: 10px;

	margin-left: 10px;

}

.mainImgBox img {

	overflow: visible;

	position: relative;

	left: -475px;

	top: 80px;

}

#confRoom {

	position: relative;

	left: -21px;

}

#trophyPic {

	float: right;

	height: 282px;

	width: 425px;

	margin-bottom: 15px;

	margin-left: 15px;

}

#topSpacer {

	clear: right;

}

.serviceBox {

	clear: both;

	margin-bottom: 30px;

	position: relative;

	background-image: url(images/horiz-bar.png);

	background-repeat: repeat-x;

	overflow: visible;

	background-position: bottom;

}

.svcTextBoxL {

	float: left;

	width: 400px;

}

#aboutPic {

	width: 250px;

	margin-left: 15px;

	background-image: url(images/pyramid.png);

	background-repeat: no-repeat;

	height: 215px;

	background-position: 0px -15px;

}

#pastPic {

	width: 205px;

	background-image: url(images/clockface.png);

	background-repeat: no-repeat;

	height: 150px;

	margin-right: 15px;

}

#futurePic {

	width: 250px;

	margin-left: 15px;

	background-image: url(images/compass.png);

	background-repeat: no-repeat;

	height: 250px;

}

#svcImgRoland {

	position: absolute;

	top: 100px;

}



.svcTextBoxR {

	float: left;

	width: 338px;

}

.formCaptchaBox {
	
	padding: 0px;

	margin-top: 0px;

	margin-left: 230px;

	margin-bottom: 0px;

}

.contentImgBoxR {

	padding: 0px;

	float: right;

	margin-top: 0px;

	margin-left: 20px;

	margin-bottom: 0px;

}

.contentImgBoxL {

	padding: 0px;

	float: left;

	clear: none;

	margin-right: 20px;

	margin-bottom: 0px;

}

#svcImgPromo {

	background-color: #FFF;

	padding: 20px;

}

.aboutBox {

	clear: both;

	overflow: hidden;

	margin-bottom: 25px;

}

.quoteName {

	text-align: left;

	font-style: italic;

	position: relative;

	left: 50px;

}

.quoteSep {

	position: relative;

	bottom: 15px;

	color: #6C89A9;

}

.halfSpace {

	line-height: 0px;

	font-size: 1px;

	height: 0px;

	margin-bottom: 18px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

}

.structure  #content #trophyCase p {

	line-height: 1.4em;

	padding: 0px;

	margin-bottom: 18px;

}

#promoImgPens {

	background-color: #FFF;

	padding: 20px;

}

.promoImgBoxR {

	padding: 0px;

	float: right;

	margin-left: 20px;

}

.promoImgBoxL {

	padding: 0px;

	float: left;

	clear: none;

	margin-right: 20px;

}

#promoImgUsb {

	background-color: #FFF;

	padding: 20px;

}

#mailImgBoxes {

}

.mailImgBoxR {

	padding: 0px;

	float: right;

	margin-left: 20px;

}

#designImgKeyboard {

}

.designImgBoxR {

	padding: 0px;

	float: right;

	margin-left: 20px;

}

ul {

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	line-height: 1.5em;

	padding: 0px;

}

li {

	margin-bottom: 10px;

	text-indent: 0px;

	list-style-type: square;

	padding: 0px;

	margin-left: 0px;

}

#sendContainer {

	text-align: center;

.structure #header #hdrContact p {

	width: 20em;

	position: fixed;

	left: 400px;

	top: 20px;

}

.mainTextBox {

	clear: both;

	margin-bottom: 10px;

	position: relative;

	overflow: visible;

	padding-bottom: 15px;

}

#offsetImg {

	background-image: url(images/komori-thumb.png);

	background-repeat: no-repeat;

	visibility: visible;

}

#digitalImg {

	background-image: url(images/xerox.png);

	background-repeat: no-repeat;

}

#wideformatImg {

	background-image: url(images/roland.png);

	background-repeat: no-repeat;

	display: block;

	visibility: visible;

}

#finishingImg {

	background-image: url(images/folder.png);

	background-repeat: no-repeat;

}

.printImgBoxR {

	padding: 0px;

	float: right;

	margin-left: 20px;

}

#printImgKomori {

}

a img {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#letterpressImg {

	background-image: url(images/letterpress-collage.png);

	background-repeat: no-repeat;

}

.promomartLink {

	width: 505px;

	height: 50px;

	padding-top: 25px;

	padding-bottom: 25px;

}

.promomartLink h4 {

	float: left;

}

#quoteIntroBox {

	margin-bottom: 15px;

	min-height: 90px;

}