@charset "UTF-8";
/* Filmet Professional Imaging */
/* Style Sheet - Information Structure */

/*
  TABLE OF CONTENTS:
	1. LAYOUT STRUCTURE
		1a. Left Column (information)
		1b. Right Column (menus and extras)
		1c. Full Column
	2. GENERAL TYPOGRAPHY AND ITEM LAYOUT
		2a. List Style Collection
		2b. Form Collection
	3. TYPOGRAPHY BY SECTION
		3a. LCwrap Typography
		3b.	Sidebar
	4. TYPOGRAPHY BY PAGE
		4a. Sitemap
		4b. Frequently Asked Questions
		4c. Links
		4d. Contact Information
		4e. Custom 404 Error
	5. GO TYPOGRAPHY
	6. Clearfix - float hack for IE
*/

@import url("style_global.css");

/* ------ 1. LAYOUT STRUCTURE ------ */

/* === 1a === */
#leftColumn, #rightColumn, .LCleft, .LCright {float:left; display:inline;}

#leftColumn, .LCwrap_top, .LCwrap_bot, .cell-F_top, .cell-F_bot, .feature_top, .feature_mid, .feature_bot {width:634px;}
	
	.LCwrap_mid, .inkFade {padding:0 20px; width:594px;}
	.cell-F_mid, .cellx2_top, .cellx2_mid, .cellx2_bot {padding:0 25px; width:584px;}
	
	/* Left Column Container */
	.LCwrap_top {background:url(../images/info/BG_LCw-Top.jpg) no-repeat;}
	.LCwrap_mid, .LCwrap_topGO, .LCwrap_ink {background:url(../images/info/BG_LCw-Mid.jpg) repeat-y;}
	.LCwrap_bot {background:url(../images/info/BG_LCw-Bot.jpg) no-repeat; clear:both;}
	
	/* ink fade variation to above - replaces LCwrap_mid and LCwrap_bot */
	.LCwrap_ink {/* container for inkFade */}
		.inkFade {background:url(../images/special/BG_feature-404top.jpg) no-repeat top;} 
	
	/* Raised cell - full width of left column - replaces LCwrap_mid */	
	.cell-F_top {background:url(../images/info/BG_cell-F_top.jpg) no-repeat;}
	.cell-F_topBlue {
		background:url(../images/info/BG_cell-F_topBlue.jpg) no-repeat;
		color:#ffffff;
		}
	.cell-F_mid {background:url(../images/info/BG_cell-F_mid.jpg) repeat-y;}
	.cell-F_midInt {background:url(../images/info/BG_cell-F_mid.jpg) repeat-y; width:634px; padding-top:5px;}
	.cell-F_bot {background:url(../images/info/BG_cell-F_bot.jpg) no-repeat; clear:both;}
	
	/* Raised cell - divided left column - replaces LCwrap_mid */
	.cellx2_top {background:url(../images/info/BG_cellx2_top.jpg) no-repeat;}
	.cellx2_mid {background:url(../images/info/BG_cellx2_mid.jpg) repeat-y;}
	.cellx2_bot {background:url(../images/info/BG_cellx2_bot.jpg) no-repeat; clear:both;}
	
		.cellLeft, .cellRight {float:left; display:inline;}
		.cellLeft {width:280px;}
		.cellRight {padding-left:24px; width:280px;}

	/* 2 Columns within LCwrap, no raised cell */
	.LCleft {width:280px; padding-right:7px;}
	.LCright {padding-left:7px; width:285px; border-left:1px solid #0071ba;}
	
	.cell-F_top, .cell-F_topBlue, .cellx2_top, .LCwrap_bot, .cell-F_bot, .cellx2_bot, .sbar_bot {height:27px;}
	.LCwrap_top, .sbar_top {height:43px;}

/* === 1b === */
#rightColumn, .sbar_top, .sbar_bot, .sbar_cir {width:247px;}
	.sbar_mid {padding:0 25px; width:197px;}
	
	.sbar_top {background:url(../images/info/BG_sidebar_top.jpg) no-repeat;}
	.sbar_mid {background:url(../images/info/BG_sidebar_mid.jpg) repeat-y; overflow:hidden;}
	.sbar_bot {background:url(../images/info/BG_sidebar_bot.jpg) no-repeat;}
	.sbar_cir {background:url(../images/info/BG_sidebar_botCircle.jpg) no-repeat bottom; padding-bottom:25px;}
	
	/* Sitemap Alteration */
	.sbar_fly {padding:0 25px 25px; width:197px;}
	.sbar_subst {background:url(../images/info/BG_sidebar_mid.jpg) repeat-y; overflow:hidden; width:247px; padding:0;}
	.sbar_fly {background:url(../images/info/BG_sidebar_fly.jpg) no-repeat bottom;}

/* === 1c === */
#fullColumn, .FCwrap_top, .FCwrap_bot {width:881px;}
	
	.FCwrap_mid {padding:0 20px; width:841px;}
	
	.FCwrap_top {background:url(../images/special/BG_xtra-top.jpg) no-repeat; height:34px; clear:both;}
	.FCwrap_mid {background:url(../images/special/BG_xtra-mid.jpg) repeat-y;}
	.FCwrap_bot {background:url(../images/special/BG_xtra-bot.jpg) no-repeat; height:27px; clear:both;}
	
	.fc-left, .fc-center, .fc-right, .fcx2left, .fcx2right {float:left; display:inline;}
	.fc-left {width:267px; padding:3px 5px 0 0;}
	.fc-center {width:267px; padding:3px 5px 0 15px; border-left:1px solid #0071ba;}
		.fc-left p, .fc-center p {text-indent:15px;}
	.fc-right {width:265px; padding:3px 0 0 15px; border-left:1px solid #0071ba;}
		.fc-right ol {padding-left:25px;}
		
	.fcx2left {width:400px; padding:3px 5px 0 0; border-right:1px solid #0071ba;}
	.fcx2right {width:399px; padding:3px 0 0 15px;}


/* ------ 2. GENERAL ITEM LAYOUT and TEXT STYLES ------ */
h1 {
	font-variant:small-caps;
	font-size:12px;
	font-weight:normal;
	}
		
h2 {
	font-size:16px;
	letter-spacing:1px;
	color:#f3b400;
	padding:5px 0;
	}
	
.floatList, .floatCopy {float:left; display:inline;}
	.floatList {
		/* padding-top:5px; */
		padding-bottom:5px;
		margin-left:15px;
		}
	.floatCopy { /* this class needs an inline style to determine width based on the image next to it */ }
	
.indent {margin-left:20px;} /* used only on newCustomers - change and delete? */

.center {
	padding:2px auto;
	margin:0 auto;
	width:100%;
	text-align:center;
	}

p.heading {
	padding:15px 0 3px;
	font-weight:bold;
	}

.imageColl {
	width:540px;
	text-align:center;
	margin:0 auto;
	}
.labelImage {
	width:160px;
	float:left;
	display:inline;
	text-align:center;
	margin:5px 10px;
	}
	.labelImage img {margin:0 5px;}
	.labelImage span {
		display:block;
		}
	
/* === 2a. Lists === */	
.copyList, .tips, .point {margin-left:25px; margin-right:5px;}
	
.copyList li {/* lists of copy blocks with embedded lists */
	padding-bottom:12px;
	}
	.copyList li img {
		vertical-align:middle;
		}
	.copyList li ul {
		padding:12px 0 0 15px;
		list-style-type:square;
		}
		.copyList li ul li img {
			float:left;
			display:inline;
			}		
	.copyList li ul.imageTags {
		list-style-type:none;
		padding:12px 0 0 0;
		}
		.copyList li ul.imageTags li {
			clear:both;
			}
		.copyList li ul.imageTags li img {
			float:left;
			display:inline;
			padding-right:3px;
			}	
  /* Fix inner list float */	
	.copyList li ul.imageTags li:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
	.copyList li ul.imageTags li {
		display:inline;
		}
	/* Hides from IE-mac \*/
	* html .copyList li ul.imageTags li {height:1%;}
	.copyList li ul.imageTags li {display:block;}
	/* End hide from IE-mac */

.tips { /* FAQ-style tip and information list */
	line-height:1.2em;
	}
	.tips dt {padding-top:10px; font-weight:bold;}
	.tips dd {margin-left:10px;}
	.tips dd.topic {
		font-variant:small-caps;
		font-weight:bold;
		color:#00ab33;
		}
	.tips dd ul {margin-left:5px;}
	.tips dd ol {margin-left:35px;}
	
.topic { /* List item heading */
	font-variant:small-caps;
	font-weight:bold;
	color:#00ab33;
	}

/* === 2b. Forms === */
legend {
	color:#888888;
	font-style:italic;
	padding:0 5px;
	}
	
input, textarea, select {
	color:#0071ba;
	background:#e6edf1;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	}
	
fieldset {
	border:1px solid #f3b400;
	padding:5px;
	}

.formLeft, .formRight, .formStack {float:left; display:inline;}

.message {
	padding-top:20px;
	}
	
.submitDeco {
	width:160px;
	margin:5px auto 0;
	}
.required {
	color:#00ab33;
	}
.checkbox {
	padding-top:10px;
	}
	.checkbox dt {display:inline;}
	.checkbox dd {display:inline;}
	
.f-qtrW {width:127px;}
.f-halfW {width:255px;}
.f-3qtrW {width:390px}
.f-fullW {width:526px;}

#contact, #newCustomer {padding-left:10px;}
	#contact fieldset, #newCustomer fieldset {width:548px;}
	#sbarForm {width:190px;}
	#contact input.submitButton, #newCustomer input.submitButton, #sbarForm input.submitButton {width:160px; height:30px;}
	
/* #contact input, #contact select {width:255px;}
#contact textarea, #contact input.fullW {width:526px;} */
	#contact dt, #contact dd, #newCustomer dt, #newCustomer dd {margin-left:10px;}
	#contact dt, #newCustomer dt {padding:2px 0;}
	#contact dd {}
	
	#sbarForm input.f-fullW {width:175px;}

	p.error {color:#ff0000;}
	p.completed {padding:10px 20px; color:#00ab33;}
	
	p.completed a {
		display:block;
		padding-top:10px;
		}
		
	.sbar_mid p.completed {
		color:#000000;
		border:1px solid #f3b400;
		padding:10px 10px;
		}


/* ------ 3. TYPOGRAPHY BY SECTION ------*/

/* === 3a. LCwrap === */
.LCwrap_mid div.gallery {
	float:left;
	display:inline;
	padding:5px 25px;
	}
	.LCwrap_mid div.gallery img {
		padding:5px;}
	.LCwrap_mid div.gallery span {
		display:block;
		text-align:center;
		}
	
.cell-F_top h1, .cell-F_topBlue h1, .cellx2_top h1 {
	padding-top:10px;
	}
	
	.cell-F_top h1, .cell-F_topBlue h1, .title-F {
		padding-left:25px;
		text-indent:5px;
		letter-spacing:.05em
		}
		
	.cellx2_top h1, .titlex2 {
		padding-right:5px;
		text-align:right;
		}
	
.cell-F_mid p {
	padding:3px 0;
	}

.cell-F_mid h2 {
	font-size:10px;
	font-weight:lighter;
	letter-spacing:.3em;
	color:#00ab33;
	padding:0 5px 3px;
	}
	
.cellx2_mid p {
	padding:3px 10px;
	}
.cell-F_mid ul, .cellx2_mid ul {
	padding-left:30px;
	}
	

.LRCtext { /* text that sits in the bottom right corner of a text area */
	padding:0 0;
	text-align:right;
	}

/* === 3b. Sidebar === */
	.sbar-copy, .sbar_mid p {padding-bottom:5px;}
	
	.sbar_mid h1 {padding:5px 0 2px;}
	.sbar_mid h1.highlightGRN {/* Alteration of class on global.css */
		font-size:12px;
		font-weight:normal;
		letter-spacing:1px;
		color:#00ab33;
		}
	
	.xlabel { /* Image-based text labels that sit inside the content area, not on the top */
		width:247px;
		height:20px; 
		margin-left:-25px;
		padding-top:5px;
		}
	
	.sbar_mid ul {padding:3px 20px;}
	
	.sbar_mid .socialCloud {}
		.socialCloud img {padding:10px 2px;}

	
/* ------ 4. TYPOGRAPHY BY PAGE ------ */

/* === 4a. Sitemap === */
  	.smap_col1, .smap_col2 {}
	dl.smap {
		margin-left:10px;
		padding:8px 0;
		line-height:1.5em;
		}
		dl.smap dt {
			font-variant:small-caps;
			font-size:12px;
			font-weight:bold;
			color:#00ab33;
			}
		dl.smap dd {
			margin-left:10px;
			}
			
	dl.smap dd dl.smap_sub {
		border:none;
		}
		dl.smap dd dl.smap_sub dt {
			font-weight:normal;
			color:#000000;
			font-variant:normal;
			}
		dl.smap dd dl.smap_sub dt.subDT {
			margin-left:10px;
			color:#666666;
			}
		dl.smap dd dl.smap_sub dd {
			margin-left:20px;
			}

	
/* === 4b. Frequently Asked Questions === */
.question {
	padding:5px;
	color:#0071ba;
	}	
	.question:hover {
		cursor:pointer;
		text-decoration:underline;
		color:#c80a39;
		}
		
.answer {
	margin:0 10px 0 20px;
	}	
	.answer p {text-indent:15px;}
	.answer ol, .answer ul {padding-left:35px;}
	.answer ol li, .answer ul li {padding:2px 0;}
	
	
/* === 4c. Links === */
.linkset {
	padding:5px;
	}
	.linkset dd {
		list-style-type:square;
		padding:3px 15px;
		}
	.linkset dd a {
		font-size:13px;
		}
	.linkset dd span.purpose {
		color:#666666;
		display:block;
		padding-left:3px;
		}	
	.linkset dd em {
		display:block;
		}

/* === 4d. Contact Information === */
#phoneList {
	margin-left:15px;
	}
	#phoneList dt {
		display:inline;
		color:#666666;
		}
	#phoneList dd {
		display:inline;
		letter-spacing:1px;
		font-weight:bold;
		font-size:13px;
		color:#0071ba;
		}

.addys {
	width:270px;
	padding:10px 10px 0;
	}
	.addys dt {
		padding:3px 5px 1px;
		}
	.addys dd {
		color:#666666;
		font-style:italic;
		padding:1px 10px;
		}
	
/* === 4e. Custom 404 Error === */
.LCwrap_ink div.inkFade h2 {
	font-size:20px;
	letter-spacing:1px;
	color:#000000;
	padding:15px 0 5px;
	}
	
.LCwrap_ink div.inkFade h1 {
	font-size:14px;
	padding:15px 0;
	}
	
.LCwrap_ink div.inkFade p {
	line-height:1.5em;
	}
	
.LCwrap_ink div.inkFade p.rewrite {
	text-align:center;
	color:#0071ba;
	font-size:14px;
	}
	
.LCwrap_ink div.inkFade p.rewrite span {
	font-weight:bold;
	}
	

/* ------ 5. GO TYPOGRAPHY ------ */
h1.go {
	font-size:16px;
	font-weight:bold;
	color:#0071ba;
	}
	h1.go span {
		color:#000000;
		font-size:14px;
		display:block;
		}
		
ul.go {
	border-left:1px solid #f3b400;
	padding-left:18px;
	}

.quote {
	padding:10px;
	margin-right:5px;
	background:#d9e8d1;
	}
	
	.givenby {padding-top:5px;}
		.givenby span {display:block; font-style:italic;}


/* =+=+=+=+=+= 6. FLOAT FIX - DO NOT CHANGE =+=+=+=+=+= */

.LCwrap_mid:after, .cellx2_top:after, .cellx2_mid:after, .cell-F_mid:after, .sbar_mid:after, .FCwrap_mid:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.LCwrap_mid, .cellx2_top, .cellx2_mid, .cell-F_mid, .sbar_mid, .FCwrap_mid {
	display:inline;
	}
	
/* Hides from IE-mac \*/
 * html .LCwrap_mid, * html .cellx2_top, * html .cellx2_mid, * html .cell-F_mid, * html .sbar_mid, * html .FCwrap_mid {height:1%;}
.LCwrap_mid, .cellx2_top, .cellx2_mid, .cell-F_mid, .sbar_mid, .FCwrap_mid {display:block;}
/* End hide from IE-mac */