/*
Title: Patriot Blueprinting Systems
Style: General stylesheet
Author: Tome Wilson - tome@creativewebgroup.net
Last Updated: March 31, 2010
*/

/* ---[ css reset ]--------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, textarea, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1}
ol, ul {list-style: none}


/* ---[ structure ]--------------------- */
html, body {background: #e5e5e5; height: 100%; text-align: center; font-size: 0}
#center-on-page {width: auto; text-align: center}
#container {margin: 0 auto; width: 980px}
#background {width: 940px; padding: 0 20px; text-align: left; background: #e5e5e5 url(images/shell/background.png) repeat}
		

	/* ---[ header ]--------------------- */
	#header {height: 63px; padding: 20px 0}
		#logo {float: left}


		/* ---[ top-navigation ]--------------------- */
		#top-navigation {width: 278px; height: 63px; display: block; background: transparent url(images/shell/top-navigation.png) no-repeat; float: right}

			#top-navigation ul {list-style: none}
			#top-navigation li {float: left}

			#top-navigation a.home, 
			#top-navigation a.financing, 
			#top-navigation a.contact {float: left; display: block; height: 63px; width: 86px; text-indent: -999999px; background: transparent url(images/shell/top-navigation.png) no-repeat}
			
			#top-navigation a.home {background-position: 0 0; margin-right: 10px}
			#top-navigation a.home:hover {background-position: 0 -63px}

			#top-navigation a.financing {background-position: 0 96px; margin-right: 10px}
			#top-navigation a.financing:hover {background-position: -96px -63px}
		
			#top-navigation a.contact {background-position: 0 192px}
			#top-navigation a.contact:hover {background-position: -192px -63px}


	/* ---[ banner ]--------------------- */
	#banner {clear: both; width: 940px; height: 128px; display: block; background: transparent url(images/shell/banner.jpg) no-repeat}


	/* ---[ heading ]--------------------- */
	#heading {padding: 10px 0 15px 0}
		h1 {font: bold 24px/1em Arial, Helvetica, sans-serif; color: #fff; background: url(images/shell/h1.png) repeat-y; width: 675px; padding: 10px; border: 1px solid #900310; float: left; height: 24px; letter-spacing: -1px}
		#tagline {float: right}


	/* ---[ side-navigation / first column ]--------------------- */
	#left {width: 220px; float: left}
	
		#side-navigation {margin-top: 2px; width: 220px; height: 378px; display: block; float: left; background: transparent url(images/shell/side-navigation.png) no-repeat}

			#side-navigation ul {list-style: none}
			#side-navigation li {float: left}

			#side-navigation a.about, 
			#side-navigation a.history, 
			#side-navigation a.clients, 
			#side-navigation a.why-patriot-blueprinting-is-right-for-you, 
			#side-navigation a.five-tips-to-wide-format-machine-purchasing, 
			#side-navigation a.complimentary-needs-analysis, 
			#side-navigation a.kip, 
			#side-navigation a.savin, 
			#side-navigation a.canon, 
			#side-navigation a.off-lease-equipment, 
			#side-navigation a.financing, 
			#side-navigation a.support, 
			#side-navigation a.contact {float: left; background: transparent url(images/shell/side-navigation.png) no-repeat; display: block; width: 220px; height: 29px; text-indent: -999999px}
			
			#side-navigation a.about {background-position: 0 0}
			#side-navigation a.about:hover {background-position: -220px 0}

			#side-navigation a.history {background-position: 0 29px}
			#side-navigation a.history:hover {background-position: -220px -29px; height: 30px}

			#side-navigation a.clients {background-position: 0 60px}
			#side-navigation a.clients:hover {background-position: -220px -58px; height: 30px}

			#side-navigation a.why-patriot-blueprinting-is-right-for-you {background-position: 0 90px}
			#side-navigation a.why-patriot-blueprinting-is-right-for-you:hover {background-position: -220px -87px; height: 30px}

			#side-navigation a.five-tips-to-wide-format-machine-purchasing {background-position: 0 120px}
			#side-navigation a.five-tips-to-wide-format-machine-purchasing:hover {background-position: -220px -116px; height: 30px}

			#side-navigation a.complimentary-needs-analysis {background-position: 0 150px}
			#side-navigation a.complimentary-needs-analysis:hover {background-position: -220px -145px; height: 30px}

			#side-navigation a.kip {background-position: 0 180px}
			#side-navigation a.kip:hover {background-position: -220px -174px; height: 30px}

			#side-navigation a.savin {background-position: 0 210px}
			#side-navigation a.savin:hover {background-position: -220px -203px; height: 30px}

			#side-navigation a.canon {background-position: 0 240px}
			#side-navigation a.canon:hover {background-position: -220px -232px; height: 30px}

			#side-navigation a.off-lease-equipment {background-position: 0 270px}
			#side-navigation a.off-lease-equipment:hover {background-position: -220px -261px; height: 30px}

			#side-navigation a.financing {background-position: 0 300px}
			#side-navigation a.financing:hover {background-position: -220px -290px; height: 30px}

			#side-navigation a.support {background-position: 0 330px}
			#side-navigation a.support:hover {background-position: -220px -319px; height: 30px}

			#side-navigation a.contact {background-position: 0 360px}
			#side-navigation a.contact:hover {background-position: -220px -348px; height: 30px}

		#brands {clear: both; padding: 15px 0}
			

	/* ---[ content-area / second column ]--------------------- */
	#content-area {width: 455px; display: block; float: left; padding: 0 10px 0 20px; margin-top: -10px}

		#content {text-align: justify; font: normal 13px/1.35em Arial, Helvetica, sans-serif}

			em, .em {font-style: italic}
			strong, .strong {font-weight: bold; color: #333}
			.big {font-size: 125%}
			.small {font-size: 75%}
			.l {float: left}
			.r {float: right}
			.clear {clear: both}
			.center {text-align: center}

			p {padding: .5em 0}

			#content ul {padding: .35em 0 .35em .35em; margin-left: 10px; list-style-type: none; text-align: left}
			#content li {padding: .15em 0 .35em 14px; background: transparent url(images/graphics/circle.gif) 0 7px no-repeat}

			.hr {width: auto; height: 1px; font-size: 1px; display: block; border-top: 1px dotted #900310; margin: 10px 0}

			.column1, .column2 {float: left; width: 217px; display: block; margin-right: 20px}
			.column2 {margin-right: 0}

			.pdf {background: #fff url(images/icons/pdf.gif) no-repeat top left; padding: 2px 0 2px 2em; margin: .35em 0}
			.arrow {background: #fff url(images/graphics/arrow.png) no-repeat 0 9px; padding-left: 16px}
			
			.map {margin: .35em 0; border: 1px solid #ccc}

			.photoL {float: left; margin: 3px 10px 0 0}
			.photoR {float: right; margin: 3px 0 0 10px}

			blockquote {padding: .35em 0 .35em 30px; background: transparent url(images/graphics/start-quote.png) no-repeat 0 0}
			blockquote p {background: transparent url(images/graphics/end-quote.png) no-repeat bottom right}


			/* ---[ link styles ]--------------------- */
			#content a {color: #000098; text-decoration: none}
			#content a:visited {color: #000098}
			#content a:hover {color: #000098; border: 1px solid #900310; padding: 0 2px}


			/* ---[ font colors ]--------------------- */
			.black {color: #000 !Important}
			.white {color: #fff !Important}
			.grey {color: #333 !Important}
			.blue {color: #000098 !Important}
			.red {color: #900310 !Important}


			/* ---[ headings ]--------------------- */
			h2 {font: bold 1.75em/1.35em Arial, Helvetica, sans-serif; color: #900310; padding-top: 5px} 
			h3 {font: bold 1.5em/1.25em Arial, Helvetica, sans-serif; color: #000098; padding: .7em 0 0 0}
			h4 {font: bold 1.25em/1.25em Arial, Helvetica, sans-serif; color: #666; letter-spacing: 0; padding: .7em 0 0 0}
			h5 {font: bold 1em/1.25em Arial, Helvetica, sans-serif; color: #666; letter-spacing: 0; padding: .7em 0 0 0}


	/* ---[ right side / third column ]--------------------- */
	#right {width: 228px; float: right}


		/* ---[ contact form ]--------------------- */
		#contact-form {width: 218px; padding-left: 10px; height: 336px; display: block; background: transparent url(images/shell/form.png) no-repeat}
		
		label, legend, .formsend {display: none} 
		textarea {overflow: hidden auto}
		
		.contact-name, 
		.contact-company, 
		.contact-email, 
		.contact-phone, 
		.contact-city, 
		.contact-state, 
		.contact-message,
		.contact-send {display: block; background: transparent; padding: 2px 0 0 6px; height: 23px; width: 202px; margin-top: 15px; border: 0; font: normal 12px/1em Arial, Helvetica, sans-serif; color: #666}

		.contact-name {margin-top: 0}
		.contact-company {}
		.contact-email {}
		.contact-phone {}
		.contact-city {width: 124px; float: left}
		.contact-state {width: 60px; float: left; padding: 0; height: 17px; margin: 19px 0 0 14px; background: transparent}
		
		.contact-message {height: 63px; width: 196px; padding: 6px}

		.contact-send {padding: 0; margin-top: 15px; width: 208px; height: 31px}


/* ---[ footer ]--------------------- */
#footer {margin-top: 35px; font: normal 12px/1.35em Arial, Helvetica, sans-serif; color: #000; border-top: 1px solid #ccc}
	#footer-sj, #footer-nj, #footer-md, #footer-pa {float: left; padding: 10px 50px 10px 20px; margin: 15px 0}
	#footer-sj:hover, #footer-nj:hover, #footer-md:hover, #footer-pa:hover {background: #f3f3f3; cursor: pointer}

	#footer-sj {border-right: 1px solid #ccc}
	#footer-nj {border-right: 1px solid #ccc; padding-right: 60px}
	#footer-md {border-right: 1px solid #ccc}
	#footer-pa {padding-right: 70px}

	#footer-copyright {clear: both; border-top: 1px solid #ccc; text-align: center; color: #900310; padding: 10px 0 15px 0}

		#footer a {color: #900310; text-decoration: none}
		#footer a:visited {color: #900310}
		#footer a:hover {color: #900310; text-decoration: underline}