/*================================*
 * Joe Vumbacco                   *
 * Html and Css by Travis Repetto *
 *================================*/

/* Reset Reloaded */
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, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
:focus{ outline: 0; }/* remember to define focus styles! */
ins{ text-decoration: none; }/* remember to highlight inserts somehow! */
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/* Global */
body{ background-color: #1e1e1e; color: #fff; font: 12px/20px Georgia, Times, "Times New Roman", serif; }
h1{ color: #fff; font-size: 24px; }
h2{ color: #fff; font-size: 20px; }
h3{ color: #fff; font-size: 18px; }
h4{ color: #fff; font-size: 16px; }
h5{ color: #fff; font-size: 14px; }
h6{ color: #fff; font-size: 12px; }
a{ color: #eee; outline: none; text-decoration: none; }
acronym, abbr{ border-bottom: 1px dotted #ccc; cursor: help; }
hr{ background: #ccc; border: none; color: #ccc; height: 1px; margin: 10px 0; }
fieldset{ border: 2px solid #d3e0ee; padding: 10px; }
legend{ font-size: 14px; font-weight: bold; }
blockquote{ margin: 0 0 18px 0; padding: 0 0 0 10px; border-left: 3px solid #d3e0ee; font-size: 12px; line-height: 20px; text-align: justify; }
input, select, textarea{ font-size: 1em; font: 12px/20px Georgia, Times, "Times New Roman", serif; }

/* Standard Classes */
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; height: 0; overflow: hidden; margin: -1px 0 0 0; font-size: 0; line-height: 0; }
.hidden{ display: none; }
img.left{ margin: 0 10px 10px 0; }
img.right{ margin: 0 0 10px 10px; }
a.top{ padding: 0 15px 0 0; background: transparent url(/Images/arrow_up.gif) no-repeat right center; line-height: 22px; font-weight: bold; }

/* Containers */
#wrap{ background: #3f3834 url(/Images/header-bg.gif) repeat-x; }
	#header-wrap{ width: 100%; min-width: 960px; background: transparent url(/Images/header.png) no-repeat top center; }
		#header{ overflow: hidden; width: 960px; height: 190px; margin: 0 auto; }
	#main{ width: 960px; margin: 0 auto; background: transparent url(/Images/repeater-bg.gif) repeat-y; }
	#footer-wrap{ width: 100%; min-width: 960px; padding: 65px 0 0 0; background: transparent url(/Images/footer-bg.gif) repeat-x; }
		#footer{ width: 960px; height: 90px; min-width: 960px; margin: 0 auto; }

/* Header */
#logo{ display: inline; float: left; width: 345px; height: 70px; margin: 20px 0 0 20px; text-indent: -9999px; }
	#logo a{ display: block; width: 100%; height: 100%; }

/* Main */
#main{}
#main-header{ width: 960px; background: transparent url(/Images/main-header.png) no-repeat top; }
#main-footer{ overflow: hidden; width: 960px; background: transparent url(/Images/main-footer.gif) no-repeat bottom right; }
	#main p{ margin: 0 0 18px 0; font-size: 14px; line-height: 20px; text-align: justify; }
	#main a:hover{ text-decoration: underline; }
	#main p a[href^="http://"], #main p a[target="_blank"]{ padding: 0 16px 0 0; background: transparent url(/Images/external.png) no-repeat center right; }
	#main ul, #main ol{ margin: 0 0 10px 0; padding: 0 0 0 25px; }
	#main ul li{ list-style: disc; }
	#main ol li{ list-style: decimal; }
	#main-content{ float: left; display: inline; width: 550px; margin: 50px 0 0 20px; }
		#main-content h2{ display: block; height: 35px; background-repeat: no-repeat; text-indent: -9999px; }
			#main-content h2.heading-style{ background-image: url(/Images/heading-style.gif); }
			#main-content h2.heading-background{ background-image: url(/Images/heading-background.gif); }
	#main-sidebar{ float: right; display: inline; width: 360px; }
		#slideshow{ overflow: hidden; width: 360px; height: 350px; }
			.slide{}
			.slide .description{ display: none; }
		#contact-form{ margin: 10px 40px 0; padding: 20px 0 0 0; border-top: 1px solid #b54c4c; }
		#main-sidebar h2{ display: block; height: 25px; background-repeat: no-repeat; text-indent: -9999px; }
			#main-sidebar h2.heading-contact{ margin: 0 0 10px 0; background-image: url(/Images/heading-contact.gif); }
			#main-sidebar p{ color: #333; }
		#main-sidebar label{ color: #333; }
		#main-sidebar .text{ width: 270px; height: 20px; margin: 0 0 10px; padding: 5px; border: 0 none; background: transparent url(/Images/text-bg.gif) no-repeat top left; color: #999; font-size: 16px; }
		#main-sidebar .error{ width: 255px; padding-right: 20px; background-position: bottom left; color: #b54c4c; }
		#main-sidebar textarea{ width: 270px; height: 100px; margin: 0 0 10px; padding: 5px; border: 0 none; background: transparent url(/Images/textarea-bg.gif) no-repeat; color: #999; font-size: 16px; }
		#main-sidebar .submit{ display: block; width: 75px; height: 30px; background: transparent url(/Images/submit-bg.gif) no-repeat top; text-indent: -9999px; }
		#main-sidebar .submit:hover{ background-position: bottom; }

/* Footer */
#footer{ color: #666; font-size: 11px; line-height: 20px; }
	#footer a{ color: #666; }
	#footer a:hover{ text-decoration: underline; }
	#footerleft{ display: inline; float: left; width: 400px; margin: 0 0 0 20px; }
	#footerright{ display: inline; float: right; width: 400px; margin: 0 20px 0 0; }
	#contact-info{ cursor: pointer; width: 375px; height: 40px; background: transparent url(/Images/contact-info.gif) no-repeat; text-indent: -9999px; }
	#mcmurry{ float: right; display: inline; width: 40px; height: 40px; background: transparent url(/Images/mcmurry.gif) no-repeat; text-indent: -9999px; }

