@import "reset.css";
@import "typography.css";
/*  
Theme Name: Jack Spack
Theme URI: http://www.jackspackseptic.com/
Description: Jack Spack theme
Version: 1.0
Author: James M. Allen
Author URI: http://www.kzoowidgets.com/
*/



@media screen {
	body {
		background: #80b1ec url(img/body_bg.gif) repeat-x top;
		text-align: center;
	}

	table.spaced td {
		padding: 2px;
	}

	/* rir = Revised Image Replacement (Dwyer Method) */
	.rir { background: transparent no-repeat; margin: 0; padding: 0; }
	.rir span { display: block; height: 0; overflow: hidden; width: 0; }

	img.thumb {
		float: left;
		margin: 0 0.5em 0.5em 0;
	}
	
	img.centered {
		clear: both;
		display: block;
		margin: 1.5em auto;
		text-align: center;
	}
	
	img.floatleft {
		clear: both;
		float: left;
		margin: .5em 2em 1em 0;
	}
	
	img.floatright {
		clear: both;
		float: right;
		margin: .5em 0 1em 2em;
	}
	
	img.bordered {
		border: 1px solid #335a6d;
	}

	#wrapper {
		background: #f2f7e4 url(img/wrapper_bg.gif) repeat-y center;
		color: #24262f;
		margin: 0 auto;
		position: relative;
		text-align: left;
		width: 734px;
	}

	#banner {
		background: #9fc12c url(img/banner_bg.jpg) no-repeat;
		height: 100px;
		padding: 0 4px;
		position: relative;
	}

	#banner h1 {
		background-image: url(img/banner_logo.gif);
		height: 34px;
		left: 25px;
		position: absolute;
		top: 25px;
		width: 253px;
	}
	
	#banner .phone {
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		position: absolute;
		right: 70px;
		text-align: center;
		top: 12px;
	}
	
	#banner address {
		/* background-image: url(../images/banner_address.gif); */
		height: auto;
		width: auto;
	}

	#banner a.home-link, #banner a.home-link:link {
		display: block;
		height: 100%;
		width: 100%;
	}

	#banner a.home-link span, #banner a.home-link:link span {
		text-indent: -9999px;
	}
	
	ul#nav {
		background: #335a6d url(img/menu_bg.jpg) no-repeat bottom left;
		display: block;
		font: 16px bold Arial,Helvetica,sans-serif;
		height: 32px;
		line-height: 34px;
		list-style-type: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: right;
		text-transform: lowercase;
		top: 68px;
	}
	
	ul#nav li {
		display: inline;
		margin: 0 0 0 -4px;
		padding: 0;
		position: relative;
	}
	
	ul#nav li a {
		height: auto !important;
		height: 0;
		line-height: 32px;
		padding: 8px 12px;
	}
	
	ul#nav li a, ul#nav li a:link, ul#nav li a:visited, ul#nav li a:hover, ul#nav li a:active {
		color: #fff;
		text-decoration: none;
	}
	
	ul#nav li.current_page_item a, ul#nav li.current_page_parent a {
		background-color: #446a8f;
	}
	
	ul#nav li a:hover, ul#nav li.current_page_item a:hover, ul#nav li.current_page_parent a:hover {
		/* background-color: #446a8f; */
		background-color: #5e93ae;
	}
	
	ul#nav li ul {
		display: none;
	}
	
	/*
	#menu-wrapper {
		position: absolute;
		top: 68px;
	}

	ul#menu {
		background: transparent url(img/menu_sprites.jpg) no-repeat;
		clear: both;
		display: block;
		font: 16px bold Arial,Helvetica,sans-serif;
		height: 32px;
		list-style-type: none;
		margin: 0;
		overflow: hidden;
		padding: 0 0 0 160px;
		text-transform: lowercase;
		width: 566px;
	}

	ul#menu li {
		display: inline;
		float: left;
		height: 32px;
		line-height: 34px;
		margin: 0;
		position: relative;
		padding: 0;
	}

	ul#menu li a { display: block; height: 100%; width: 100%; }

	ul#menu li a, ul#menu li a:link, ul#menu li a:visited { color: #fff; font-weight: bold; text-decoration: none; }

	ul#menu li a:hover, ul#menu li a:active, ul#menu li a.current { background: transparent url(img/menu_sprites.jpg) no-repeat; color: #fff; text-decoration: none; }

	ul#menu li a span { display: block; overflow: hidden; text-align: center; }

	ul#menu li#m_1 { width: 163px; }
	ul#menu li#m_2 { width:  74px; }
	ul#menu li#m_3 { width:  85px; }
	ul#menu li#m_4 { width: 128px; }
	ul#menu li#m_5 { width: 116px; }

	ul#menu li#m_1 a:hover, ul#menu li#m_1 a:active, ul#menu li#m_1 a.current { background-position: -160px -32px; }
	ul#menu li#m_2 a:hover, ul#menu li#m_2 a:active, ul#menu li#m_2 a.current { background-position: -323px -32px; }
	ul#menu li#m_3 a:hover, ul#menu li#m_3 a:active, ul#menu li#m_3 a.current { background-position: -397px -32px; }
	ul#menu li#m_4 a:hover, ul#menu li#m_4 a:active, ul#menu li#m_4 a.current { background-position: -482px -32px; }
	ul#menu li#m_5 a:hover, ul#menu li#m_5 a:active, ul#menu li#m_5 a.current { background-position: -610px -32px; }
	*/
	
	#sidebar {
		background: #ddf;
		border: 1px solid #d7d7ff;
		border-bottom: 2px solid #c8c8ff;
		float: right;
		font-size: 90%;
		margin: 1.8em 1em 1em 1em;
		padding: 0.5em 1em;
		width: 15em;
	}
	
	#sidebar h2 {
		font-size: 110%;
		margin: 0.5em 0 0.2em;
	}
	
	#sidebar ul {
		list-style-type: square;
		margin: 0.5em 0 0.5em 1.2em;
	}
	
	#sidebar ul li.page_item {
	}
	
	#content-wrapper {
		background: transparent url(img/main_content_wrapper_bg.jpg) no-repeat top center;
		padding: 0.5em 4px;
	}

	#content {
		height: auto !important;
		height: 27em;
		min-height: 27em;
		padding: 0 2.5em;
	}
	
	img.page-feature {
		float: right;
		margin: -2.5em 0 .4em 1em;
	}
	
	#footer {
		background: transparent url(img/footer_bg.gif) no-repeat bottom center;
		clear: both;
		font-size: 85%;
		height: 38px;
		line-height: 38px;
		overflow: hidden;
		padding: 4px;
		text-align: center;
	}
	
}