body {
	background: #131a1c url(../images/bg.jpg) repeat-x top center;
	font-family: Myrid Pro, Helvetiva, Arial, sans-serif;
	}
	
.no-left-margin {
margin-left: 0 !important;
}

a {
color: #189762;
}

a:hover {
color: #fff;
}

.white {color: #fff !important;}
	
#container {
		margin: 0 auto;
		width: 966px;
	}
	#header {
	
		}
		#header a h1 {
				background: url(../images/logo.jpg) no-repeat;
				height: 44px;
				float: left;
				display: inline;
				margin-top: 24px;
				text-indent: -9999px;
				width: 221px;
			}
		#header p {
				display: none;
			}
		#header #arrows {
				background: url(../images/arrows.jpg) no-repeat;
				height: 98px;
				float: right;
				display: inline;
				width : 212px;				
			}
		#header ul#menu {
				background: url(../images/bg-menu.jpg) repeat-x;
				height: 48px;
				float: left;
				display: inline;
				text-align: center;
				width: 680px;
				margin-right: 2px;
			}
			#header ul#menu li {
					display: inline;
				}
				#header ul#menu li a {
						color:#FFFFFF;
						float:left;
						display: inline;
						font-weight:bold;
						height:48px;
						line-height:48px;
						margin-left:26px;
						text-decoration:none;
						font-size: 16px;
					}
					#header ul#menu li a:hover {
							color: #8ba6ae;
						}
					#header ul#menu li a.active {
							color: #19AD71;
						}
		#header a#needaquote {
				background: url(../images/needaquote.jpg) no-repeat top center;
				height: 48px;
				float: left;
				display: inline;
				width: 268px;
				text-indent: -9999px;
				display: block;
			}
			#header a#needaquote:hover {
					background: url(../images/needaquote.jpg) no-repeat bottom center;
				}
	
	#content {
	
		}
		#content #showcase {
		
			}
			#showcase p {
					display: none;
				}
			#showcase a {
					background:transparent url(../images/showcase.jpg) no-repeat scroll right bottom;
					display:block;
					height:405px;
					text-indent:-9999px;
					width:958px;
				}
		#content #showcase-meta {
				margin: 20px auto 10px;
			}
			#showcase-meta .meta-sections {
					background: url(../images/bg-meta.jpg) no-repeat;
					color: #fff;
					height: 67px;
					float: left;
					display: inline;
					font-size: 14px;
					font-weight: bold;
					line-height: 60px;
					width: 482px;
				}
				.meta-sections span {
						float: left;
						display: inline;
						margin:0 30px;
					}
				.meta-sections a#portfolio {
						background: url(../images/view-portfolio.jpg) no-repeat top center;
						height: 16px;
						width: 184px;
						float: left;
						display: block;
						margin-top: 20px;
						text-indent: -9999px;
					}
					.meta-sections a#portfolio:hover {
							background: url(../images/view-portfolio.jpg) no-repeat bottom center;
						}
				.meta-sections a#testimonials {
						background: url(../images/view-testimonials.jpg) no-repeat top center;
						height: 16px;
						width: 180px;
						float: left;
						display: block;
						margin-top: 20px;
						text-indent: -9999px;
					}
					.meta-sections a#testimonials:hover {
							background: url(../images/view-testimonials.jpg) no-repeat bottom center;
						}
		
		#content #left-col {
				background: url(../images/bg-left-col.jpg) no-repeat;
				float: left;
				display: inline;
				width: 696px;
				min-height:417px;
			}
			#left-col h2 {
					background: url(../images/heading.jpg) no-repeat;
					color:#FFFFFF;
					font-size:16px;
					height:51px;
					line-height:42px;
					margin:3px 0 10px 3px;
					padding-left:20px;
					width:673px;
				}
			#left-col p {
					color:#779EAA;
					font-size:14px;
					line-height:20px;
					margin-bottom:15px;
					padding:0 20px;
				}
			#left-col .each-testimonial {
					padding: 0 35px;
					position: relative;
					margin: 0 0 50px 0;
				}
				#left-col span.starting-quote {
						color:#134932;
						display: block;
						font-size:100px;
						left:15px;
						position:absolute;
						height: 44px;
						top:-15px;
					}
				#left-col span.ending-quote {
						top:-15px;
						color:#134932;
						display: block;
						height: 44px;
						font-size:100px;
						padding-left:10px;
						position:absolute;
						right:15px;
					}
				#left-col p.testimonial-by {
						color: #147152;
						text-align: right;
					}
			
			#pricing-table {
					width:654px;
					margin: 0 auto;
				}
				#left-col #pricing-table ul {
						margin: 20px 0 10px 0;
						padding: 0;
						height: 41px;
					}
					#left-col #pricing-table ul li {
							margin: 0;
							padding: 0;
							float: left;
							display: inline;
						}
						#left-col #pricing-table ul li a {
								background: url(../images/pricing-buttons.jpg) no-repeat left top;
								color: #182225;
								display: block;
								float: left;
								height: 41px;
								width: 96px;
								line-height: 41px;
								margin: 0 10px 0 0;
								_margin: 0 5px 0 0;
								text-align: center;
								text-decoration: none;
							}
							#left-col #pricing-table ul li a:hover,
							#left-col #pricing-table ul li a.selected {
									background: url(../images/pricing-buttons.jpg) no-repeat left bottom;
									color: #ffffff;
								}
				#left-col #pricing-table table.pricing-chart {
						background: #253335;
						width: 654px;
					}
					table.pricing-chart tr {
					
						}
						table.pricing-chart tr td,
						table.pricing-chart tr th {
								border-right:1px solid #182326;
								border-top:1px solid #182326;
								color: #fff;
								font-size: 12px;
								font-weight: normal;
								padding: 8px 5px;
								text-align: center;
							}
							table.pricing-chart tr th.quantity {
									background: url(../images/table-headings-bg.jpg) repeat-x;
									border-bottom: 1px solid #182326;
								}
							table.pricing-chart tr td.product_name {
									text-align: left;
									padding-left: 10px;
									width:200px;
								}
								table.pricing-chart tr td.product_name em {
										color: #fff;
									}
							table.pricing-chart tr td.stretch {
									background: transparent url(../images/table-headings-bg.jpg) repeat-x scroll 0 0;
								}
								.odd {
										background: #2b3c3e;
									}
				
			div.services-headings {
					width: 654px;
					height: 50px;
					position: relative;
					margin: 30px auto 10px;
				}
				div.services-headings h3 {
						background-color:#FFFFFF;
						color:#175F7B;
						font-size:14px;
						padding: 4px 10px;
						position:absolute;
						right:10px;
						top:13px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
			div.classic {
					background: url(../images/classic.gif) no-repeat;
				}
			div.vintage {
					background: url(../images/vintage.gif) no-repeat;
				}
			div.oversized {
					background: url(../images/oversized.gif) no-repeat;
				}
			div.foil {
					background: url(../images/foil.gif) no-repeat;
				}
			div.foilwith {
					background: url(../images/foilwith.gif) no-repeat;
				}
			div.overthezipper {
					background: url(../images/overthezipper.gif) no-repeat;
				}
			div.fourcolor {
					background: url(../images/fourcolor.gif) no-repeat;
				}
			
			#left-col ul,
			#left-col ol {
					padding: 0 20px;
					margin: 0 0 20px 0;
					line-height: 20px;
				}
				#left-col ul li,
				#left-col ol li {
						color: #779EAA;
						list-style: disc;
						list-style-position: outside;
						margin-left: 30px;
						font-size: 14px;
					}
			#left-col p.question {
					color: #189762;
					display: list-item;
					text-decoration: underline;
					cursor: pointer;
					list-style: disc;
					margin: 0 40px 10px 40px;
					padding: 0;
				}
				#left-col p.question:hover {
						color: #fff;
					}
			#left-col p.answer {
					display: none;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					background: #131A1C;
					margin: 10px 25px 10px 25px;
					padding: 20px;
					font-size: 14px;
					border: 1px solid #1C2A2D;
				}
			#left-col ul#portfolio-list {
			
				}
				ul#portfolio-list li {
						float: left;
						display: inline;
						border: 2px solid #3B5459;
						height:49px;
						margin:0 0 13px 13px;
						overflow:hidden;
						padding:0;
					}
					ul#portfolio-list li a img {
							
						}
		
		.contact-form .contact-left {
				position: relative;
				float: left;
				display: inline;
				width: 430px;
			}
			.contact-left form p {
					clear: both;
					display:block;
					margin:0 0 20px !important;
					height: 23px;
				}
				.contact-left form p label {
						float: left;
						display: inline;
						width: 130px;
						position: relative;
					}
					.contact-left form p label span {
							font-size: 10px;
							font-style: italic;
							color: #3B575B;
						}
				.contact-left form p input,
				.contact-left form p textarea {
						background:#3C585C url(../images/bg-menu.jpg) repeat-x scroll left top;
						border:1px solid #131A1C;
						color:#E0E0E0;
						font-family: Helvetica, Arial, sans-serif;
						font-size: 12px;
						float:left;
						display:inline;
						font-weight:normal;
						padding:5px;
						width:160px;
						overflow: hidden;
					}
					.contact-left form p textarea {
							background-position:left bottom;
							height:100px;
							width:220px !important;
						}
					.contact-left form p input.submit-button {
							cursor:pointer;
							width:100px;
							float: right;
							display: inline;
						}
				.contact-left form p.code {
						margin:20px 0 30px !important;
						padding:0 0 0 87px !important;
						height: 25px;
					}
					.contact-left form p.code img {
							vertical-align: bottom;
							margin-right: 10px;
							margin-bottom: 1px;
						}
					.contact-left form p.code input.code {
							float:none;
							text-align:center;
							width:40px;
						}
		
		.contact-form .contact-right {
				float: right;
				display: inline;
				width:240px;
			}
				
					
		#content #right-col {
				background: url(../images/bg-right-col.jpg) no-repeat;
				float: left;
				display: inline;
				margin-left:7px;
				padding:4px 0 0 4px;
				width:244px;
			}
			#right-col #estimate {
					background: url(../images/estimate.jpg) no-repeat top center;
					height: 46px;
					width: 241px;
					margin: 5px 0 10px;
					display: block;
					text-indent: -9999px;
				}
				#right-col #estimate:hover {
						background: url(../images/estimate.jpg) no-repeat bottom center;
					}
			#right-col p {
					color:#FFFFFF;
					font-size:12px;
					line-height:20px;
					margin: 0 auto 10px;
					width:200px;
				}
			#right-col p#phone {
					background: url(../images/phone-number.jpg) no-repeat;
					height: 14px;
					width: 134px;
					display: block;
					text-indent: -9999px;
					margin: 0 auto;
				}
			#right-col a#email {
					background: url(../images/email-address.jpg) no-repeat top center;
					height: 17px;
					width: 190px;
					display: block;
					text-indent: -9999px;
					margin: 10px auto;
				}
				#right-col a#email:hover {
						background: url(../images/email-address.jpg) no-repeat bottom center;
					}
			#right-col h3.need-quote-h3 {
					background: transparent url(../images/quoteheading.png) no-repeat 0 0;
					text-indent: -9999px;
					height: 36px;
					width: 246px;
					margin-top: 5px;
			}
			#right-col div.quote-body-div {
				background: transparent url(../images/quotebody.png) no-repeat 0 0;
				margin-top: 10px;
				height: 136px;
				width: 245px;
			}
			#right-col p.quote-para {
				padding-top: 10px;
				line-height: 15px;
			}
			#right-col p#quote-phone, #right-col p#quote-email {
				text-align: center;
				font-size: 16px;
				font-style: oblique;
				margin-left: 20px;
			}
			#right-col p#quote-email {
				margin-top: -5px;
			}
			
			#right-col p#quote-phone img, #right-col p#quote-email img {
				padding-right: 10px;
			}
			#right-col p#quote-email a {
				text-decoration: none;
				color: #fff;
			}
			#right-col p#quote-email a:hover {
				text-decoration: none;
				color: #666;
			}			
			
	#footer {
			margin: 40px auto;
		}
		#footer .hr {
				background-color: #263337;
				height: 1px;
			}
			#footer .hr hr {
					display: none;
				}
		#footer ul#link-list {
				margin: 10px 0;
				text-align:center;
			}
			#footer ul#link-list li {
					display: inline;
					margin-left: 47px;
				}
		#footer p {
				color:#FFFFFF;
				float:left;
				display: inline;
				font-size:12px;
				margin:20px 0 40px 0;	
			}
		#footer ul#other {
				float: right;
				display: inline;
				margin: 10px 0 0 0;
			}
			#footer ul#other li {
					float: left;
					display: inline;
				}
				#footer ul#other li a#studioakt {
						background: url(../images/studioakt.jpg) no-repeat top center;
						width: 69px;
						display: block;
						text-indent: -9999px;
						height: 22px;
					}
					#footer ul#other li a#studioakt:hover {
							background: url(../images/studioakt.jpg) no-repeat bottom center;
						}
				#footer ul#other li a#ryos {
						background: url(../images/ryos.jpg) no-repeat top center;
						width: 22px;
						display: block;
						text-indent: -9999px;
						height: 22px;
					}
					#footer ul#other li a#ryos:hover {
							background: url(../images/ryos.jpg) no-repeat bottom center;
						}