/* 	The master Layout style CSS sheet for thecitypress.com

	Main Coding: 	Stuart Dunn
	Copyright:		tecniche.co.uk 2006
 
 	Internet Explorer Box Model Hack written by:
	Tantek Celik. www.tantek.com
	
	Background repeating tile  from www.squidfingers.com
  	Written: 	Mar 06
	Modified: 	July 06

	Language:	CSS1
*/

/*
@import url( enhancedlayout.css ); 
*/

body {
	background: #fff url(img/background.gif) repeat-x 50% 0; 
	 margin: 0; padding: 0;
}

.middle {margin-left: 25%; }
.purple {color: #000; font-weight: bold;}
.strong {color: #000; font-weight: bold;}
.cls {clear: both; border-top: 10px #fff;}
.small {font-size: 10px; text-align:justify; display: block;}

.clsfaq {clear: both; border-top: 1px #fff; font-size: 1px; }
#ncr-carbonless-faq a.top { float: right; text-decoration: none;  }


/* *************************** */
/* HEADER */
/* *************************** */
#header-blank {display: none;}

#header {
	position: absolute;
	top: 0px; left:50%;
	
	background: transparent url(img/thecitypress-logo.gif) no-repeat 0 0;
	margin: 0; padding: 0;
	margin-left: -435px;
	height: 170px; 	
	width: 870px;
}

#header h1 {display: none;}


/* *************************** */
/* NAVIGATION */
/* *************************** */


#topnav { 
	position: absolute;
	top: 170px; left: 50%;

	margin-left: -400px;
	width: 800px;
	height: 30px;  
		
	background-color: #B7DE85; /*#815D5D;*/
	font: bold 13px Georgia, Palatino, Palatino Linotype, serif;
	text-transform: uppercase;
	text-align: left;   
	display : inline;
	
/* for IE5 */
	padding:  0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 8px 0 0 0;
	}

html>body #topnav {  padding: 8px 0 0 0; } 

#topnav ul{
   padding : 0; margin : 0;
   list-style: none;
   display : inline;
   margin-left: 175px; 
}

#topnav li {
   display : inline; 
   padding: 0; margin: 0; 
}

#topnav  a{
	margin-left: auto; margin-right: auto; 
	padding: 8px 16px 6px 16px; 
	display : inline;
	height: 30px; 
	text-decoration: none;
	border-bottom: none;
	border-right: 1px solid #ccc;
	color: #fff;
}


#topnav  a.first{border-left: 1px solid #ccc; display : inline;}
#topnav  a.last{border-right: none; display : inline;}


#topnav  a:link {text-decoration:none; color:#fff; display : inline; }
#topnav a:visited {text-decoration:none; color:#fff;display : inline;}
#topnav  a:hover { 
	height: 30px; 
	background-color: #fff; 
	color: #5A2827;
	display : inline;
	}
#topnav  a:active{  display : inline; }


/* *************************** */
/* SIDE MENU */
/* *************************** */

#sidetext {
	position: absolute;
	top: 207px; left: 50%;
	margin-left: 210px;

	color: #151515;
	background-color: #B5DF84; 
	
	float: right; 
	font-size: 10px; line-height: 20px; 
	width: 210px;
	}


#sideMenu {
	font-style: normal;
	font-size: 10px; 
	color: #151515;
	margin: 2px auto 5px auto;
	padding: 8px 0px 9px 0px;  
/* NEW for IE5 */
	width: 224px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 200px;
	}

html>body #sideMenu {  width: 200px }

#sidemenu-bottom{
	background: #B5DF84 url(img/smenu-bottom.gif) no-repeat top left; 
	width: 180px; height: 40px;
	margin-left: 10px;
	}



#sideMenu ul {
	font-size: 12px; 
	padding: 4px 2px 4px 2px; 
	margin: 0px 10px; 
	color: #fff8f8; list-style: none;
}

#sideMenu li {padding: 0px; margin: 0 0 3px 0; text-align: left; color: #fff8f8;}


#sideMenu  a:link{
	display: block; 
	border: 1px #efefef solid; 
	padding: 4px 4px;
	background-color: #B5DF84; 
	color: #815D5D; 
	width: 100%; 
	text-decoration: none;
	font-weight: bold;
}


#sideMenu  a:visited {
	display: block; 
	border: 1px  #efefef solid; 
	padding: 4px 4px;
	background-color: #B5DF84; 
	color: #815D5D; 
	width: 100%; 
	text-decoration: none;
	font-weight: bold;
}

#sideMenu  a:hover { 
	color: #d4d4d4; 
	background-color: #ef9556;
}

html>body #sideMenu a:link{ }
#sideMenu a:active{}

#sideMenu a#d-quote {
	display: block; 
	border: 1px  #efefef solid; 
	padding: 4px 4px;
	width: 100%; 
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #ffffff; 
	background-color: #ef9556;
	}

#sideMenu  a#d-quote:hover { 
	background-color:  #815D5D; 
	color: #d4d4d4;
}

/* *************************** */
/* MAIN CONTENT LAYOUT */
/* *************************** */


#content {
	margin: 0px auto; 
	text-align: left; 
	height: 100%;
	margin-top: 225px;
	
/* for IE5 */
	width: 800px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 870px;
}

html>body #content{  width: 870px; }

#maintext {
	float: left; 
	width: 860px;
	padding: 10px 40px 30px 40px;
}


/* This is a fake div to stop the text underwriting the sub-menu */
.blank-filler {
	float: right;  height: 220px; /*border: 1px red solid;*/

/* for IE5 */
	width: 240px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 260px;
}

html>body .blank-filler{  width: 280px;}

#maintext a:link {color: #525252; text-decoration: underline; font-weight: bold; }
#maintext a:visited {color: #525252; text-decoration: underline; font-weight: bold; }
#maintext a:hover {color: #AB5D5D; text-decoration: none;}
#maintext a:active{text-decoration: underline;}



#maintext a#no-link:link {color: #525252; text-decoration: none; font-weight: normal; cursor: arrow;}
#maintext a#no-link:visited {color: #525252; text-decoration: none; font-weight: normal; cursor: arrow;}
#maintext a#no-link:hover {color: #525252; text-decoration: none; font-weight: normal; cursor: arrow;}
#maintext a#no-link:active{color: #525252; text-decoration: none; font-weight: normal; cursor: arrow;}

#maintext a#clean:link {color: #000; text-decoration: none; font-weight: normal; cursor: default;}
#maintext a#clean:visited {color: #000; text-decoration: none; font-weight: normal; cursor: default;}
#maintext a#clean:hover {color: #000; text-decoration: none; font-weight: normal; cursor: default;}
#maintext a#clean:active{color: #000; text-decoration: none; font-weight: normal; cursor: default;}

#maintext ul  {list-style: none; margin: 15px; }

#maintext ul li {
	text-decoration: none; 
	color:#000;  
	padding-left: 15px; 
	margin: 0px 0px 0.5em 0px; 
	}
 
#maintext .cls {clear: both; margin-bottom: 8px;}




/* *************************** */
/* divs  */
/* *************************** */

.table-holder {width: 540px; }
.table-holder  img {display: inline; float: right; margin-top: 20px;  }

.holder-cards img {display: inline; float: left; margin: 10px 10px;}
.index-carbonless img {display: inline; float: left;  margin: 10px 20px;}
.index-business-cards img {display: inline; float: right; margin: 10px 20px;}

.sample-of-work1 img {display: inline; float: right; margin-top: 10px; }
.sample-of-work1 p {font-weight: bold; font-size: 10px; clear: both;  float: right; margin-right: 15px;}

.sample-of-work2 img {display: inline; float: left; margin-right: 20px; margin-top: 50px; }
.sample-of-work2 p {font-weight: bold; font-size: 10px; clear: both;  float: left; margin-left: 20px;}
#side-step  {padding-left: 165px; }

.fl-r {float: right;}

/* *************************** */
/* TABLES*/
/* *************************** */
table {}
caption {display: none;}
thead {background-color: #815D5D; color: #fff;}
tbody {margin: 5px 10px; background-color: #fff;}
tfoot {display: none;}
th, td {padding: 4px 5px;}

#contact-table table   {width: 840px;}
#contact-table td {}
#contact-table thead{background-color: #B5DF84; color: #000;}
#contact-table th, td {padding: 4px 5px;}

#contact td#phone {
	width: 340px; padding-left: 75px; 
	background: url(img/c-call.gif) no-repeat bottom left;	
	}

#contact td#email{
	width: 240px; padding-left: 75px; 
	background: url(img/c-email.gif) no-repeat bottom left;	
	}

#contact td#address{
	width: 260px; padding-left: 75px; 
	background: url(img/c-write.gif) no-repeat bottom left;	
	}

	
#design-table table   {width: 840px;}
#design-table td {}
#design-table thead{background-color: #B5DF84; color: #000;}
#design-table th, td {padding: 4px 5px;}

#design td#phone {
	width: 340px; padding-left: 75px; 
	background: url(img/c-call.gif) no-repeat bottom left;	
	}

#design td#email{
	width: 240px; padding-left: 75px; 
	background: url(img/c-email.gif) no-repeat bottom left;	
	}

#design td#address{
	width: 260px; padding-left: 75px; 
	background: url(img/c-write.gif) no-repeat bottom left;	
	}	
	
	
table.green-border {border: 1px dotted #B7DE85; width: 100%;}
table.dkgreen-border {border: 1px dotted #465C03; width: 100%;}
	
	
/* *************************** */
/* FOOTER */
/* *************************** */

#footer {
	clear: both;
	height: 60px; 	
	width: 100%;
	text-align: center; 

background: transparent url(img/footer.gif) repeat-x 0 0;

	}


#footer #f-contact { 
	width: 870px;
	height: 60px;  
	color: #980000;
	font: bold 12px Georgia, Palatino, Palatino Linotype, serif;
	}


/* BUG FIX IE and MOZILLA/OPERA */
html>body #footer #f-contact { 
clear: both;
	position: relative; 
	top: 0px; left: 50%;
	*top: 0px; *left: auto;	/* IE7 HACK */
	margin-left: -410px;
	*margin-left: 60px;	/* IE7 HACK */
	width: 870px;
	}

/* Testimonials */
#f-contact .contact-c {margin: 0 auto; padding-top: 10px; vertical-align: middle; }
#f-contact .contact-c a:link {color: #980000; text-decoration: underline; }
#f-contact .contact-c a:visited { color: #980000; text-decoration: none; }
#f-contact .contact-c a:hover {background-color: #980000; color: #fff; text-decoration: none; }
#f-contact .contact-c a:active{ color: #980000; text-decoration: underline; }

/* email link */
#f-contact .contact-l {float: left; margin-left: 10px; *margin-top: -45px;}
#f-contact .contact-l a:link {color: #980000; text-decoration: underline; }
#f-contact .contact-l a:visited { color: #980000; text-decoration: none; }
#f-contact .contact-l a:hover {background-color: #980000; color: #fff; text-decoration: none; }
#f-contact .contact-l a:active{ color: #980000; text-decoration: underline; }

/* Phone Number */
#f-contact .contact-r {
	float: right; 
	margin-right: 10px; 
	*margin-top: -45px; 	/* IE HACK */
	}

img #f-contact {padding: 0 5px; vertical-align: middle;}

#footer .clear {clear: both; font-size: 2px; line-height: 2px;  }


#footer #f-detail { 
	width: 870px;
	height: 10px;  
	color: #000;
	font: normal 10px Georgia, Palatino, Palatino linotype, serif;
	text-align: left;   

}

/* BUG FIX IE and MOZILLA/OPERA */
html>body #footer #f-detail { 
	position: relative; 
	top: 0px; left: 50%;
	*top: 0px; *left: auto;	/* IE7 HACK */
	margin-left: -410px;
	*margin-left: 60px;	/* IE7 HACK */
	width: 870px;
	height: 60px;
	}


#f-detail .b-menu {float: left; text-align: left; margin-left: 10px; margin-top: 15px; margin-bottom: 10px;  }
#f-detail .b-menu a:link {color: #000; text-decoration: none; padding: 0 5px; }
#f-detail .b-menu a:visited {	color: #000; text-decoration: none; padding: 0 5px;}
#f-detail .b-menu a:hover { color: #815D5D; text-decoration: underline; padding: 0 5px;}
#f-detail .b-menu a:active{color: #000; text-decoration: none; padding: 0 5px;}

#f-detail .copyrighttext {float: right; text-align: right; width: 300px; margin-right: 10px; margin-top: 15px; margin-bottom: 10px;  }
#f-detail .copyrighttext a:link {color: #000; text-decoration: underline; }
#f-detail .copyrighttext a:visited {	color: #000; text-decoration: underline; }
#f-detail .copyrighttext a:hover {color: #815D5D; text-decoration: none; }
#f-detail .copyrighttext a:active{color: #000; text-decoration: underline; }




/* *************************** */
/* Clever stuff - image replacement of h2 tags */
/* *************************** */

/* Based on a modified FiR method as outlined on: http://levin.grundeis.net */
.replace{ 
	position:relative; 
	margin:0px; padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ 
	} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
	} 

/* The replacement method - replaces both h1 and h2 tags and is CSS on/Images off safe */

/* ****************************** */
/* Home - index */
#h1-welcome, #h1-welcome span {
	margin-left: 0px; 
	background: url(img/h1-welcome.gif) no-repeat;
	height: 60px; width: 450px;
}

#h2-bestprice, #h2-bestprice span {
	margin-left: 0px; 
	background: url(img/best-price.gif) no-repeat;
	height: 35px; width: 860px;
}

/* ****************************** */
/* About- index */
#h1-about, #h1-about span {
	margin-left: 0px; 
	background: url(img/h1-about.gif) no-repeat;
	height: 60px; width: 450px;
}


/* ****************************** */
/* Design - index  */
#h1-design, #h1-design span {
	margin-left: 0px; 
	background: url(img/h1-design.gif) no-repeat;
	height: 60px; width: 450px;
	}

#h2-soon, #h2-soon span {
	margin-left: 0px; 
	background: url(img/h2-soon.gif) no-repeat;
	height: 45px; width: 250px;
	}

	
	
/*design  -  layout */
#h1-layout, #h1-layout span {
	margin-left: 0px; 
	background: url(img/h1-layout.gif) no-repeat;
	height: 60px; width: 450px;
	}	
	
#h2-bleed, #h2-bleed span {
	margin-left: 0px; 
	background: url(img/h2-bleed.gif) no-repeat;
	height: 60px; width: 450px;
	}	

#h2-example, #h2-example span {
	margin-left: 0px; 
	background: url(img/h2-example.gif) no-repeat;
	height: 60px; width: 450px;
	}	

	
/*design  -  color */
#h1-color, #h1-color span {
	margin-left: 0px; 
	background: url(img/h1-color.gif) no-repeat;
	height: 60px; width: 450px;
	}	

#h1-color2, #h1-color2 span {
	margin-left: 0px; 
	background: url(img/h1-color2.gif) no-repeat;
	height: 60px; width: 450px;
	}	
	
/* design -  tips  */
#h1-tips, #h1-tips span {
	margin-left: 0px; 
	background: url(img/h1-tips.gif) no-repeat;
	height: 60px; width: 450px;
	}


/* ############################     */
/* Services - SideMenu - More*/
#h2-smenumore, #h2-smenumore span {
	margin-left: 0px; 
	background: url(img/h2-smenumore.gif) no-repeat;
	height: 40px; width: 180px;
	margin-bottom: 10px;
	}

/* Services - SideMenu -business forms */
#h2-sforms, #h2-sforms span {
	margin-left: 0px; 
	background: url(img/h2-sforms.gif) no-repeat;
	height: 40px; width: 180px;
	margin-bottom: 10px;
	}
	
	
/* Services - SideMenu - advertising*/
#h2-sstationery, #h2-sstationery span {
	margin-left: 0px; 
	background: url(img/h2-sstationery.gif) no-repeat;
	height: 40px; width: 180px;
	margin-bottom: 10px;
	}

/* Services - SideMenu - advertising*/
#h2-sadvert, #h2-sadvert span {
	margin-left: 0px; 
	background: url(img/h2-sadvert.gif) no-repeat;
	height: 40px; width: 180px;
	margin-bottom: 10px;
	}
	
#h1-identity, #h1-identity span {
	margin-left: 0px; 
	background: url(img/h1-identity.gif) no-repeat;
	height: 60px; width: 450px;
	}	
	
/* ############################### */
/* Services - index */
#h1-printing, #h1-printing span {
	margin-left: 0px; 
	background: url(img/h1-printing.gif) no-repeat;
	height: 60px; width: 450px;
	}

#h2-printed, #h2-printed span {
	margin-left: 0px; 
	background: url(img/printed.gif) no-repeat;
	height: 35px; width: 860px;
}

#h2-remember, #h2-remember span {
	margin-left: 0px; 
	background: url(img/h2-remember.gif) no-repeat;
	height: 60px; width: 450px;
	}	

	
/* Services - carbonless */
#h1-carbonless, #h1-carbonless span {
	margin-left: 0px; 
	background: url(img/h1-carbonless.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* Services - ncr */
#h1-ncr, #h1-ncr span {
	margin-left: 0px; 
	background: url(img/h1-ncr.gif) no-repeat;
	height: 60px; width: 450px;
	}

	
/* Services - ncr-carbonless-weight */
#h1-weight, #h1-weight span {
	margin-left: 0px; 
	background: url(img/h1-weight.gif) no-repeat;
	height: 60px; width: 450px;
	}
	
	
	
/* Services - FAQ */
#h1-faq, #h1-faq span {
	margin-left: 0px; 
	background: url(img/h1-faq.gif) no-repeat;
	height: 60px; width: 450px;
	}	
	
	
/* Services - business cards */
#h1-businesscards, #h1-businesscards span {
	margin-left: 0px; 
	background: url(img/h1-businesscards.gif) no-repeat;
	height: 60px; width: 450px;
	}
	
/* Services - letterheads */
#h1-letterheads, #h1-letterheads span {
	background: url(img/h1-letterheads.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* Services - timecards */
#h1-timecards, #h1-timecards span {
	background: url(img/h1-timecards.gif) no-repeat;
	height: 60px; width: 450px;
	}

#h1-timedesign, #h1-timedesign span {
	background: url(img/h1-timedesign.gif) no-repeat;
	height: 60px; width: 450px;
	}
	
/* Services - envelopes*/
#h1-envelopes, #h1-envelopes span {
	background: url(img/h1-envelopes.gif) no-repeat;
	height: 60px; width: 450px;
	}
	
/* Services - photocopy*/
#h1-photocopy, #h1-photocopy span {
	background: url(img/h1-photocopy.gif) no-repeat;
	height: 60px; width: 450px;
	}
	
	

/* Services - printed */
#h1-stationery, #h1-stationery span {
	margin-left: 0px; 
	background: url(img/h1-stationery.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* Services - postcards*/
#h1-postcards, #h1-postcards span {
	margin-left: 0px; 
	background: url(img/h1-postcards.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* Services - brochures */
#h1-brochures, #h1-brochures span {
	margin-left: 0px; 
	background: url(img/h1-brochures.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* Services - flyers*/
#h1-flyers, #h1-flyers span {
	margin-left: 0px; 
	background: url(img/h1-flyers.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* Services - alternative advertising*/
#h1-altadvertising, #h1-altadvertising span {
	margin-left: 0px; 
	background: url(img/h1-altadvertising.gif) no-repeat;
	height: 60px; width: 450px;
	}


/* Services Quotation*/


#h1-real, #h1-real span {
	margin-left: 0px; 
	background: url(img/h1-realquote.gif) no-repeat;
	height: 60px; width: 450px;
	}


#h1-advertisequotation, #h1-advertisequotation span {
	margin-left: 0px; 
	background: url(img/h1-advertise-quotation.gif) no-repeat;
	height: 60px; width: 450px;
	}

#h1-stationeryquotation, #h1-stationeryquotation span {
	margin-left: 0px; 
	background: url(img/h1-stationery-quotation.gif) no-repeat;
	height: 60px; width: 450px;
	}

#h1-carbonlessquotation, #h1-carbonlessquotation span {
	margin-left: 0px; 
	background: url(img/h1-carbonless-quotation.gif) no-repeat;
	height: 60px; width: 450px;
	}

	
#h2-bestprice2, #h2-bestprice2 span {
	margin-left: 0px; 
	background: url(img/best-price2.gif) no-repeat;
	height: 35px; width: 700px;
	}

	
/* Services Quotation Thanks*/
#h1-thankyou, #h1-thankyou span {
	margin-left: 0px; 
	background: url(img/h1-thankyou.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* Generic - Oops */
#h1-oops, #h1-oops span {
	margin-left: 0px; 
	background: url(img/h1-oops.gif) no-repeat;
	height: 60px; width: 450px;
	}	
	
/* Feedback Form */
#h1-how, #h1-how span {
	margin-left: 0px; 
	background: url(img/h1-how.gif) no-repeat;
	height: 60px; width: 450px;
	}	

#h1-feedback, #h1-feedback span {
	margin-left: 0px; 
	background: url(img/h1-feedback.gif) no-repeat;
	height: 60px; width: 450px;
	}	

/* ****************************** */
/* Customer Feedback */
#h1-customerfeedback, #h1-customerfeedback span {
	margin-left: 0px; 
	background: url(img/h1-customerfeedback.gif) no-repeat;
	height: 60px; width: 450px;
	}

	
#h2-thanksfeedback, #h2-thanksfeedback span {
	margin-left: 0px; 
	background: url(img/h2-thanksfeedback.gif) no-repeat;
	height: 70px; width: 860px;
	}
/* ****************************** */
/* Ordering - index */
#h1-ordering, #h1-ordering span {
	margin-left: 0px; 
	background: url(img/h1-orderquote.gif) no-repeat;
	height: 60px; width: 450px;
	}
	


/*Ordering  - index  -  layout */
#h1-layout, #h1-layout span {
	margin-left: 0px; 
	background: url(img/h1-layout.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* ****************************** */
/* Shipping - index  */
#h1-finishing, #h1-finishing span {
	margin-left: 0px; 
	background: url(img/h1-finishing.gif) no-repeat;
	height: 60px; width: 450px;
	}
	
	
/* Shipping - index  */
#h1-shipping, #h1-shipping span {
	margin-left: 0px; 
	background: url(img/h1-shipping.gif) no-repeat;
	height: 60px; width: 450px;
	}
	
	
/* ****************************** */
/* Contact - index */
#h1-contact, #h1-contact span {
	margin-left: 0px; 
	background: url(img/h1-contact.gif) no-repeat;
	height: 60px; width: 450px;
	}

#h1-map, #h1-map span {
	margin-left: 0px; 
	background: url(img/h1-map.gif) no-repeat;
	height: 60px; width: 450px;
	}

#h2-siteby, #h2-siteby span {
	margin-left: 0px; 
	background: url(img/h2-siteby.gif) no-repeat;
	height: 60px; width: 450px;
	}
	
/* ****************************** */
/* Site details - index */
#h1-sitedetail, #h1-sitedetail span {
	margin-left: 0px; 
	background: url(img/h1-sitedetail.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* Site details - index */
#h2-btw, #h2-btw span {
	margin-left: 0px; 
	background: url(img/h2-btw.gif) no-repeat;
	height: 60px; width: 450px;
	}

/* ****************************** */
/* Site Map*/
#h1-sitemap, #h1-sitemap span {
	margin-left: 0px; 
	background: url(img/h1-sitemap.gif) no-repeat;
	height: 60px; width: 450px;
	}

#h2-otherpages, #h2-otherpages span {
	margin-left: 0px; 
	background: url(img/h2-otherpages.gif) no-repeat;
	height: 60px; width: 450px;
	}



/* *************--------------------***************** */
/* TABLE MENU HACK */

#navigation {
	position: absolute;
	top: 170px; left: 50%;
	margin-left: -450px;
	}


#navigation a {
	display: block;
	}

table#navigation{ }  /*border-collapse: collapse: INVALID */
#navigation table td{ padding: 0; margin: 0; border: 0;  background-color: #e4e4e4;}


#navigation span {display: none;}    /* hide the text */

/* Home */
/* ********** */

#navigation a#t-home {
	background: url(img/menu-home.gif) no-repeat 0px 0px;  
	margin: 0px; padding: 0px;
	text-decoration: none; 
	width: 100px; height: 30px;	
	border-right: 1px solid #B5DF84;
	}


#navigation a#t-home:hover { background-position:   -100px 0px; color: #e9be75; }
#navigation a#t-home:active {	background-position: -200px 0px; color: white; }


/* Design */
/* ********** */
#navigation a#t-design {
	background: url(img/menu-design.gif) no-repeat 0px 0px; 
	margin: 0px; padding: 0px;
	text-decoration: none; 
	width: 150px; height: 30px;	
	border-right: 1px solid #B5DF84;
}


#navigation a#t-design:hover {background-position: -150px 0px; color: #e9be75; }
#navigation a#t-design:active {background-position: -300px 0px; color: white; }


/* Printing - MAIN page*/
/* ********** */
#navigation a#t-printing {
	background: url(img/menu-printing.gif) no-repeat 0px 0px; 
	margin: 0px; padding: 0px;
	text-decoration: none; 
	width: 150px; height: 30px;	
	border-right: 1px solid #B5DF84;
}


#navigation a#t-printing:hover {background-position: -150px 0px; color: #e9be75; }
#navigation a#t-printing:active {background-position: -300px 0px; color: white; }



/* Finishing */
/* ********** */
#navigation a#t-finishing {
	background: url(img/menu-finishing.gif) no-repeat 0px 0px; 
	margin: 0px; padding: 0px;
	text-decoration: none; 
	width: 150px; height: 30px;	
	border-right: 1px solid #B5DF84;
}


#navigation a#t-finishing:hover {background-position: -150px 0px; color: #e9be75; }
#navigation a#t-finishing:active {background-position: -300px 0px; color: white; }

/* Ordering */
/* ********** */
#navigation a#t-ordering {
	background: url(img/menu-ordering.gif) no-repeat 0px 0px; 
	margin: 0px; padding: 0px;
	text-decoration: none; 
	width: 160px; height: 30px;
	border-right: 1px solid #B5DF84;
}


#navigation a#t-ordering:hover {background-position: -160px 0px; color: #e9be75; }
#navigation a#t-ordering:active {background-position: -320px 0px; color: white; }


/* Contact */
/* ********** */
#navigation a#t-contact {
	background: url(img/menu-contact.gif) no-repeat 0px 0px; 
	margin: 0px; padding: 0px;
	text-decoration: none; 
	width: 140px; height: 30px;	
	}


#navigation a#t-contact:hover {background-position: -140px 0px; color: #e9be75; }
#navigation a#t-contact:active {background-position: -280px 0px; color: white; }


/* Deals on index page*/
/* ***************** */


#deals {color: #000; background-color: #fff; line-height: 30px; float: right; width: 250px; text-align: center;}
#deals img {padding: 0 5px; vertical-align: text-bottom; text-align: center;}

#deals a {
	color: #000; font-size: 14px;  
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
	}

#deals a:link {color: red; font-size: 14px;  font-family: Georgia, "Times New Roman", serif; }
#deals a:visited {color: red; text-decoration: none; }
#deals a:hover {color: #FD7676; text-decoration: underline; font-size: 14px;}
#deals a:active{text-decoration: none; font-size: 14px; }


#deals p {color: #000; font-size: 14px;  font-family: Georgia, "Times New Roman", serif; font-weight: bold;}

/* More on about page*/
/* ***************** */


#more {color: #000; background-color: #fff; line-height: 30px; float: right; width: 250px; text-align: center;}
#more img {padding: 0 5px; vertical-align: text-bottom; text-align: center;}

#more a {
	color: #656363; font-size: 12px;  
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: bold;
	text-align: justify;
	text-decoration: none;
	}

#more a:link {color: #656363; font-size: 12px;  font-family: Georgia, "Times New Roman", serif; text-decoration: none;  }
#more a:visited {color: #000; text-decoration: none; }
#more a:hover {color: #000; text-decoration: underline; font-size: 12px;}
#more a:active{text-decoration: none; font-size: 12px; }

#more p {color: #000; font-size: 14px;  font-family: Georgia, "Times New Roman", serif; font-weight: bold;}

/* *************************** */
/* Page specific styles - change layout depending on page selected!...  */
/* *************************** */

/* HOME PAGE */
#home a#t-home{background-position: -100px 0px; color: #e9be75;}

/* DESIGN MAIN PAGE */
#design a#t-design{background-position: -150px 0px; color: #e9be75;}
#design a#d-design {background-color:  #815D5D; color: #d4d4d4;}

#design-layout a#t-design{background-position: -150px 0px; color: #e9be75;}
#design-layout  a#d-layout{background-color:  #815D5D; color: #d4d4d4;}

#design-color a#t-design{background-position: -150px 0px; color: #e9be75;}
#design-color  a#d-color{background-color:  #815D5D; color: #d4d4d4;}

#design-tips a#t-design{background-position: -150px 0px; color: #e9be75;}
#design-tips  a#d-tips{background-color:  #815D5D; color: #d4d4d4;}


/* ######################################################## */
/* SERVICES MAIN PAGE */
#printing a#t-printing{background-position: -150px 0px; color: #e9be75;}


/* SERVICES - flyers PAGE */
#flyers a#t-printing{background-position: -150px 0px; color: #e9be75;}
#flyers a#d-flyers {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - brochure PAGE */
#brochure a#t-printing {background-position: -150px 0px; color: #e9be75;}
#brochure a#d-brochures {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - flyer PAGE */
#postcard a#t-printing {background-position: -150px 0px; color: #e9be75;}
#postcard a#d-postcard {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - alternative PAGE */
#altadvert a#t-printing{background-position: -150px 0px; color: #e9be75;}
#altadvert a#d-other {background-color:  #815D5D; color: #d4d4d4;}	
	
/* SERVICES - carbonless PAGE */
#carbonless  a#t-printing {background-position: -150px 0px; color: #e9be75;}
#carbonless  a#d-carbonless {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - NCR PAGE */
#ncr  a#t-printing {background-position: -150px 0px; color: #e9be75;}
#ncr  a#d-ncr {background-color:  #815D5D; color: #d4d4d4;}	


/* SERVICES - NCR PAGE */
#ncr-carbonless-weight a#t-printing {background-position: -150px 0px; color: #e9be75;}
#ncr-carbonless-weight  a#d-weight {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - FAQ PAGE */
#ncr-carbonless-faq  a#t-printing {background-position: -150px 0px; color: #e9be75;}
#ncr-carbonless-faq a#d-faq {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - carbonless PAGE */
#stationery a#t-printing {background-position: -150px 0px; color: #e9be75;}

/* SERVICES - BUSINESSCARDS PAGE */
#business a#t-printing{background-position: -150px 0px; color: #e9be75;}
#business a#d-businesscards {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - Letterheads PAGE */
#letterhead a#t-printing{background-position: -150px 0px; color: #e9be75;}
#letterhead a#d-letterheads {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - Letterheads PAGE */
#time-cards a#t-printing{background-position: -150px 0px; color: #e9be75;}
#time-cards a#d-timecards {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - envelopes  PAGE */
#envelope a#t-printing{background-position: -150px 0px; color: #e9be75;}
#envelope a#d-envelopes {background-color:  #815D5D; color: #d4d4d4;}	

/* SERVICES - photo-copy PAGE */
#copy a#t-printing{background-position: -150px 0px; color: #e9be75;}
#copy a#d-copying {background-color:  #815D5D; color: #d4d4d4;}	

	


/* ORDERING MAIN PAGE */
#ordering a#t-ordering {background-position: -160px 0px; color: #e9be75;}

/* ORDERING LEAFLET QUOTE PAGE */
#advertisequote a#t-ordering {background-position: -160px 0px; color: #e9be75;}
#carbonlessquote a#t-ordering {background-position: -160px 0px; color: #e9be75;}
#stationeryquote a#t-ordering {background-position: -160px 0px; color: #e9be75;}

#carbonlessquote  h3, #advertisequote h3, #stationeryquote h3, #custFeedback h3 {
	font-weight: bold; color: #000; background-color: #B7DE85; padding: 4px;
	}

#carbonlessquote  table#outline td, #advertisequote  table#outline td, #stationeryquote  table#outline td{
	vertical-align: top; font-size: 12px; line-height: 14px; padding-top: 10px;
	}

/* ORDER - QUOTE - THANKS*/
#error a#t-ordering{background-position: -160px 0px; color: #e9be75;}

/* ORDER - QUOTE - THANKS*/
#thankyou a#t-printing{background-position: -150px 0px; color: #e9be75;}
#thankyou #sideMenu a#d-quote {background-color: #B5DF84; color: #815D5D; }
#thankyou #sideMenu a#d-quote:hover {color: #ffffff; background-color: #ef9556;}


/* ################################## */
/* FINISHING - Finish PAGE */
#finishing a#t-finishing{background-position: -150px 0px; color: #e9be75;}
#finishing a#d-finishing{background-color:  #815D5D; color: #d4d4d4;}	

/* FINISHING - Shipping PAGE */
#shipping a#t-finishing{background-position: -150px 0px; color: #e9be75;}
#shipping a#d-shipping {background-color:  #815D5D; color: #d4d4d4;}	


/* CONTACT PAGE */
#contact a#t-contact{background-position: -140px 0px; color: #e9be75;}

/* SITEMAP PAGE */
#sitemap #b-menu a#site-map {	color: #5A2827; text-decoration: underline;}

/* SITE DETAIL PAGE */
#sitedetail  #b-menu  a#site-detail {	color: #5A2827; text-decoration: underline;}


/* ######################################################## */
/* FEEDBACK MAIN PAGE */

.feedback {
	background: transparent url(img/feedback_bg.gif) repeat 0 0;
	padding: 15px;
	border: dashed pink 2px;
 	}

/* .feedback {border: dashed pink 2px; background-color: #EBECE8; padding: 15px;}*/