/* ---------------------
	Title: Print House - main screen stylesheet
	Filename: screen.css
	Author: One Pica Inc, Boston MA
	
	Table of Contents:
		Searchstring (Section Name)				Description
		
		=General (General Styles):				Set font sizes, Page backgrounds, link behaviors, etc
		=Master (Master #container Styles):		Placing, sizing, styling the main container
		=Branding (Branding Styles):			Logos, taglines, branding info
		=Nav (Navigation Styles):				The navigation bar; internal and external
		=Forms (Form Styles)					Set appearance of forms, inputs, buttons, etc
		=Multicol (Multi-Column Styles):		The cases where the content needs to be in multiple columns
		=Content (Content Styles):				The main content of the page
		...Further style sections go here...
		=Footer (Credit/Footer Styles):			The footer
		=Uni (Universal Styles):				Classes and elements that apply throughout ('clear', 'blue', etc)
	
	Common Color Table:
		White:									#FFFFFF
		
		Body BG - Home/Services 				#FEF0CB
		Body BG - Orders	 					#E8D9D0
		Body BG - Resources		 				#F1E6B2
		Body BG - About			 				#E0EEF1
		Body BG - Contact		 				#F2E4DE
		
		Nav BG - Home/Services 					#EFAA23
		Nav BG - Orders 						#B75312
		Nav BG - Resources 						#B29200
		Nav BG - About 							#5B97B1
		Nav BG - Contact 						#772B2F
		
		Nav Current BG - Home/Services 			#C88B32
		Nav Current BG - Orders					#784E2F
		Nav Current BG - Resources				#766C26
		Nav Current BG - About					#4F6E80
		Nav Current BG - Contact				#5C3A3E
		
		Content BG - Home/Services 				#BE770E
		Content BG - Orders 					#602F0B
		Content BG - Resources 					#5E5200
		Content BG - About 						#30556A
		Content BG - Contact 					#3F181C
	
	Thanks To:
		CSS structure/commenting: http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
		Markup structure: http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html
		Stylesheet searchstring flags: http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html
---------------------- */

/* =General
---------------------- 
	General Styles applied to 'normalize' things
	Notes:
		'Em' styling generally following (http://www.clagnut.com/blog/348/) from this point 10px=1em, 11px=1.1em, etc
		100.01% font size from (http://www.communitymx.com/content/article.cfm?page=5&cid=FAF76)
		Beginning "global reset" styles, to clear troublesome browser defaults, 
		are based on (http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/) 
		Note that most form elements are omitted; style those separately, further down.
---------------------- */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none outside;
}

/* Begin Actual Site Styles */
html {
	font-size: 100.01%; /* Ensures font consistency across browsers */
	height: 100%;
}
body {
	font-size: 10px; /* Sets base font-size for browsers that resize text correctly */
	line-height: 1.5; /* Sets base leading for lines of text */
	background-color: #FEF0CB;
	font-family: Tahoma, sans-serif;
	height: 100%;
	color: #fff;
}
body#services {
	background-color: #FEF0CB;
}
body#orders {
	background-color: #E8D9D0;
}
body#resources {
	background-color: #F1E6B2;
}
body#about {
	background-color: #E0EEF1;
}
body#contact {
	background-color: #F2E4DE;
}

p {margin-bottom: 1em; line-height: 1.5}
div {line-height: 1.5}

input, select, th, td {font-size: 1em}

h1 {font-size: 2em} /* 24px */
h2 {font-size: 1.5em} /* 18px */
h3 {font-size: 1.25em} /* 15px */
h4 {font-size: 1em} /* 12px */
h5 {font-size: 1em} /* 12px */
h6 {font-size: 1em} /* 12px */

strong {font-weight: bold}
em {font-style: italic}
sup {font-size: 50%; vertical-align: super;}

/* Basic link styles */
a, a:link {
	color: #fafafa;
	text-decoration: underline;
}
a:visited {
	color: #fafafa;
}
a:hover, a:active {
	color: #fff;
	text-decoration: underline;
}
a:focus {
	outline: none; /* Removes dotted outline in Firefox */
}

/* =Master
---------------------- 
	Master Container
	Notes:
		margin: 0px auto; centers the container horizontally except in IE5, which is fixed in the body tag
---------------------- */
#container-outer {
	position: relative;
	margin: 0px auto;
	width: 960px;
	padding-bottom: 18px;
}

#container {
	position: relative;
	margin: 0px auto;
	padding: 0;
	width: 802px;
	font-size: 1.2em; /* 12px (based on value from body) */
	text-align: left; /* Normalize alignment; unfix all browsers from fix in IE stylesheet */
	background: #fff;
}

/* Skip link: This is the very first link anywhere on the page; by tabbing to it or hitting accesskey 2, a user can skip the header/navigation of a page and go directly to the page content. It is normally 'hidden' by being positioned far, far off the page; bringing it into focus with Tab makes it visible. */
	#skiplink a {
		position: absolute;
		top: -1000px;
		left: -2000px;
	}
		#skiplink a:focus, #skiplink a:active {
			position: absolute;
			margin: 0;
			top: 0;
			left: 0;
			display: block;
			padding: 0;
			background: #000;
			color: #fff;
			font-weight: bold;
		}
		#skiplink a:hover { 
		}

/* =Branding
----------------------
	Branding styles: Usually the logo and tagline
	Notes:
		Image replacement: Usually Phark Method (http://www.mezzoblue.com/tests/revised-image-replacement/)
---------------------- */
#branding {
	position: absolute;
	top: 0;
	left: 11px;
	width: 570px;
}
	#branding-logo {
		cursor: pointer;
		width: 293px;
		height: 101px; /* Set dimensions once here, and use 100% for all dimensions in both rules below */
	}
		#branding-logo h1 {
			text-indent: -5000px;
			overflow: hidden;
			width: 100%;
			height: 100%;
			line-height: 1;
			padding: 0;
			margin: 0 0;
		}
			#branding-logo h1 a, #branding-logo h1 a:link, #branding-logo h1 a:visited {
				background: transparent url(../images/branding/tph_logo_link.gif) 0 0 no-repeat;
				display: block;
				width: 100%;
				height: 100%;
			}
			#branding-logo h1 a:hover, #branding-logo h1 a:active {
				background: transparent url(../images/branding/tph_logo_link.gif) 0 -101px no-repeat;
			}
	#branding-tagline {
		width: ;
		height: ; /* See branding-logo above */
	}
		#branding-tagline h2 {
			/* Uncomment this for Image Replacement -
				the following rules set Image Replacement and neutralize h2's default behavior 
			text-indent: -5000px;
			overflow: hidden;
			background: ;
			width: 100%;
			height: 100%; */
			line-height: 1;
			padding: 0;
			margin: 0.5em 0; /* Change this */
		}
	#branding-info {
	}

/* =Nav
----------------------
	Navigation styles
	Notes:
		Navigation belongs in an UL tag with <ul><li><a></a></li></ul> as the markup scheme.
		Keep each of the below #elements as divs, and put the UL inside them
		If there's a Left-Hand navigation, use #nav-section, give it a width & float it left
---------------------- */
#nav {
}
	#nav-main {
		width: 226px;
		margin-left: 576px;
	}
		#nav-main ul {
			list-style: none outside;
			padding: 0;
			margin: 0;
		}
			#nav-main li {
				margin: 0 21px 0 0;
				padding: 3px;
			}
			#nav-main li.current {
				margin-right: 0;
			}
			#nav-main li.services {
				background: #EFAA23;
			}
			#nav-main li.orders {
				background: #B75312;
			}
			#nav-main li.resources {
				background: #B29200;
			}
			#nav-main li.about {
				background: #5B97B1;
			}
			#nav-main li.contact {
				background: #772B2F;
			}
				#nav-main a {
					display: block;
					text-align: center;
					margin: 0;
					height: 1em;
					padding: 0.25em 0 0.3em;
					color: #fff;
					text-decoration: none;
					text-transform: uppercase;
				}
				#nav-main li.services a, #nav-main li.services a:link, #nav-main li.services a:visited {
					background: #EFAA23;
					border: dotted 1px #F6D086;
				}
				#nav-main li.orders a, #nav-main li.orders a:link, #nav-main li.orders a:visited {
					background: #B75312;
					border: dotted 1px #D7A17D;
				}
				#nav-main li.resources a, #nav-main li.resources a:link, #nav-main li.resources a:visited {
					background: #B29200;
					border: dotted 1px #D5C373;
				}
				#nav-main li.about a, #nav-main li.about a:link, #nav-main li.about a:visited {
					background: #5B97B1;
					border: dotted 1px #A5C6D4;
				}
				#nav-main li.contact a, #nav-main li.contact a:link, #nav-main li.contact a:visited {
					background: #772B2F;
					border: dotted 1px #B48B8D;
				}
				#nav-main li.current.services a, #nav-main li.services a:hover, #nav-main li.services a:active {
					background: #C88B32 url(../images/nav/nav_services_bg_curr.gif) left bottom repeat-x;
				}
				#nav-main li.current.orders a, #nav-main li.orders a:hover, #nav-main li.orders a:active {
					background: #784E2F url(../images/nav/nav_orders_bg_curr.gif) left bottom repeat-x;
				}
				#nav-main li.current.resources a, #nav-main li.resources a:hover, #nav-main li.resources a:active {
					background: #766C26 url(../images/nav/nav_resources_bg_curr.gif) left bottom repeat-x;
				}
				#nav-main li.current.about a, #nav-main li.about a:hover, #nav-main li.about a:active {
					background: #4F6E80 url(../images/nav/nav_about_bg_curr.gif) left bottom repeat-x;
				}
				#nav-main li.current.contact a, #nav-main li.contact a:hover, #nav-main li.contact a:active {
					background: #5C3A3E url(../images/nav/nav_contact_bg_curr.gif) left bottom repeat-x;
				}
	
	#nav-section {
		padding-bottom: 2px;
		background-image: url(../images/bg/navsection_dotborder1.gif);
		background-position: left bottom;
		background-repeat: repeat-x;
	}
	#services #nav-section, #siteinfo #nav-section {
		background-color: #EFAA23;
	}
	#orders #nav-section {
		background-color: #B75312;
	}
	#resources #nav-section {
		background-color: #B29200;
		background-image: url(../images/bg/navsection_bg_kite1.gif);
	}
	#about #nav-section {
		background-color: #5B97B1;
		background-image: url(../images/bg/navsection_bg_fish1.gif);
	}
	#about.index #nav-section {
		background-image: url(../images/bg/navsection_bg_fish2.gif);
	}
	#contact #nav-section {
		background-color: #772B2F;
		display: none; /* There is now no subnav for Contact */
	}
	#news #nav-section {
		background-color: #BE770E;
	}
		#nav-section ul {
			padding: 0 0 0 52px;
			margin: 0;
			list-style: none outside;
		}
			#nav-section li {
				float: left;
				width: auto;
				padding: 7px 0 5px;
				margin: 0 17px 0 0;
				text-transform: uppercase;
				background: none;
			}
			#services #nav-section li.current, #siteinfo #nav-section li.current {
				background: transparent url(../images/nav/subnav_arrow_services.gif) 50% 0 no-repeat;
			}
			#orders #nav-section li.current {
				background: transparent url(../images/nav/subnav_arrow_orders.gif) 50% 0 no-repeat;
			}
			#resources #nav-section li.current {
				background: transparent url(../images/nav/subnav_arrow_resources.gif) 50% 0 no-repeat;
			}
			#about #nav-section li.current {
				background: transparent url(../images/nav/subnav_arrow_about.gif) 50% 0 no-repeat;
			}
			#contact #nav-section li.current {
				background: transparent url(../images/nav/subnav_arrow_contact.gif) 50% 0 no-repeat;
			}
			#news #nav-section li.current {
				background: transparent url(../images/nav/subnav_arrow_news.gif) 50% 0 no-repeat;
			}
				#nav-section li a, #nav-section li a:link, #nav-section li a:visited {
					display: block;
					text-decoration: none;
					color: #fff;
					padding: 3px;
				}
				#nav-section li a:hover, #nav-section li a:active {
					text-decoration: underline;
				}
	

/* =Forms
----------------------
	Form styles
	Notes:
		A <p></p> should always enclose every label-input (or label-select) pair.
		Widths are in % to start, so that they scale, but they are the attributes most likely to change.
		Remember -- the IE stylesheet has different percentage widths to start.
---------------------- */
form {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
	fieldset {
		border: 0px solid;
		padding: 0;
		margin: 0 0 1.4em 0;
	}
	form p {
		display: block;
		clear: both;
		margin: 0 0 0.4em 0;
		padding: 0;	
	}
		form label {
			display: inline;
			float: left;
			width: 35%;
			padding: 0 5% 0 0;
			margin: 0;
		}
		form input, form select, form textarea {
		   margin: 0;
		   padding: 0;
		   width: 59.2%; /* CLOSE to full width; use pixels for the real thing */
		   font-size: 1em;
		   border: solid 1px #999;
		   border-bottom-color: #ccc;
		   background-color: #fff;
		   font-family: Tahoma, sans-serif;
		}
		form input {height: 1.3em}
		form select {width: 59.5%; height: 1.5em}  /* Selects are not the same as inputs */
		form textarea {height: 6em}
		
		/* Radio buttons */
		form input.radio, form input.radiobtn {
			text-align: left;
			width: 1.3em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		form .radiotext {
			margin: 0 1em 0 0;
		}
		
		/* Check boxes */
		form input.ckbx, form input.checkbox {
			text-align: left;
			width: 1.2em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		
	form p.indent { /* For buttons or text that need to align with inputs/selects */
		margin-left: 40%;
	}
	form p.xspa { /* "extra space after" */
		margin-bottom: 2.0em;
	}
	form .req, form .required {
		color: red;
	}
	form input:focus {
		/* however we want the focused field to look */
	}
	form input.submit, button { /* There are lots of default values to fix */
		border: 3px double #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		padding: 1px 2px;
		background: #f6f6f6;
		color: #555;
		font-size: 0.9em;
		font-weight: bold;
		height: auto;
		width: auto;
		cursor: pointer;
		font-family: inherit;
	}
	form input.submit:hover, button:hover { /* IE6 can't see these, too bad */
		color: #fff;
		background-color: #ff0000;
	}
	form input.submit:active, button:active { /* Button 'feedback' behavior */
		border: 3px double #ccc;
		border-top-color: #999;
		border-left-color: #999;
	}
	
/* =Multicol
----------------------
	Multi-Column Content styles
	Notes:
		These columns should be used for text within #content.
		Values are in percentages to start off -- remember that the IE stylesheet has different values.
		If you need "pixel-perfect", you'll have to stop using percentages and use actual pixels
---------------------- */
.twoColumnLayout {
	float: left;
	clear: none;
}
	.twoColumnLeft {
		width: 500px;
		margin-right: 21px;
	}
	.twoColumnRight {
		width: 205px;
	}
	.revColumnLeft {
		width: 205px;
		margin-right: 21px;
	}
	.revColumnRight {
		width: 500px;
	}
/* For 2-columns within main column */
.halfColumnLeft {
	float: left;
	display: inline;
	clear: none;
	width: 45%;
	margin-right: 3%;
}
.halfColumnRight {
	float: left;
	display: inline;
	clear: none;
	width: 45%;
	margin-right: 0;
}


.threeColumnLayout {
	width: 30%;
	float: left;
	clear: none;
}
	.threeColumnLeft {
		margin-right: 4%;
	}
	.threeColumnMiddle {
		margin-right: 4%;
	}
	.threeColumnRight {
		margin-right: 0;
	}

/* =Headings
----------------------
	<h1> through <h6>
---------------------- */
h2, h3, h4, h5, h6 {
	line-height: 1.5;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
h3 {
	font-family: Georgia, serif;
	font-size: 1.75em;
	padding: 0;
	margin: 0 0 0.3em 0;
}
h4 {
	font-family: Tahoma, sans-serif;
	font-size: 1.25em;
	line-height: 1.2;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0.1em 0;
}
#services h4 {
	color: #F7D591;
}
#orders h4 {
	color: #DBA989;
}
#resources h4 {
	color: #D9C980;
}
#about h4 {
	color: #ADCBD8;
}
#contact h4 {
	color: #BB9597;
}
h5 {
	padding: 0;
	margin: 0 0 0.4em 0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Georgia, serif;
}


/* =Content
----------------------
	Main Content styles
	Notes:
		
		Font-size is inherited, so some math will be necessary to size child elements up or down correctly
---------------------- */
#content-outer {
	padding-bottom: 95px;
}
#home #content-outer {
	padding-bottom: 175px;
	background: transparent url(../images/bg/contentbottom_dpm_home.jpg) left bottom no-repeat;
}
#services #content-outer, #siteinfo #content-outer {
	background: transparent url(../images/bg/contentbottom_dpm_services.gif) left bottom no-repeat;
}
#orders #content-outer {
	background: transparent url(../images/bg/contentbottom_dpm_orders.gif) left bottom no-repeat;
}
#resources #content-outer {
	background: transparent url(../images/bg/contentbottom_dpm_resources.gif) left bottom no-repeat;
}
#about #content-outer {
	background: transparent url(../images/bg/contentbottom_dpm_about.gif) left bottom no-repeat;
}
#contact #content-outer {
	background: transparent url(../images/bg/contentbottom_dpm_contact.gif) left bottom no-repeat;
}

#content {
	font-size: 1em; /* Inherits 12px from #container */
	background-color: #333;
}
#home #content {
	background-color: #EFAA23;
}
#services #content, #siteinfo #content {
	background-color: #BE770E;
}
#orders #content {
	background-color: #602F0B;
}
#resources #content {
	background-color: #5E5200;
}
#about #content {
	background-color: #30556A;
}
	#about.gogreen #content {
		background-color: #477600;
	}
#contact #content {
	background-color: #3F181C;
}
#content-inner {
	padding: 15px 0 20px 0;
}

/* Special background graphics 
--------------------------------- */
#home #container-outer {
	background: transparent url(../images/bg/containerouter_bg_home.gif) left bottom no-repeat;
}
	#home #nav {
		background: transparent url(../images/bg/nav_bg_home.gif) 440px bottom no-repeat; 
	}
	#home #content {
		background: #EFAA23 url(../images/bg/content_bg_home.gif) left bottom no-repeat;
	}
		#home #content-inner {
			background: transparent url(../images/bg/contentinner_bg_home.gif) 440px top no-repeat;
		}
	#news #content-outer {
		background: transparent url(../images/bg/contentbottom_dpm_services.gif) left bottom no-repeat;
	}
	#news #content {
		background: #EFAA23;
	}
	#services #content {
		background: #BE770E url(../images/bg/content_bg_frog1.gif) right 17px no-repeat;
	}
#services.index #container-outer {
	background: transparent url(../images/bg/containerouter_bg_frog2.gif) right bottom no-repeat;
}
	#services.index #content-outer {
		background: transparent url(../images/bg/contentbottom_dpm_frog2.gif) left bottom no-repeat;
	}
	#services.index #content {
		background: #BE770E url(../images/bg/content_bg_frog2.gif) right bottom no-repeat;
	}
	#orders #content {
		background: #602F0B url(../images/bg/content_bg_bird1.gif) right 20px no-repeat;
	}
#orders.index #container-outer {
	background: transparent url(../images/bg/containerouter_bg_bird2.gif) right bottom no-repeat;
}
	#orders.index #content-outer {
		background: transparent url(../images/bg/contentbottom_dpm_bird2.gif) left bottom no-repeat;
	}
	#orders.index #content {
		background: #602F0B url(../images/bg/content_bg_bird2.gif) right bottom no-repeat;
	}
	#resources #content {
		background: #5E5200;
	}
	#resources.index #content {
		background: #5E5200 url(../images/bg/content_bg_kite2.gif) right bottom no-repeat;
	}
		#resources #content-inner {
			background: transparent url(../images/bg/contentinner_bg_kite1.gif) right top no-repeat;
		}
	#about #content {
		background: #30556A url(../images/bg/content_bg_fish1.gif) right top no-repeat;
	}
		#about.gogreen #content {
			background: #477600 url(../images/bg/content_bg_fish1g.gif) right top no-repeat;
		}
		#about.gogreen #content-outer {
			background: transparent url(../images/bg/contentbottom_dpm_gogreen.gif) left bottom no-repeat;
		}
	#about.index #content-outer {
		background: transparent url(../images/bg/contentbottom_dpm_fish2.gif) left bottom no-repeat;
	}
	#about.index #content {
		background: #30556A url(../images/bg/content_bg_fish2.gif) right bottom no-repeat;
	}
		#about.index #content-inner {
			background: transparent url(../images/bg/contentinner_bg_fish2.gif) right top no-repeat;
		}
#contact #container-outer {
	/* background: transparent url(../images/bg/containerouter_bg_lemon1.gif) right bottom no-repeat; */
}
	#contact #content {
		background: #3F181C url(../images/bg/content_bg_lemon1a.gif) right 20px no-repeat;
	}
#contact.index #container-outer {
	background: transparent;
}
	#contact.index #content-outer {
		background: transparent url(../images/bg/contentbottom_dpm_lemon2.gif) left bottom no-repeat;
	}
	#contact.index #content {
		background: #3F181C url(../images/bg/content_bg_lemon2.gif) right bottom no-repeat;
	}
/* Special padding/spacing for graphics */
#services.index #content-main {
	padding-bottom: 0px;
}
	#services .twoColumnRight {
		padding-top: 35px;
	}
	#services .twoColumnRight {
		padding-top: 35px;
	}
	#services.offsetprinting .twoColumnRight, #services.digitalprinting .twoColumnRight, #services.largeformat .twoColumnRight {
		padding-top: 0px;
	}
#orders.index #content-main {
	padding-bottom: 40px;
}
#resources.index #content-main {
	padding-bottom: 90px;
}
#about.index #content-main {
	padding-bottom: 100px;
}
#contact.index #content-main {
	padding-bottom: 0px;
}


/* Actual content/text styling 
-------------------------------------------------------- */
	#content-main {
		margin-left: 55px;
	}
		.intro1 {
			padding-top: 0.6em;
			font-size: 1.3em;
			width: 92%;
			margin-bottom: 0.5em;
		}
		.home-cta-main {
			margin: 0 15px 0 130px;
			padding: 0 0 0.8em 0;
			list-style: none outside;
			width: 165px;
			float: left;
			display: inline;
		}
			.home-cta-main li {
				font-size: 1.5em;
				font-family: Georgia, serif;
				margin: 0 0 0.1em 0;
				padding: 0;
				background: none;
				line-height: 1;
			}
				.home-cta-main a, .home-cta-main a:link, .home-cta-main a:visited {
					color: #A03F00;
					text-decoration: none;
					display: block;
					padding: 0.2em 0 0.2em 20px;
					background: transparent url(../images/icons/arrow_content_home.gif) 0 0.4em no-repeat;
				}
				.home-cta-main a:hover, .home-cta-main a:active {
					text-decoration: underline;
				}
		.home-extra-links {
			list-style: none outside;
			width: 152px;
			float: left;
			display: inline;
			background: none;
			margin: 0;
			padding: 3px 0 0 0;
		}
			#content .home-extra-links li {
				background: none;
				padding: 0;
				margin: 0;
			}
			#content .home-extra-links a, #content .home-extra-links img {
				border: none;
				padding: 0;
				margin: 0;
			}
			#content .home-extra-links a {
				display: block;
			}
			#content .home-extra-links img {
				margin: 0 0 5px 0;
				overflow: hidden;
				display: block;
			}

/* ULs and OLs */
ul, ol {
	margin: 0 0 1em 0;
}
	li {
		background: transparent url(../images/icons/bullet_1.gif) 0 0.5em no-repeat;
		padding: 0 0 0 11px;
		margin: 0 0 0.3em 0;
		line-height: 1.5;
	}
ol {
	list-style: decimal outside;
	padding: 0 0 0 1.6em;
}
	ol li {
		background: none;
		padding: 0;
		margin: 0 0 0.3em 0;
		line-height: 1.5;
	}

/* Printing sub-subnav */
.nav-printing {
	padding: 0 0 0.8em 0;
	border-bottom: dotted 1px #F6D086;
	margin: 0 0 1em 0;
	width: 500px;
}

/* Continue buttons */
a.continuebtn {
	display: block;
	background: #CC6C0D url(../images/icons/bullet_1.gif) 5.7em 0.9em no-repeat;
	border: solid 2px #492107;
	width: 6em;
	padding: 0.5em 0px 0.5em 10px;
	margin: 0 0 1em 0;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.3em;
	color: #fff;
}
a.continuebtn:hover, a.continuebtn:active {
	background-color: #CC3300;
}
a.filebtn {
	display: block;
	background: #CC6C0D url(../images/icons/bullet_1.gif) 22.5em 0.8em no-repeat;
	border: solid 2px #492107;
	width: 23em;
	padding: 0.5em 0px 0.5em 10px;
	margin: 0 0 1em 0;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
	color: #fff;
}
a.filebtn:hover, a.filebtn:active {
	background-color: #CC3300;
}
a.promobtn {
	display: block;
	background: #ea9018 url(../images/icons/bullet_1.gif) 17.2em 0.8em no-repeat;
	border: solid 2px #60440E;
	width: 17.7em;
	padding: 0.5em 0px 0.5em 10px;
	margin: 0 0 1em 0;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
	color: #fff;
}
a.promobtn:hover, a.promobtn:active {
	background-color: #ffa900;
}


/* Team photos */
.photo {
	padding-top: 0.5em;
	text-align: right;
}
		
/* Sidebar Calls-To-Action */
.cta-box {
	background: #fff;
	border: solid 3px #000;
	padding: 10px;
	color: #000;
	margin: 0 0 1em 0;
}
#services .cta-box {
	background: #EFAA23;
	border-color: #60440E;
}
#services .cta-box.getaquote {
	background: #60440E;
	border-color: #EFAA23;
	color: #fff;
}
#orders .cta-box {
	background: #B75312;
	border-color: #492107;
}
#resources .cta-box {
	background: #B29200;
	border-color: #4D3E00;
}
#about .cta-box {
	background: #5B97B1;
	border-color: #243C47;
}
#contact .cta-box {
	background: #772B2F;
	border-color: #301113;
	color: #D6BFC0;
}
	.cta-box p {
		font-size: 1.2em;
		margin: 0 0 0.3em 0;
		line-height: 1.4;
	}
	.cta-box h5 {
		padding: 0;
		margin: 0 0 0.4em 0;
		font-size: 1.1em;
		font-weight: bold;
		font-family: Georgia, serif;
	}
#content .cta-box.green {
	background: #B29200;
	border: solid 3px #4D3E00;
	color: #fff;
	margin-top: 5px;
}
#content .cta-box.news {
	background: #CBB268;
	border: solid 3px #665A34;
	color: #fff;
	margin-bottom: 0.2em;
}
	#content .cta-box.news ul {
		padding: 0;
		margin: 0 0 0.8em 0;
		list-style: none outside;
	}
		#content .cta-box.news li {					
		}
			.cta-box.news li a:visited {
				color: #444;
			}
	a.cta-link {
		background: transparent url(../images/icons/arrow_cta_generic.gif) right 0.3em no-repeat;
	}
	a.cta-link, a.cta-link:link, a.cta-link:visited {
		display: block;
		margin: 0;
		padding: 0.2em 18px 0.2em 0;
		text-align: right;
		color: #5F1B00;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.92em;
	}
	a.cta-link:hover, a.cta-link:active {
		text-decoration: underline;
	}
	.cta-box.green a.cta-link {
		background: transparent url(../images/icons/arrow_cta_green.gif) right 0.3em no-repeat !important;
	}
	.cta-box.news a.cta-link {
		background: transparent url(../images/icons/arrow_cta_news.gif) right 0.3em no-repeat;
	}
	#services .cta-box a.cta-link {
		background: transparent url(../images/icons/arrow_cta_services.gif) right 0.3em no-repeat;
	}
	#orders .cta-box a.cta-link {
		background: transparent url(../images/icons/arrow_cta_orders.gif) right 0.3em no-repeat;
	}
	#resources .cta-box a.cta-link {
		background: transparent url(../images/icons/arrow_cta_resources.gif) right 0.3em no-repeat;
	}
	#about .cta-box a.cta-link {
		background: transparent url(../images/icons/arrow_cta_about.gif) right 0.3em no-repeat;
	}
	#contact .cta-box a.cta-link {
		background: transparent url(../images/icons/arrow_cta_contact.gif) right 0.3em no-repeat;
	}
	.phone {
		font-weight: bold;
		font-size: 1.3em;
	}

/* Content Tables, e.g. Contact information */
table {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0 0 1em 0;
}
	table td {
		font-size: 1em;
		line-height: 1.3;
		padding: 0 0 1.2em 0;
	}
	table td.tdleft1 {
		width: 30%;
	}
	
/* Sidebar Testimonials/Quotes */
.testimonial {
}
	.quote {
		font-family: Georgia, serif;
		font-size: 2.0em;
		margin-bottom: 0.4em;
		padding: 0 0 0 17px;
		text-indent: -17px;
	}
	.quote span {
		font-size: 1.6em;
	}
	.attribution {
		font-size: 0.92em;
		padding: 0 0 0 17px;
		text-indent: -13px;
	}
			
/* Glossary styles */
.nav-glossary {
	margin:  0 0 1em 225px;
}
#resources.glossary .revColumnLeft p {
	color: #BF9C00;
	text-align: right;
}
			

/* =Footer
----------------------
	Credit/footer styles: Usually the copyright/company info
	Notes:
		Total footer height = 30px (important for calculating background graphics positions)
			Then add 18px for the bottom margin.
---------------------- */
#site-info {
	color: #888;
	background-color: #fff;
	font-size: 0.92em;
	padding: 3px 22px 0 55px;
	height: 21px;
	border-bottom: solid 6px #414B56;
}
	#site-info-legal { /* Usually the copyright notice */
		float: left;
		width: 38%;
		line-height: 1.5;
	}
	#site-info-links { /* Usually Terms, Privacy and Accessibility */
		float: right;
		width: 48%;
		line-height: 1.5;
		text-align: right;
	}
	#site-info a, #site-info a:link, #site-info a:visited {
		color: #666;
	}
	#site-info a:hover, #site-info a:active {
		color: #000;
	}

/* =Uni
----------------------
	Universal styles: Styles that apply to elements found throughout the site
	Notes:
		The best example of this is the "clear" div
---------------------- */
.clear {clear: left}
.clear-right {clear: right}
.clear-both {clear: both}

.bold {font-weight: bold}
.em {font-style: italic}

.align-left {text-align: left}
.align-right {text-align: right}

.xspt { /* "extra space top" */
}
.xspb {
	margin-bottom: 0.7em;
}
.spacer1 {
	height: 2em;
}