/* @override http://beiler.davenportdesign.net/common/global.css */

* { margin: 0; padding: 0; list-style: none; font-style: normal; outline: none;}
img {border: none;}
object, embed, img {vertical-align: bottom; border: none;}

body {
	background: black url(i/bg.jpg) center top no-repeat;
	font: 16px "Gotham HTF", "Gotham", "Helvetica Neue", arial;
	line-height: 1.3em;
	color: #333;}
	
#bg {background: url(i/grid-bg.png);}

#header, #body, #menu, #footer, h4 {overflow: auto;}
#header, #footer, #subfooter, #menu {
	text-shadow: 0 0 0 rgba(0,0,0,0.1);
}

p, ul, h1, h2, h3, h4, h5, h6 {margin-bottom: 7px;}

h2 {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;}


/* reusables */
.aside { padding: 20px 20px 10px; 
	margin: 15px 0; 
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ddd;
	background: #eaeaea;}

.right { float: right; }
.left { float: left;}
.center { margin: auto; text-align: center;}
.clear { clear: both;}
.hidden { display: none;}
.small {font-size: .75em;}
.smaller {font-size: .68em;}
.last { border: none !important ;}
.pad {padding: 15px; }
.caps {text-transform: uppercase;}
.logo {margin: 0;}
hr { border: none; border-bottom: 1px dotted #ccc;}
.success { 
	background: #d9ffd3 url(i/success.png) 10px 10px no-repeat;
	padding: 10px 10px 1px 35px;
	border: 1px solid #a8e4bb;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;}
	
.error { 
	background: #ffd3d8 url(i/error.png) 10px 10px no-repeat;
	padding: 10px 10px 1px 35px;
	border: 1px solid #e4a8a8;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;}
	
ul.left {margin-right: 50px;}
.pdf-link { 
	padding-left: 18px; 
	background: url(i/pdf.gif) left center no-repeat; 
	height: 15px;}

/* gradient backgrounds:

blue: 	background: url(i/grad.gif) 0 0 repeat-x;
yellow: background: url(i/grad.gif) 0 -32px repeat-x;
gray:	background: url(i/grad.gif) 0 -64px repeat-x;

*/

.thumbs {margin-top: 10px;}
.thumbs h4 {margin-bottom: 13px;}

.thumbs a { 
	border: 1px solid #ccc;
	display: block;
	float: left;
	background: #eaeaea;
	margin: 0 10px 10px 0;
	padding: 7px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;}

.thumbs a:hover { background: #ccfcfe; border-color: #b7ddfe;}

a.button {
	background: url(i/grad.gif) 0 -32px repeat-x !important;
	border: 1px solid #ff0;
	border-top-color: #ff9 ;
	color: #960 !important;
	display: block;
	float: left;
	font-weight: bold;
	padding: 2px 5px;
	text-transform: uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 1px 1px 1px #ff6;
	text-indent: 0 !important;
}

a.button:hover {
	background: url(i/grad.gif) 0 0 repeat-x !important;
	color: #fff !important;
	text-shadow: 1px 1px 1px #09f;
	border-color: #18BDDE;
}

a.button.plain {
	background: url(i/grad.gif) 0 -64px repeat-x !important;
	color: #666 !important;
	text-shadow: 1px 1px 1px #fff;
	border-color: #eaeaea;
}

	
#footer a.button {
	margin-top: 5px;}
	
	
	
p.left, ul.left, address.left {
	margin-right: 25px;}
	
/* gridding */

.col20, .col30, .col40, .col50, .col60, .col70  {border: 0px solid red;}

.col20 { width: 200px;}
.col30 { width: 230px;}
.col40 { width: 310px;}
.col50 { width: 430px; }
.col60 { width: 550px}
.col70 { width: 635px;}

/* standard styling */

a { color:#14D2FF; text-decoration: none;}
a:hover { color:#428FAA; text-decoration: none;}

#body a {text-decoration: underline; color: #428FAA;}	
#body a:hover {color: #14D2FF;}	



p, li, address {font-size: .82em;}	
#footer p, #footer li, #footer address {
	font-size: .75em; 
	line-height: 1.4em;}
		

h4 {
	border-bottom: 1px solid #666;
	color: #14D2FF;
	text-transform: uppercase;}
	

.module h4 { font-size: .85em;}
h4 span {float: left;}
h4 a {float: right; color: white; }
	


#body li { 
	font-size: .75em;
	list-style: none;
	background: url(i/bullet.gif) 0 .63em no-repeat;
	padding-left: 1.2em; }
	

/* layout */

#header {
	margin: auto;
	padding: 15px 0;
	width: 952px;}
	
	#header h1 a {
		background: url(i/logo-web.png) no-repeat;
		display: block;
		height: 70px;
		width: 250px;
		text-indent: -9999px;
		 }
	
	#header p {
		/*background: url(i/head_blurb.gif);*/
		font-size: 1.2em;
		color: white;
		margin-top: 15px;
		text-indent: 124px/*-9999px*/;
		width: 510px; height: 18px;}
		
		#header p a {
			font-size: .7em;
			text-align: right;
			display: block;
			text-decoration: underline;}

.top, .bottom {
	width: 952px;
	margin: 0 auto;
	height: 5px;
	background: url(i/caps.png) no-repeat;}
.bottom {background: url(i/caps.png) bottom left no-repeat;}
	

#container {
	background: url(i/body-trans.png) repeat-y;
	margin: auto;
	padding: 0 8px;
	width: 936px; /* 952 total */	}

#body {
	background: white url(i/body-curve.gif) bottom right no-repeat;
	padding: 10px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
	.subpage #body #ft-left { height: 130px; overflow: hidden;}
	.subpage #body #ft-right { height: 130px; overflow: hidden;}
	
	#body #ft-left {
		width: 339px;
		height: 260px;
		background: #56BBDD url(i/hp-blurb.gif);
		float: left;
		margin-bottom: 25px;}
	
		#ft-left a {
			display: block;
			background: url(i/left-ft-text.gif) no-repeat;
			margin: 20px 0 0 25px;
			text-indent: -9999px;
			width: 291px; height: 155px;}
			
	#body #ft-right {
		float: left;
		margin-left: 8px;
		width: 569px; height: 260px;
		margin-bottom: 25px;}
		
	#ft-right .slide { 
		width: 569px;}
		
	#ft-right #slide-nav { 
		background: url(i/image-frame.png);
		height: 260px; width: 569px;
		position: absolute;
		margin-top:-260px;
		z-index: 20;
		}
				
		#ft-right #slide-nav a {
			background-image: url(i/slide-nav.gif);
			display: block;
			float: left;
			width: 35px; height: 35px;
			text-indent: -9999px;
			position: absolute;
			bottom: 10px;}
			
		#ft-right a.prev {left: 5px; background-position: 0 0 !important;}
		#ft-right a.next {right: 5px;background-position: 0 -35px !important;}
		#ft-right a.prev:hover {left: 5px; background-position: -35px 0 !important;}
		#ft-right a.next:hover {right: 5px;background-position: -35px -35px !important;}
		
		.subpage #title-bar { margin-bottom: 5px;}
		.subpage #title-bar div { 
			background: #eaeaea;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			height: 75px;
			float: left;
			margin-right: 10px;}
			
		.subpage #title-bar .left {	width: 82px; }
		.subpage #title-bar .right { width: 558px; margin-right: 0px; }
		
		.subpage #title-bar .center { background: #56BBDD; width: 255px;}
		.subpage #title-bar .center h1 { 
			margin-top: 24px;
			text-indent: -9999px;
			height: 30px;
			background: url(i/page-titles.gif) 50% 0 no-repeat;}
			
			.subpage #title-bar .center h1#services { background-position: 50% -30px;}
			.subpage #title-bar .center h1#printing { background-position: 50% -60px;}
			.subpage #title-bar .center h1#signage { background-position: 50% -90px;}
			.subpage #title-bar .center h1#labels { background-position: 50% -120px;}
			.subpage #title-bar .center h1#faq { background-position: 50% -150px;}
			.subpage #title-bar .center h1#contact { background-position: 50% -180px;}
			.subpage #title-bar .center h1#send { background-position: 50% -210px;}
			.subpage #title-bar .center h1#quote { background-position: 50% -240px;}
			
			
		
#menu {
	padding: 10px 0px 15px 10px;}
	
#menu li {display: inline;}
#menu a {
	background-image: url(i/menu.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 15px;
	width: 90px;
	margin-right: 30px; 
	text-indent: -9999px;
	
	color: white;
	font-weight: bold;
	text-transform: uppercase;}
	
a#home { width: 49px; background-position: 0 0;}
a#printing { width: 80px; background-position:0 -15px;}
a#signage { width: 74px; background-position: 0 -30px;}
a#labels { width: 63px; background-position: 0 -45px;}
a#services { width: 81px; background-position: 0 -60px;}
a#faq { width: 33px; background-position: 0 -75px;}
a#contact { width: 80px; background-position: 0 -90px;}
a#about { width: 60px; background-position: 0 -105px;}

a#home:hover, a#home.selected { width: 49px; background-position: -90px 0;}
a#printing:hover, a#printing.selected { width: 80px; background-position: -90px -15px;}
a#signage:hover, a#signage.selected { width: 74px; background-position: -90px -30px;}
a#labels:hover, a#labels.selected { width: 63px; background-position: -90px -45px;}
a#services:hover, a#services.selected { width: 81px; background-position: -90px -60px;}
a#faq:hover, a#faq.selected { width: 33px; background-position: -90px -75px;}
a#contact:hover, a#contact.selected { width: 80px; background-position: -90px -90px;}
a#about:hover, a#about.selected { width: 60px; background-position: -90px -105px;}

a#send {
	float: right;
	margin: -7px 0 -7px 0 !important;
	background-position: 0 -120px;	
	padding: 5px;
	width: 90px;
	height: 18px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; }

a#send:hover { background-position: -100px -120px;}
	

#footer {
	padding: 8px;
	color: white;}
	
	#footer .module {
		float: left;
		border-right: 1px dotted #666;
		height: 95px;
		margin-right: 20px;
		padding-right: 20px;}
	
	#footer #sitemap {width: 225px;}
	#footer #contact {width: 290px;}
	#footer #send-files {width: 280px;}
	
	
	
#subfooter {
	text-align: center;
	padding: 15px;
	color: #666;}
	
/* contact form */

#contact_form div {
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;}


#contact_form div label{
	font-weight: bold;
	float: left;
	display: block;
	width: 100px;}
	
#contact_form div.linear label { 
	width: inherit;}
	
#contact_form input.nowidth { 
	width: inherit;
	margin-left: 10px;}
	
	
	
#contact_form input, #contact_form textarea {
	width: 396px;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
input:focus, textarea:focus { border: 1px solid #aaa !important;}
	
#contact_form textarea {
	height: 100px;}
	
#contact_form input.captcha {
	width: 223px;}
	
#contact_form img.captcha {
	vertical-align: bottom;
	border: 3px solid #ccc;
	height: 24px;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
#contact_form input.button {
	font-family: "Gotham HTF", Gotham, Arial;
	font-weight: bold;
	float: right;
	width: inherit;
	background: #56bbdd;
	padding: 7px;
	border: 1px solid #4da8c9;
	}
	
#contact_form div span{
	float: left;
	clear: left;
	display: block;
	width: 100px;
	font-size: 0.9em;
	color:#999;}
	
#suppliers a { 
	display: block;	
	float: left;
	margin: 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #eaeaea;
	padding: 10px;
	border: 1px solid #ccc;
	}