/* Buckeye Corrugated, Inc. - Stylesheet */

* { margin:0; padding:0; } /* kill margin and padding for any element, ever. */

html {
background: #000;
}

	body {
	font: .7em / 1.5 Arial, sans-serif;
	color: #595959;
	background: url(../images/body-bg.gif) #fff top center no-repeat;
	}
	
		/* generic rules */
	
		h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		margin-bottom: .5em;
		}

		h1 { font-size: 218%; }
		h2 { font-size: 164%; }
		h3 { font-size: 145%; }
		h4 { font-size: 118%; }
		
		p, ol, ul, blockquote {
		margin-bottom: 1em;
		}
		
		/*#maincol { background-color: #ececec; }*/
		
		/* backgrounds 
		#wrapper { background-color: #E6E6E6; }
		#main-container { background-color: #DADADA; }
		#rightcol { background-color: #C1C1C1; }
		#leftcol { background-color: #B4B4B4; }
		.serif { background-color: #A7A7A7; }
		.address { background-color: #9A9A9A; }
		*/
		
		
		/* 
		this was for consistent font sizing. didn't work.
		body {  
		font-size: x-small;
		voice-family: "\"}"";
		voice-family: inherit;
		font-size: small;
		}
			html > body {
			font-size: small;
			}
			
		*/

			#header {
			width: 750px;
			height: 56px;
			margin: 0 auto;
			position: relative;
			}
			
				#logo {
				width: 190px;
				height: 66px;
				position: absolute;
				background: url(../images/tagline-2.gif) bottom left no-repeat transparent;
				}
				
				/* to get the redundant tagline off of BCI coporate site */
				#bci-home #logo, #bci-services #logo, #bci-about #logo, #bci-locations #logo, #bci-contact #logo, #bci-terms #logo, #bci-portfolio #logo {
				background: none;
				}
				
					#logo a img {
					border: 0;
					}
							
					#t-nav {
					width: 559px;
					height: 56px;
					position: absolute;
					top: 0; right: 0;
					list-style: none;
					}
				
						#t-nav li {
						text-indent: -9000px;
						display: inline; /* i had to add this to get ie to display the nav img inline */
						}
		
							#t-nav a {
							display: block;
							float: left;
							clear: none;
							height: 56px;
							text-decoration: none;
							}
							
								#t-home {
								width: 58px;
								background: url(../images/t-home.gif) 0 0 no-repeat;
								}
							
								#t-services {
								width: 86px;
								background: url(../images/t-services.gif) 0 0 no-repeat;
								}
								
								#t-about {
								width: 91px;
								background: url(../images/t-about.gif) 0 0 no-repeat;
								}
								
								#t-locations {
								width: 124px;
								background: url(../images/t-locations.gif) 0 0 no-repeat;
								}
								
								#t-contact {
								width: 100px;
								background: url(../images/t-contact.gif) 0 0 no-repeat;
								}
								
								#t-terms {
								width: 100px;
								background: url(../images/t-terms-alt.gif) 0 0 no-repeat;
								}
							
									#t-nav a:hover {
									background-color: #BB0736;
									}
									
			#splash {
			/* for the flash when it comes */
			}
						
				#splash-img {
				width: 750px;
				position: relative;
				margin: 0 auto;
				text-align: right;
				background: url(../images/bci-bug.gif) 30px 21px no-repeat;
				}
								
					#inside-splash {
					width: 555px;
					padding-left: 195px;
					border-bottom: 1px solid #fff;
					background: url(../images/bci-logo-bg.gif) 195px bottom no-repeat;
					}
					
						#int-flash-replace {
						border-top: 1px solid #fff;
						}

			#wrapper {
			padding-top: 30px;
			background: url(../images/black-bg.gif) top center no-repeat;
			}
			
				#main-container {
				width: 740px;
				margin: 0 auto;
				display: table;
				}
				
					/* background images at the bottom of the homepages */
				
					#bci-home #main-container { background: url(../images/bci-exterior.jpg) bottom center no-repeat; }
						#bci-home #maincol { padding-bottom: 203px; }
						
					#asbp-home #main-container { background: url(../images/asbp-exterior.jpg) bottom center no-repeat; }
						#asbp-home #maincol { padding-bottom: 185px; }
						
					#ascp-home #main-container { background: url(../images/ascp-exterior.jpg) bottom center no-repeat; }
						#ascp-home #maincol { padding-bottom: 213px; }
						
					#bcig-home #main-container { background: url(../images/bcig-exterior.jpg) bottom center no-repeat; }
						#bcig-home #maincol { padding-bottom: 238px; }
						
					#bc-home #main-container { background: url(../images/bc-exterior.jpg) bottom center no-repeat; }
						#bc-home #maincol { padding-bottom: 260px; }
						
					#csc-home #main-container { background: url(../images/csc-exterior.jpg) bottom center no-repeat; }
						#csc-home #maincol { padding-bottom: 239px; }
						
					#cw-home #main-container { background: url(../images/cw-exterior.jpg) bottom center no-repeat; }
						#cw-home #maincol { padding-bottom: 199px; }
						
					#koch-home #main-container { background: url(../images/koch-exterior.jpg) bottom center no-repeat; }
						#koch-home #maincol { padding-bottom: 193px; }
						
					#tp-home #main-container { background: url(../images/tp-exterior.jpg) bottom center no-repeat; }
						#tp-home #maincol { padding-bottom: 203px; }

	
					#design-promo {
					position: relative;
					margin: 0 0 10px 171px;
					border: 1px solid #464135;
					}
					
						#promo-img {
						float: left;
						margin: 0 10px 0 0;
						border-right: 1px solid #464135;
						}
					
						#design-promo h2 {
						color: #000;
						text-transform: uppercase;
						font-size: 85%;
						line-height: 0;
						padding-top: 1.5em;
						}
						
						#design-promo p {
						line-height: 1;
						margin-bottom: 0;
						}
						
						#view-team {
						width: 62px;
						height: 6px;
						float: right;
						margin: 5px 10px 0 0;
						border: 0;				
						}
						
						#view-portfolio {
						width: 67px;
						height: 6px;
						float: right;
						margin: 5px 10px 0 0;
						border: 0;				
						}

						
						#design-promo a {
						color: #000;
						text-decoration: none;
						}
						
							#design-promo a:hover {
							color: #D31245;
							text-decoration: underline;
							}
							
						#design-tagline {
						display: block;
						height: 9px;
						padding: 2px 0 2px 2px;
						clear: both;
						background: #D31245;
						border-top: 1px solid #464135;
						}
						
					/* this applies fluid padding for the three columns */
					.pad { padding: 10px; } 
					.int .pad { padding: 10px 0 10px 10px; } /* this applies fluid padding for the three columns on the interior pages */
	
					#leftcol {
					width: 23%;
					float: left;
					}
					
						.int #leftcol {
						background: url(../images/address-division.gif) bottom left no-repeat;
						margin-bottom: 100px;
						}
				
					#maincol {
					width: 51%;
					float: left;
					padding-top: 10px;
					}
					
						#maincol h2 {
						font-size: 118%;
						color:#D31245;
						}
						
						#maincol ul.services {
						padding:10px 0 15px 0;
						list-style:none;
						}
						
							#maincol ul.services li {
							background:url(../images/little-box-tile.gif) #fff 0 50% repeat-x;
							margin:.5em;
							}
						
								#maincol ul.services span {
								font-size:118%;
								color:#000;
								padding:.5em;
								background-color:#fff;
								}
					
						#box-thing {
						width: auto;
						float: left;
						background: url(../images/little-box-tile.gif) #fff 0 0 repeat-x;
						margin-bottom: 20px;
						}
							#little-box {
							width: 32px;
							float: left;
							}
							
							#cmyk {
							width: 266px;
							float: right;
							}
							
						#exterior-img {
						border-bottom: 1px solid #fff;
						}
					
					#rightcol {
					width: 23%;
					float: right;
					}
					
						.serif {
						font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif;
						color: #000;
						line-height: 2;
						}
						
						.italic {
						font-style: italic;
						}
						
						.sans-italic {
						line-height: 1.25;
						font-style: italic;
						}
						
						.feature { /* this is specific to bci homepage */
						padding: 0 10px 0 10px;
						background: url(../images/rightcol-arrow.gif) 0 0 no-repeat;
						}
							#bci-home .feature { /* this is specific to bci homepage */
							padding: 0 10px 0 10px;
							background: url(../images/rightcol-arrow.gif) 0 .25em no-repeat;
							}
							
								#feature-img {
								width: auto;
								margin: 0 auto 10px 15px;
								}
							
								.feature h3 {
								font: 118%/1 "Palatino Linotype", Palatino, "Book Antiqua", serif;
								color: #000;
								text-transform: uppercase;
								}

						.address {
						line-height: 1;
						padding: 20px 10px 10px 10px;
						background: url(../images/address-division.gif) 0 0 no-repeat;
						}
						
							.address p.allcaps {
							color: #4B4B4B;
							}
					
							.customers {
							color: #D31245;
							}
		
			#copyright {
			font-size: 90%;
			font-style: italic;
			font-weight: bold;
			margin: 0;
			clear: both;
			background: url(../images/copyright-dotted.gif) right 50% no-repeat;
			}
			
			#footer {
			background: #000;
			clear: both;
			padding: 10px 0;
			}
			
				#b-nav, .web-design {
				width: 560px;
				padding-left: 170px;
				margin: 0 auto;
				}
				
					#b-nav li {
					display: inline;
					color: #898989;
					font-size: 70%;
					margin-right: 15px;
					}
					
						#b-nav li a {
						color: #fff;
						font-size: 110%;
						padding-left: 10px;
						text-decoration: none;
						text-transform: uppercase;
						}
						
							#b-nav a:hover {
							color: #D31245;
							}
						
							#b-home { background: url(../images/b-01.gif) 0 50% no-repeat; }
							#b-services { background: url(../images/b-02.gif) 0 50% no-repeat; }
							#b-about { background: url(../images/b-03.gif) 0 50% no-repeat; }
							#b-locations { background: url(../images/b-04.gif) 0 50% no-repeat; }
							#b-contact { background: url(../images/b-05.gif) 0 50% no-repeat; }
							#b-terms { background: url(../images/b-06.gif) 0 50% no-repeat; }
							
				.web-design {
				text-align: left;
				}
				
				.web-design a {
				color: #D31245;
				text-decoration: none;
				}
				
					.web-design a:hover {
					text-decoration: underline;
					}
					
	/* Services Stuff
	-------------------------------------- */
	
	#points li { /* this is for the lists that look like navigation */
	display: block;
	width: auto;
	color: #706F6F;
	font-size: 80%;
	text-transform: uppercase;
	padding: 4px 4px 2px 14px;
	margin-bottom: 4px;
	background: url(../images/list-arrow.gif) #E5E5E5 6px 50% no-repeat;
	}
	
	.quote a { /* the little quote img and link */
	padding-left: 7px;
	color: #000;
	font-size: 80%;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/med-arrow.gif) 0 50% no-repeat;
	}
	
		.quote a:hover {
		color: #D31245;
		text-decoration: underline;
		}
		
			a.quote-link img {
			border: 2px solid #D31245;
			margin-bottom: 10px;
			}
			
				a.quote-link:hover img {
				border: 2px solid #000;
				}


	/* Locations Stuff
	-------------------------------------- */
	
	#maincol-map {
	margin-bottom: 20px;
	}
	
		#rightcol-map {
		width: 152px;
		height: 152px;
		border: 2px solid #D31245;
		background: url(../images/buckeye-map-rightcol4.gif);
		}
		
	#base-map {
	width: 370px;
	height: 356px;
	position: relative;
	margin-bottom: 25px;
	background: url(../images/base-map.gif) 0 0 no-repeat;
	}
	
		#base-map a {
		display: block;
		text-indent: -9000px;
		text-decoration: none;
		}
		
		#m-bcig, #m-cw, #m-asbp, #m-ascp, #m-bci, #m-bc, #m-koch, #m-tp, #m-csc, #m-aaa {
			position: absolute;
			}
	
			#m-aaa{
			width: 16px;
			height: 16px;
			top: 107px; left: 101px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-bcig:hover { background-position: 0 -16px; }
			
	
			#m-bcig {
			width: 16px;
			height: 16px;
			top: 95px; left: 131px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-bcig:hover { background-position: 0 -16px; }
		
			#m-cw {
			width: 16px;
			height: 16px;
			top: 142px; left: 160px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-cw:hover { background-position: 0 -16px; }
			
			#m-asbp {
			width: 16px;
			height: 16px;
			top: 114px; left: 272px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-asbp:hover { background-position: 0 -16px; }
			
			#m-ascp {
			width: 16px;
			height: 16px;
			top: 118px; left: 260px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-ascp:hover { background-position: 0 -16px; }
			
			#m-bci {
			width: 16px;
			height: 16px;
			top: 116px; left: 211px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-bci:hover { background-position: 0 -16px; }
			
			#m-bc {
			width: 16px;
			height: 16px;
			top: 128px; left: 207px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-bc:hover { background-position: 0 -16px; }
				
			#m-koch {
			width: 16px;
			height: 16px;
			top: 85px; left: 249px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-koch:hover { background-position: 0 -16px; }
				
			#m-tp {
			width: 16px;
			height: 16px;
			top: 192px; left: 189px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-tp:hover { background-position: 0 -16px; }
			
			#m-csc {
			width: 16px;
			height: 16px;
			top: 212px; left: 101px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-csc:hover { background-position: 0 -16px; }
			
			#m-aaa {
			position: absolute;
			width: 16px;
			height: 16px;
			top: 107px; left: 94px;
			background: url(../images/bc-map-rollover.png) 0 0 no-repeat;
			} #m-aaa:hover { background-position: 0 -16px; }
			
		#map-location {
		line-height: 1.2;
		padding: 12px 10px 10px 10px;
		}
		
			#map-location a { /* the pink links */
			color: #D31245;
			}
		
			#map-location a.corp-link { /* the black links */
			color: #000;
			border-bottom: 1px dotted #D31245;
			}
			
				#map-location a.corp-link:hover { /* the black links */
				text-decoration: none;
				border-bottom: 1px solid #D31245;
				}
						
				
	/* Contact Stuff
	-------------------------------------- */

		#info-thing {
		background: #C9C9C9;
		width: 100%;
		}
		
			#info-thing h2 {
			font-size: 100%;
			font-weight: bold;
			text-transform: uppercase;
			padding-left: 8px;
			background: url(../images/black-arrow.gif) 0 50% no-repeat;
			}
		
			#address-block, #phone-block, #email-block {
			width: 33%;
			font-size: 9px;
			padding: 8px;
			vertical-align: top;
			}
			
			
			/*
			#address-block {
			background: #818181;
			}
			
			#phone-block {
			background: #595959;
			}
			
			#email-block {
			background: #ececec;
			}
			*/
			

	#contact-form {
	padding-top: 10px;
	margin-top: 15px;
	background: url(../images/address-division.gif) 0 0 no-repeat;
	}
		
		input, textarea {
		width: 100%;
		}
		
		.city-in, .zip-in {
		width: 70px;
		}
	
		.s-button {
		width: auto;
		font-size: 90%;
		padding: 2px;
		text-transform: uppercase;
		color: #595959;
		background: #ccc;
		border: none;
		}
		
		.txt-req {
		color: #D31245;
		}

	#contact-table {
	width: 382px;
	margin-bottom: 25px;
	}
		
		td {
		padding: 5px 5px 0 5px;
		}
		
		.lg-td {
		width: 191px;
		}

		.submit-td {
		text-align: right;
		}
		
	/* Portfolio Stuff
	-------------------------------------- */
	
	#people {
	width: 74%;
	float: left;
	}
	
		#people table {
			margin-bottom: 10px;
		}
			#people td {
				padding: 10px;
				border: 2px solid #D31245;
			}
			
			#people td.empty-td {
				border: 0;
			}
			
				#people td .person img {
					margin: 0 auto;
				}
				
					
	
		/*.person {
		width: 120px;
		float: left;
		margin-right: 17px;
		padding: 15px;
		background: #FFF;
		border: 2px solid #D31245;
		}*/
		
			.clear {
				width: 100%;
				height: 20px;
				float: left;
			}
		
			.person h2 {
			color: #000;
			font-size: 100%;
			font-weight: bold;
			margin-bottom: 0;
			}
								
	/* Terms of Use stuff
	-------------------------------------- */
	
	
	
	#terms-of-use {
		padding-left: 30px;
	}

		#terms-of-use li {
			margin-bottom: 1.5em;
		}
		
	a, .back-to-top a {
		color: #D31245;
		text-decoration: none;
	}
	
		a:hover, .back-to-top a:hover {
			color: #000;
			text-decoration: underline;
		}