/* CSS Document */

body {
	text-align: center;
	margin: 0;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	color: #484641;
	line-height: 1.6em;
}

a:link {color: #484641; text-decoration: underline;}
a:visited {color: #484641; text-decoration: underline;}
a:hover {color: #ee1a2c; text-decoration: none;}
a:active {color: #484641; text-decoration: underline;}

p {margin-top: 0px; margin-bottom: 16px;}

.pEnd {margin: 0px;}

img { border: 0; }

.introText {font-size: 1.2em;}
.noteText {font-size: 0.8em;}
.greyText {color: #b4b5b8;}
.redText {color: #ee1a2c;}
.normalText {font-size: 1.2em; color: #484641; line-height: 1.4em;}

.end {
	clear: both;
	padding: 0;
	margin: 0;
}
.paddingBottom20px {padding: 0 0 20px 0;}
.paddingBottom10px {padding: 0 0 10px 0;}
.paddingTop10px {padding: 10px 0 0 0;}

.space30px {padding: 0 30px;}
.space3px {padding: 0 3px;}

.genPicLeft {float: left; padding: 5px 20px 8px 0;}
.genPicLeft2 {float: left; padding: 5px 20px 8px 0; margin-bottom: 80px;}
.genPicRight {float: right; padding: 5px 0 8px 20px;}

h1 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.0em;
	margin: 0 0 12px 0;
	padding: 0;
}

h2 {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 0 0;
	padding: 0;
	color: #ee1a2c;
}



hr {
	border-top: #CCC dotted 1px;
	border-right: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	border-left: #FFFFFF solid 1px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}


ul {
    margin:0;
    padding:0px 0px 0px 20px;
    list-style:none;
    }

li {
    padding: 0px 0px 2px 12px;
	background: url(../images/bullet-grey.gif) top left no-repeat;
}


.extraSlideshow {float: left; width: 230px; height: 155px; padding: 7px 12px 8px 0;}



#wrapper {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: #FFFFFF url(../images/top-bg-tile.gif) top left repeat-x;
}

#headerHolder {
	margin: 0 auto;
	width: 100%;
	height: 405px;
	background: url(../images/top-bg.gif) top center no-repeat;
	text-align: center;
}

#subPageHeaderHolder {
	margin: 0 auto;
	width: 100%;
	height: 335px;
	background: url(../images/top-bg.gif) top center no-repeat;
	text-align: center;
}

#header {
	margin: 0 auto;
	width: 980px;
	/*height: 180px;*/
	text-align: left;
}

#logoUtilityHolder {
	/*float: left;*/
	width: 980px;
	height: 145px;
}

#logoHolder {
	float: left;
	height: 86px;
	padding: 24px 0 0 0;
}

#utilityHolder {
	float: right;
	height: 86px;
	width: 700px;
	padding: 34px 0 0 0;
	text-align: right;
	font-size: 1.4em;
	color: #808184;
}

#navHolder {
	clear: both;
	/*float: left;*/
	width: 970px;
	height:40px;
	/*font-size: 1.1em;*/
	padding: 0 0 0px 10px;
	color: #FFFFFF;
}

#navHolder a:link {color: #FFFFFF; text-decoration: none;}
#navHolder a:visited {color: #FFFFFF; text-decoration: none;}
#navHolder a:hover {color: #FFFFFF; text-decoration: none;}
#navHolder a:active {color: #FFFFFF; text-decoration: none;}

#homePromoHolder {
	clear: both;
	/*float: left;*/
	width: 980px;
	height: 220px;
	/*font-size: 1.1em;*/
	padding: 0 0 0 0px;
}

#subPageTitleHolderAbout {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-about-bg.jpg) top left no-repeat;
}

#subPageTitleHolderColManage {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-colour-manage-bg.jpg) top left no-repeat;
}

#subPageTitleHolderContact {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-contact-bg.jpg) top left no-repeat;
}

#subPageTitleHolderDesign {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-design-bg.jpg) top left no-repeat;
}

#subPageTitleHolderDigital {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-digital-bg.jpg) top left no-repeat;
}

#subPageTitleHolderColorwave {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-colorwave-bg.jpg) top left no-repeat;
}

#subPageTitleHolderDistribution {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-distribution-bg.jpg) top left no-repeat;
}

#subPageTitleHolderExtra {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-extra-bg.jpg) top left no-repeat;
}

#subPageTitleHolderFinishing {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-finishing-bg.jpg) top left no-repeat;
}

#subPageTitleHolderJoin {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-join-bg.jpg) top left no-repeat;
}

#subPageTitleHolderLocations {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-locations-bg.jpg) top left no-repeat;
}

#subPageTitleHolderNews {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-news-bg.jpg) top left no-repeat;
}

#subPageTitleHolderOnlineOnsite {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-online-onsite-bg.jpg) top left no-repeat;
}

#subPageTitleHolderOnlineOrdering {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-online-ordering-bg.jpg) top left no-repeat;
}

#subPageTitleHolderQuote {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-quote-bg.jpg) top left no-repeat;
}

#subPageTitleHolderScanning {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-scanning-bg.jpg) top left no-repeat;
}

#subPageTitleHolderServices {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-services-bg.jpg) top left no-repeat;
}

#subPageTitleHolderStudents {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-students-bg.jpg) top left no-repeat;
}

#subPageTitleHolderSupport {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-support-bg.jpg) top left no-repeat;
}

#subPageTitleHolderTeam {
	clear: both;
	width: 980px;
	padding: 80px 0 15px 0px;
	background: url(../images/hd-team-bg.jpg) top left no-repeat;
}


#pageHolder {
	margin: 0 auto;
	width: 980px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}



.pageColOne {
	float: left;
	width: 550px;
	margin: 0 25px 0 0;
}

.pageColTwo {
	float: right;
	width: 390px;
	margin: 30px 0 0 0;
}

.colTwoPromoHolder {
	clear: both;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	background: url(../images/square-horz-tile.gif) bottom left repeat-x;
}

.subPageColOne {
	float: left;
	width: 660px;
	margin: 0 25px 0 0;
}

.subPageColTwo {
	float: right;
	width: 280px;
	margin: 0px 0 0 0;
}

.colTwoSubPageTextHolder {
	clear: both;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #6c6a66;
}

.colTwoSubPageTextHolder ul {
    margin:0;
    padding:0px 0px 0px 20px;
    list-style:none;
    }

.colTwoSubPageTextHolder li {
    padding: 0px 0px 2px 12px;
	background: url(../images/bullet-grey02.gif) top left no-repeat;
}

.subPageContentColHolder {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: #CCC dotted 1px;
}

.subPageContentCol1 {
	float: left;
	width: 280px;
	padding: 0 40px 0 0;
}

.subPageContentCol2 {
	float: left;
	width: 280px;
	padding: 0 0px 0 0;
}



/*ROLLOVER BUTTON STYLES*/

.rolloverButton {
	width: 180px;
	margin: 0;
}

.rolloverButton a:link {background: url("../images/button-bg.gif"); background-position: 0px 0px; padding: 3px 0px 8px 34px; width: 170px; color:#FFFFFF; text-decoration: none; font-weight: normal; display: block;}
.rolloverButton a:visited {background: url("../images/button-bg.gif"); background-position: 0px 0px; padding: 3px 0px 8px 34px; width: 170px; color:#FFFFFF; text-decoration: none; font-weight: normal; display: block;}
.rolloverButton a:hover {background: url("../images/button-bg.gif"); background-position: -206px 0px; padding: 3px 0px 8px 34px; width: 170px; color:#FFFFFF; text-decoration: none; font-weight: normal; display: block;}
.rolloverButton a:active {background: url("../images/button-bg.gif"); background-position: -206px 0px; padding: 3px 0px 8px 34px; width: 170px; color:#FFFFFF; text-decoration: none; font-weight: normal; display: block;}


.rolloverButton2 {
	width: 180px;
	margin: 0;
}

.rolloverButton2 a:link {background: url("../images/button-bg2.gif"); background-position: 0px 0px; padding: 5px 0px 10px 44px; width: 185px; color:#484641; text-decoration: underline; font-weight: normal; display: block;}
.rolloverButton2 a:visited {background: url("../images/button-bg2.gif"); background-position: 0px 0px; padding: 5px 0px 10px 44px; width: 185px; color:#484641; text-decoration: underline; font-weight: normal; display: block;}
.rolloverButton2 a:hover {background: url("../images/button-bg2.gif"); background-position: -231px 0px; padding: 5px 0px 10px 44px; width: 185px; color:#ee1a2c; text-decoration: none; font-weight: normal; display: block;}
.rolloverButton2 a:active {background: url("../images/button-bg2.gif"); background-position: -231px 0px; padding: 5px 0px 10px 44px; width: 185px; color:#484641; text-decoration: underline; font-weight: normal; display: block;}





/*FOOTER STYLES*/

#footerWrapper {
	margin: 0 auto;
	width: 100%;
	height: 235px;
	background: url(../images/bottom-bg-tile.gif) top left repeat-x;
}
#footerHolder {
	margin: 0 auto;
	width: 100%;
	height: 235px;
	background: url(../images/bottom-bg.gif) top center no-repeat;
	text-align: center;
}

#footer {
	margin: 0 auto;
	width: 980px;
	/*height: 235px;*/
	text-align: left;
	padding: 70px 0 0 0;
	color: #FFF;
	font-size: 0.75em;
	
}

.footerServicesContactHolder  a:link {color: #FFF; text-decoration: underline;}
.footerServicesContactHolder  a:visited {color: #FFF; text-decoration: underline;}
.footerServicesContactHolder  a:hover {color: #FFF; text-decoration: none;}
.footerServicesContactHolder  a:active {color: #FFF; text-decoration: underline;}

.footerServicesContactHolder {
	float: left;
	width: 980px;
}

#footerServicesHolder {
	padding: 0px 0px 0px 0px;
	float: left;
	width: 480px;
	text-align: left;
	background: url(../images/square-vert-tile.gif) top right repeat-y;
	line-height: 1.0em;
}

#footerContactHolder {
	padding: 0px 0px 0px 0px;
	float: right;
	width: 470px;
	text-align: left;
	line-height: 1.2em;
}

.footerTitleHolder {
	float: left;
	width: 100%;
}

.footerServiceCol1 {
	float: left;
	width: 140px;
	padding: 0 20px 0 0;
}

.footerServiceCol2 {
	float: left;
	width: 140px;
	padding: 0 20px 0 0;
}

.footerServiceCol3 {
	float: left;
	width: 140px;
	padding: 0 0 0 0;
}

.footerContactCol1 {
	float: left;
	width: 220px;
	padding: 0 20px 0 0;
}

.footerContactCol2 {
	float: left;
	width: 220px;
	padding: 0 0 0 0;
}

.footerP {margin: 8px 0 0 0;}

#footer ul {
    margin:0;
    padding:10px 0px 0px 0px;
    list-style:none;
    }

#footer li {
    padding: 0px 0px 8px 10px;
	background: url(../images/bullet-white.gif) top left no-repeat;
}

.footerEndTextHolder {
	clear: both;
	float: left;
	width: 980px;
	margin: 17px 0 0 0;
	color: #484641;
}

.footerEndTextCol1 {
	float: left;
	width: 420px;
	padding: 0 20px 0 0;
}

.footerEndTextCol2 {
	float: right;
	width: 220px;
	padding: 0 0 0 0;
	text-align: right;
}

.footerEndTextCol2 a:link {color: #484641; text-decoration: underline;}
.footerEndTextCol2 a:visited {color: #484641; text-decoration: underline;}
.footerEndTextCol2 a:hover {color: #484641; text-decoration: none;}
.footerEndTextCol2 a:active {color: #484641; text-decoration: underline;}