html, body {
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #FFFFFF;
	font: 11px/18px verdana, arial, sans-serif;
	color: #333333;
}


a, a:link, a:visited, a:active {
	outline: none;
	border: 0;
	text-decoration: underline;
	font: 11px/15px verdana, arial, sans-serif;
	font-weight: bold;
	color: #333333;
}

a:hover {
	text-decoration: underline;
	color: #e10632;
}

a img {
	border: 0;
}


/* structure elements */

#struc {
	margin: 0 auto;
	padding: 0;
	width: 749px;
	clear: both;
}
	

img#logo {
	display: block;
	clear: both;
	margin: 50px 0 7px 9px;
}

div#nav {
	display: block;
	clear: both;
	width: 762px;
	height: 21px;
	margin: 0 0 2px 9px;
	padding: 0;
	background: url('images/common/nav/menu_bg.gif') no-repeat top left;
}

	#nav span.sep {
		display: block;
		float: left;
		margin: 6px 0 0 0;
		padding: 0;
		width: 1px;
		height: 10px;
		background: url('images/common/nav/menu_sep.gif') no-repeat top left;
	}
	
	#nav a {
		display: block;
		float: left;
		text-align: center;
		padding: 0;
	}
	
		#nav a.home { width: 30px; height: 10px; margin: 5px 25px 0 25px;
			background: url(images/common/nav/menu_home.gif) no-repeat top left; }
		#nav a.home:hover { 
			background: url(images/common/nav/menu_home_roll.gif) no-repeat top left;}

		#nav a.about { width: 48px; height: 11px; margin: 5px 25px 0 25px;
			background: url(images/common/nav/menu_about.gif) no-repeat top left; }
		#nav a.about:hover { 
			background: url(images/common/nav/menu_about_roll.gif) no-repeat top left;}
			
		#nav a.portfolio { width: 53px; height: 11px; margin: 5px 25px 0 25px;
			background: url(images/common/nav/menu_portfolio.gif) no-repeat top left; }
		#nav a.portfolio:hover { 
			background: url(images/common/nav/menu_portfolio_roll.gif) no-repeat top left;}
			
		#nav a.products { width: 53px; height: 11px; margin: 5px 25px 0 25px;
			background: url(images/common/nav/menu_products.gif) no-repeat top left; }
		#nav a.products:hover { 
			background: url(images/common/nav/menu_products_roll.gif) no-repeat top left;}
					
		#nav a.services { width: 47px; height: 11px; margin: 5px 25px 0 25px;
			background: url(images/common/nav/menu_services.gif) no-repeat top left; }
		#nav a.services:hover { 
			background: url(images/common/nav/menu_services_roll.gif) no-repeat top left;}
			
		#nav a.upload { width: 69px; height: 11px; margin: 5px 25px 0 25px;
			background: url(images/common/nav/menu_upload.gif) no-repeat top left; }
		#nav a.upload:hover { 
			background: url(images/common/nav/menu_upload_roll.gif) no-repeat top left;}
			
		#nav a.contact { width: 45px; height: 11px; margin: 5px 25px 0 25px;
			background: url(images/common/nav/menu_contact.gif) no-repeat top left; }
		#nav a.contact:hover { 
			background: url(images/common/nav/menu_contact_roll.gif) no-repeat top left;}

	/** footer **/
	#footer {
		margin: 50px 0 0 9px;
		padding: 30px 0 0 0;
		display: block;
		clear: both;
		width: 759px;
		background: url('images/common/footer.gif') no-repeat top left;
	}
	
	#footer #links {
		display: block;
		margin:  0;
		padding: 0;
		text-align: center;
	}
		#footer #links a {
			margin: 0 5px 0 5px;
			font: bold 10px/12px verdana, tahoma, arial, sans-serif;
		}
		
	#footer #copy {
		display: block;
		margin: 15px 0 0 0;
		padding: 0;
		text-align: center;
		font: 10px/12px verdana, tahoma, arial, sans-serif;
		color: #888888;
	}


	/** homepage */
	
img.banner {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
}
	
div.container {
	width: 770px;
	display: block;
	clear: both;
}
	
	.linkscol {
		float: right;
		margin: 0;
		padding: 12px 0 0 15px;
		width: 194px;
		height: 322px;
		background: url('images/main/main_portfolio_bg2.jpg') no-repeat top left;
	}
		.linkscol ul, .mediumcol ul {
			margin: 5px 0 0 25px;
			padding: 0;
		}
		
		.linkscol ul li, .mediumcol ul li {
			height: 18px;
			list-style: url('images/common/arrow.gif');
		}
		
			.linkscol ul li a:link, .linkscol ul li a:hover, .linkscol ul li a:visited, .linkscol ul li a:active, .mediumcol ul li a:link, .mediumcol ul li a:hover, .mediumcol ul li a:visited, .mediumcol ul li a:active  { text-decoration: none; }
	
	.bigcol {
		float: left;
		margin: 0 10px 0 8px;
		padding: 0;
		width: 523px;
	}
	
		.bigcol .imgs {
			width: 145px;
			margin: 0 10px 0 0;
			float: left;
		}
		
		.bigcol p {
			width: 335px;
			float: right;
			margin: 0;
			padding: 0 5px 0 0;
			text-align: justify;
		}
		
	.readmore {
		float: right;
		margin-top: 20px;
		padding: 0 20px 0 10px;
		background: url('images/common/arrow.gif') no-repeat left center;
	}
	
	.arrowlink {
		padding: 0 0 0 10px;
		background: url(images/common/arrow.gif) no-repeat left center;
	}
	
	
	/* about & contact & upload */
	.aboutimage {
		float: left;
		margin: 30px 0 0 0;
		padding: 0 0 0 20px;
		width: 282px;
		height: 221px;
	}
	
	.uploadimage {
		float: left;
		margin: 30px 0 0 0;
		padding: 0 0 0 20px;
		width: 171px;
		height: 187px;
	}
	
		.aboutimage img {
			margin: 0 0 10px 0;
		}
	
	.abouttext {
		float: right;
		margin: 30px 10px 0 8px;
		padding: 30px 0 0 0;
		width: 430px;
	}
	
	.uploadtext {
		float: right;
		margin: 30px 10px 0 8px;
		padding: 30px 0 0 0;
		width: 535px;
	}
	
	/* portfolio & products */
	.fullwidth {
		float: left;
		width: 700px;
		margin: 10px 0 0 10px;
		padding: 0 0 0 20px;
	}
	
	/* portfolio */
	.mediumcol {
		float: left;
		margin: 15px 15px 0 30px;
		padding: 12px 0 0 15px;
		width: 194px;
		height: 322px;
		background: url('images/main/main_portfolio_bg2.jpg') no-repeat top left;
	}
	
	.row {
		float: right;
		margin: 20px 8px 0 0;
		padding: 0 0 10px 20px;
		width: 450px;
		height: 73px;
		border-bottom: #e6e6e6 1px solid;
	}
		
		.row span {
			float: left;
			width: 87px;
			height: 67px;
			margin: 0 20px 0 0;
			padding: 3px 0 0 3px;
			/*background: url(images/services/thumb_bg.gif) no-repeat top left;*/
			background-color: #f1f1f1;
			border-top: #ffffff 1px solid;
			border-left: #ffffff 1px solid;
			border-right: #e6e6e6 1px solid;
			border-bottom: #e6e6e6 1px solid;
		}
				
			.row span img {
				float: left;
				width: 83px;
				height: 63px;
				margin: 0;
				padding: 0;
			}
	
	/* products */
	.productcat {
		float: right;
		width: 710px;
		margin: 10px 0 0 10px;
		padding: 0 0 0 20px;
		border-top: 1px solid #e7e7e7;
	}
		/*no top border lol*/
		.ntb {
			border-top: 0;
			padding-bottom: 20px;
		}
		
		.ntb p {
			padding-bottom: 15px;
		}
	
		.productcat .mainimg {
			float: left;
			width: 127px;
			height: 81px;
			margin: 5px;
			padding: 0;
		}
		
		.productcat .indentimg {
			float: left;
			clear: left;
			width: 112px;
			height: 72px;
			margin: 5px 5px 5px 25px;
			padding: 0;
		}
		
		.productcat .title {
			float: right;
			margin: 1px 0 0 0;
			padding: 4px;
			width: 550px;
			height: 15px;
			background: #f1f1f1;
		}
		
			.productcat .title img { float: left; margin-right: 5px; }
			
			.productcat .title a.signstitle { float: left; margin: 0 0 0 5px; width: 35px;
				height: 14px; background: url(images/products/headers/signs.gif) no-repeat top left; }
			.productcat .title a.signstitle:hover {
				background: url(images/products/headers/signs_roll.gif) no-repeat top left; }
				
			.productcat .title a.customtitle { float: left; margin: 0 0 0 5px; width: 105px;
				height: 14px; background: url(images/products/headers/custom.gif) no-repeat top left; }
			.productcat .title a.customtitle:hover {
				background: url(images/products/headers/custom_roll.gif) no-repeat top left; }
				
			.productcat .title a.largetitle { float: left; margin: 0 0 0 5px; width: 186px;
				height: 14px; background: url(images/products/headers/largeformat.gif) no-repeat top left; }
			.productcat .title a.largetitle:hover {
				background: url(images/products/headers/largeformat_roll.gif) no-repeat top left; }

			.productcat .title a.tradetitle { float: left; margin: 0 0 0 5px; width: 82px;
				height: 14px; background: url(images/products/headers/tradeshows.gif) no-repeat top left; }
			.productcat .title a.tradetitle:hover {
				background: url(images/products/headers/tradeshows_roll.gif) no-repeat top left; }

			.productcat .title a.vehicletitle { float: left; margin: 0 0 0 5px; width: 105px;
				height: 14px; background: url(images/products/headers/vehiclegraphics.gif) no-repeat top left; }
			.productcat .title a.vehicletitle:hover {
				background: url(images/products/headers/vehiclegraphics_roll.gif) no-repeat top left; }

			.productcat .title a.vinyltitle { float: left; margin: 0 0 0 5px; width: 91px;
				height: 14px; background: url(images/products/headers/vinyllettering.gif) no-repeat top left; }
			.productcat .title a.vinyltitle:hover {
				background: url(images/products/headers/vinyllettering_roll.gif) no-repeat top left; }

		
			.productcat .title a.open, .productcat .title a.close {
				float: right;
				display: block;
				margin: 0 3px 0 0;
				padding: 0;
				width: 11px;
				height: 11px;
				border: 0;
				text-decoration: none;
				background: url(images/products/maximize_button.gif) no-repeat top left;
			}
			
			.productcat .title a.close {
				background: url(images/products/minimize_button.gif) no-repeat top left;
			}
			
			.productcat .title a.open:hover {
				background: url(images/products/maximize_button_over.gif) no-repeat top left;
			}
		
			.productcat .title a.close:hover {
				background: url(images/products/minimize_button_over.gif) no-repeat top left;
			}
		
		.productcat p {
			float: right;
			width: 530px;
			margin: 5px 0 0 0;
		}
			.productcat p a {
				float: none;
			}

		.productcat a.foliolink {
			float: left;
			color: #e10632;
			text-decoration: none;
			font-weight: bold;
			padding: 2px 2px 2px 8px;
			background: url(images/common/arrow.gif) left center no-repeat;			
		}
		
		.productcat a.foliolink:hover {
			color: #ffffff;
			background: #e10632 url(images/common/arrow_over.gif) no-repeat left center;
		}
		
		strong.dot {
			padding: 0 0 0 10px;
			background: url(/images/products/dot.gif) no-repeat left center;
		}
					
	/* upload & forms in general */
	.formrow, .submit {
		width: 500px;
		clear: both;
		padding: 10px 0 0 0;
	}
		
		.submit { width: auto; float: right; margin: 30px 10px 0 0; }
		.submit input { border: 0; width: 101px; height: 23px; background: url(../images/upload/upload_button.gif) no-repeat; }
	
	
	label {
		float: left;
		clear: left;
		width: 120px;
		height: 20px;
		text-align: right;
		font-weight: bold;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	input, textarea {
		float: left;
		border-right: #e7e7e7 1px solid;
		border-bottm: #e7e7e7 1px solid;
		border-top: #cccccc 1px solid;
		border-left: #cccccc 1px solid;
		margin: 0;
		font: 11px/12px verdana, arial, tahoma, sans-serif;
	}
	
	.checkbox {
		float: right;
		margin: 0 50px 0 0;
		border: 0;
		width: auto;
	}
		
		
	/* services */
	
	.servicesrow {
		float: left;
		width: 700px;
		margin: 15px 0 20px 10px;
		padding: 0 0 20px 20px;
		border-bottom: #e6e6e6 1px solid;
	}
	
		.servicesrow .serviceimg {
			float: left;
			margin: 5px 0 0 0;
			padding: 0;
			width: 127px;
			height: 81px;
			background: url(images/services/thumb_bg.gif) no-repeat top left;
		}
		
		.servicesrow .title {
			float: right;
			margin: 5px 0 0 0;
			padding: 0;
			width: 550px;
			height: 20px;
		}
		
		.servicesrow p {
			float: right;
			margin: 5px 0;
			padding: 0;
			width: 530px;
			padding: 0 0 0 20px;
		}


.error { color: red; }
.success { color: green; }

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */