/* Main CSS document for Fletcher Hills Printing site */

/* 
Color references
================
Dark Green #485e29 - text
Light Green #9eb28f - opage background
Orange #ce6d17 - links
Yellow #ffeca3 - accents
*/

body {
	background-color:#9eb28f;
	color:#485e29;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
	text-align:center; /* to center the wrapper, text-align value will be overwritten within the wrapper */
}
p {
	line-height:140%;
}	

a {
	color: #ce6d17;
	text-decoration:underline;
}
img {
	border:none;
}
input, select, .input_textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
}
input {
	padding:2px;
}
label {
	font-weight:bold;
}
.input_checkbox {
	margin:0 5px 0 0;
}
.checkbox_label {
	font-weight:normal;
}
.clear_both {
	clear:both;
}
.second_label {
	padding-left:20px;
	text-align:right;
}
.input_textarea {
	height:80px;
	margin-bottom:15px;
	overflow:visible;
	width:465px;	
}
.max_chars_notice {
	font-size:9px;
	padding-left:335px;
}	
.textbox_short {
	width:135px;
}
.textbox_med {
	width:210px;
}
.textbox_long {
	width:315px;
}
#inputform_table .top_aligned {
	padding-top:18px;
	vertical-align:top;
}

/*#flash_content {
	background-color: #9EB28F;
	text-align: center;
	margin-left: -445px;
	margin-top: -305px;
	position: absolute;
	top: 50%;
	left: 45%;
	width: 990px;
	height: 550px;
	visibility: visible;
} */

/* ========= Page layout elements ========= */
#wrapper {
	background-image:url(../images/stars_bg_upper.gif);
	background-position:40px 12px;
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:left;
	width:990px;
}
.main_content {
	min-height:210px;
	height:auto !important;
	height:210px;
	padding:30px 36px 20px;
}
.thankyou {
	/* a secondary class combined with main_content */
	padding:30px 80px 20px;
}	


#about_page .main_content, #faqs_page .main_content, #newsletter_page .main_content, #quotes_page .main_content, #services_page .main_content { 
	background-image:url(../images/stars_bg_001.gif);
	background-position:310px 0;
	background-repeat:no-repeat;
}
#missing_page .main_content, #upload_page .main_content {
	background-image:url(../images/stars_bg_002.gif);
	background-position:254px 0;
	background-repeat:no-repeat;
}
#testimonials_page .main_content {
	background-image:url(../images/stars_bg_003.gif);
	background-position:46px 0;
	background-repeat:no-repeat;
	padding:30px 35px 20px;
}
#samples_page .main_content {
	background-image:url(../images/samples_star_bg.gif);
	background-position:269px 0;
	background-repeat:no-repeat;
	min-height:275px;
	height:auto !important;
	height:275px;
	position:relative; /* Needed so links within can be absolutely positioned */
}
body.samples_category .main_content {
	min-height:275px;
	height:auto !important;
	height:275px;
	position:relative; /* Needed so links within can be absolutely positioned */
}

#about_page .main_content {
	padding:10px 26px 20px;
}
#contact_page .main_content {
	padding-bottom:35px;
}
#upload_page .main_content ul, #missing_page .main_content ul {
	margin: 0 0 15px 10px;
	padding: 0 0 0 10px;
}
#upload_page .main_content ol {
	margin: 0 0 15px 12px;
	padding: 0 0 0 10px;
}
#upload_page .main_content ol li {
	padding-bottom: 4px;
}
#upload_page .main_content li, #missing_page .main_content li {
	line-height:140%;
}	
.two_column_001 {
	float:left;
	padding-right:68px;
	width: 427px;
	/*background-color:#CCCC00;*/
}
.two_column_002 {
	margin-left: 498px;
	/*background-color:#FF9999;*/
		
}
.two_column_001 p, .two_column_002 p {
	margin: 10px 0 20px;
}
.two_column_001 p.subheader, .two_column_002 p.subheader {
	margin: 10px 0 0;
}
#about_table {
	width:100%;
}
#about_table td {
	vertical-align:top;
}
#about_text {
	padding:0 28px;
}
.eemStyleSFError {
	/* Styling for the GoDaddy Form error message */
	color:#ce6d17;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	background-color:#ffeca3;
}
.content_header {
	display:block;
}
#contact_table {
	margin:5px auto 0;
}
#contact_information {
	padding-top:10px;
	text-align:center;
	vertical-align:top;
	width:242px;
}
#inputform_table {
	margin:0 45px;
}
#inputform_table td {
	padding:5px 10px 5px 0;
	white-space:nowrap; 
}
#request_for_quote {
	outline:none;
}
#request_for_quote img {
	margin:12px 0 0 110px;
}
#sample_category_instructions {
	position:absolute;
	top:0;
	left:20px;
}
#sample_display_zone {
	background-image:none;
	background-position:center;
	background-repeat:no-repeat;
	height:220px;
	width:220px;
	position:absolute;
	top:44px;
	left:385px;
}
#samples_001, #samples_002, #samples_003, #samples_004, #samples_005, #samples_006, #samples_007, #samples_008, #samples_009 {
	background-position:left top;
	background-repeat:no-repeat;
	height:26px;
	outline:none;
	position:absolute;
	text-indent:-9000px;	
}
/* Business Cards */
#samples_001 {top:51px; left:172px; background-image:url(../images/samples_links/samples_001.gif); width:122px;}
.samples_category #samples_001 {top:25px; left:53px;}
#business_cards_page #samples_001 {background-image:url(../images/samples_links/samples_001_hover.gif); }
#samples_001:hover {background-image:url(../images/samples_links/samples_001_hover.gif);}

/* Letterheads and Envelopes */
#samples_002 {top:105px; left:33px; background-image:url(../images/samples_links/samples_002.gif); width:174px;}
.samples_category #samples_002 {top:45px; left:198px;}
#letterheads_page #samples_002 {background-image:url(../images/samples_links/samples_002_hover.gif);} 
#samples_002:hover {background-image:url(../images/samples_links/samples_002_hover.gif);}

/* Brochures */
#samples_003 {top:162px; left:158px; background-image:url(../images/samples_links/samples_003.gif); width:90px;}
.samples_category #samples_003 {top:66px; left:64px;}
#brochures_page #samples_003 {background-image:url(../images/samples_links/samples_003_hover.gif); } 
#samples_003:hover {background-image:url(../images/samples_links/samples_003_hover.gif);} 

/* Flyers */
#samples_004 {top:213px; left:59px; background-image:url(../images/samples_links/samples_004.gif); width:63px;}
.samples_category #samples_004 {top:81px; left:295px;}
#flyers_page #samples_004 {background-image:url(../images/samples_links/samples_004_hover.gif); } 
#samples_004:hover {background-image:url(../images/samples_links/samples_004_hover.gif);} 

/* Newsletters */
#samples_005 {top:232px; left:200px; background-image:url(../images/samples_links/samples_005.gif); width:114px;}
.samples_category #samples_005 {top:20px; left:415px;}
#newsletters_page #samples_005 {background-image:url(../images/samples_links/samples_005_hover.gif); } 
#samples_005:hover {background-image:url(../images/samples_links/samples_005_hover.gif);} 

/* Postcards */
#samples_006 {top:64px; left:695px; background-image:url(../images/samples_links/samples_006.gif); width:92px;}
.samples_category #samples_006 {top:27px; left:722px;}
#postcards_page #samples_006 {background-image:url(../images/samples_links/samples_006_hover.gif); } 
#samples_006:hover {background-image:url(../images/samples_links/samples_006_hover.gif);} 

/* Programs and Booklets */
#samples_007 {top:105px; left:797px; background-image:url(../images/samples_links/samples_007.gif);width:170px;}
.samples_category #samples_007 {top:56px; left:562px;}
#programs_page #samples_007 {background-image:url(../images/samples_links/samples_007_hover.gif); } 
#samples_007:hover {background-image:url(../images/samples_links/samples_007_hover.gif);} 

/* Carbonless Forms */
#samples_008 {top:155px; left:679px; background-image:url(../images/samples_links/samples_008.gif); width:149px;}
.samples_category #samples_008 {top:65px; left:397px;}
#forms_page #samples_008 {background-image:url(../images/samples_links/samples_008_hover.gif); } 
#samples_008:hover {background-image:url(../images/samples_links/samples_008_hover.gif);} 

/* Specialty Jobs */
#samples_009 {top:211px; left:745px; background-image:url(../images/samples_links/samples_009.gif); height:67px; width:224px;}
.samples_category #samples_009 {top:61px; left:752px;}
#specialty_page #samples_009 {background-image:url(../images/samples_links/samples_009_hover.gif); } 
#samples_009:hover {background-image:url(../images/samples_links/samples_009_hover.gif);} 

/* ========== Sample images ========== */
#business_cards_001 {position:absolute; top:175px; left:23px;}
#business_cards_002 {position:absolute; top:175px; left:195px;}
#business_cards_003 {position:absolute; top:175px; left:367px;}
#business_cards_004 {position:absolute; top:145px; left:537px;}
#business_cards_005 {position:absolute; top:175px; left:644px;}
#business_cards_006 {position:absolute; top:175px; left:818px;}

#postcards_001 {position:absolute; top:160px; left:175px;}
#postcards_002 {position:absolute; top:160px; left:403px;}
#postcards_003 {position:absolute; top:160px; left:641px;}

#newsletter_001 {position:absolute; top:135px; left:205px;}
#newsletter_002 {position:absolute; top:135px; left:423px;}
#newsletter_003 {position:absolute; top:135px; left:641px;}

#brochure_001 {position:absolute; top:135px; left:275px;}
#brochure_002 {position:absolute; top:135px; left:460px;}
#brochure_003 {position:absolute; top:135px; left:641px;}

#flyer_001 {position:absolute; top:135px; left:140px;}
#flyer_002 {position:absolute; top:135px; left:332px;}
#flyer_003 {position:absolute; top:135px; left:530px;}
#flyer_004 {position:absolute; top:135px; left:718px;}

#form_001 {position:absolute; top:135px; left:140px;}
#form_002 {position:absolute; top:135px; left:332px;}
#form_003 {position:absolute; top:135px; left:530px;}
#form_004 {position:absolute; top:135px; left:718px;}

#letterhead_001 {position:absolute; top:135px; left:70px;}
#letterhead_002 {position:absolute; top:135px; left:290px;}
#letterhead_003 {position:absolute; top:135px; left:519px;}
#letterhead_004 {position:absolute; top:135px; left:749px;}

#program_001 {position:absolute; top:135px; left:330px;}
#program_002 {position:absolute; top:135px; left:530px;}

#specialty_001 {position:absolute; top:135px; left:90px;}
#specialty_002 {position:absolute; top:150px; left:295px;}
#specialty_003 {position:absolute; top:135px; left:510px;}
#specialty_004 {position:absolute; top:170px; left:705px;}


#flash_container {
	clear:both;
	padding:45px 0 60px;
	text-align: center;
}
#tagline {
	margin-top:40px;
}

/* ========= Main navigation ========= */
#main_nav {
	background-image:url(../images/nav/main_nav_bullet.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	/*float:left;*/
	height:15px;
	list-style-type:none;
	margin:25px 0 0 143px;
	padding:0 0 0 15px;	
}	
#main_nav li {
	background-image:url(../images/nav/main_nav_bullet.gif);
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	margin:0;
	padding:0 15px 0 0; 
}
#main_nav li a {
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:15px;
	outline:none;
	text-indent:-3000px;
}
/* Normal link states */
li#home a {background-image:url(../images/nav/btn_home.gif); width:53px;}
li#about a {background-image:url(../images/nav/btn_about.gif); width:54px;}
li#services a {background-image:url(../images/nav/btn_services.gif); width:79px;}
li#samples a {background-image:url(../images/nav/btn_samples.gif); width:76px;}
li#testimonials a {background-image:url(../images/nav/btn_testimonials.gif); width:160px;}
li#faqs a {background-image:url(../images/nav/btn_faqs.gif); width:55px;}
li#upload a {background-image:url(../images/nav/btn_upload.gif); width:94px;}
li#contact a {background-image:url(../images/nav/btn_contact.gif); width:70px;}

/* Hover states */
li#home a:hover {background-image:url(../images/nav/btn_home_hover.gif);}
li#about a:hover {background-image:url(../images/nav/btn_about_hover.gif);}
li#services a:hover {background-image:url(../images/nav/btn_services_hover.gif);}
li#samples a:hover {background-image:url(../images/nav/btn_samples_hover.gif);}
li#testimonials a:hover {background-image:url(../images/nav/btn_testimonials_hover.gif);}
li#faqs a:hover {background-image:url(../images/nav/btn_faqs_hover.gif);}
li#upload a:hover {background-image:url(../images/nav/btn_upload_hover.gif);}
li#contact a:hover {background-image:url(../images/nav/btn_contact_hover.gif);}

/* ========= Page title images ========= */
.page_title {
	clear:both;
	padding:18px 0 10px 337px;
}
/* Adjustments needed on specific pages */
#about_page .page_title {padding-left:269px;}
#services_page .page_title {padding-left:260px;}
#faqs_page .page_title {padding-left:248px; padding-bottom:32px;}
#contact_page .page_title {padding-left:280px;}
#upload_page .page_title {padding-bottom:23px;}

/* ========= Footer area ========= */

#footer_information {
	float: left;
	padding: 20px;
}

#footer_navigation {
	float: right;
	padding: 20px
}