@charset "UTF-8"; 
/*
  jwbass.com page styles
  Author: WebMediaRx Team http://webmediarx.com
  lastmod: 30 Oct 08
  Modified hybrid of...
  Blueprint CSS Framework 0.7.1 (http://blueprintcss.googlecode.com)
  Eric Meyer Reset v1.0 | 20080212 (http://meyerweb.com/eric/tools/css/reset)
  */

/* resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, dfn, em, img, kbd, q, 
small, strike, strong, b, i, sub, sup, 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}
blockquote:before, blockquote:after, 
q:before, q:after {content:''; content:none}
/* remember to define focus styles! */
:focus {outline:0}
/* remove annoying border on linked images. */
a img {border:none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse}


/* Modified 960 framework */
.container-960 {margin:0 auto; width:960px; background-color:#eee;}
.container-960.alt-bg {margin:0 auto; width:960px; background:#272727 url('images/grid-300-dividers.gif') top right repeat-y; border-top:5px solid #000}
	.container-960.alt-bg a{color:#fff; font-weight:bold; text-decoration:none; border-bottom:1px solid #fff}
	
/* grid 160 --- Unused */	
.container-960 .grid-820 .grid-160 {width:160px; display:inline; padding:0 0 10px 0; margin:0}	
	.container-960 .grid-820 .grid-160.right {float:right; margin:0 0 0 10px}
	.container-960 .grid-820 .grid-160.left  {float:left; margin:0 10px 0 0}	

/* grid 260 */
.container-960 .grid-820 .grid-260 {width:260px; display:inline; float:left; margin:0; padding:10px 0}
	.container-960 .grid-820 .grid-260.left   {margin-left:0}
	.container-960 .grid-820 .grid-260.middle {margin:0 10px}
	.container-960 .grid-820 .grid-260.right  {float:right}	
	
/* grid 300 */	
.container-960 .grid-300 {width:300px; display:inline; float:left; margin-left:10px; margin-right:10px; padding:15px 0 10px 0}
	.container-960.alt-bg .grid-300.left  {width:280px; padding-right:20px}
	.container-960.alt-bg .grid-300.right {width:280px; padding-left:20px}
	.container-960.alt-bg .grid-300 h3 {font-weight:normal; color:#fff; line-height:1.3; margin:5px 0; padding:0; border:none}
	.container-960.alt-bg .grid-300 p {font:12px normal Verdana, Arial, Helvetica, sans-serif; margin:0 0 15px 0; line-height:1.3; color:#999}
	.container-960.alt-bg .grid-300 form {font:12px normal Verdana, Arial, Helvetica, sans-serif; color:#999; margin:5px 0 5px 0}	
	.container-960.alt-bg .grid-300.left h3 {padding-left:10px}
	
/* grid 400 */	
.container-960 .grid-820 .grid-400 {width:400px; display:inline; padding:0; margin:0}
	.container-960 .grid-820 .grid-400.right {float:right; margin:0 0 0 5px}
	.container-960 .grid-820 .grid-400.left  {float:left; margin:0 5px 0 0}
	.container-960 .grid-820 .grid-400 ul {margin:0 1.5em; padding:0 0 15px 0}	
	
/* grid 640 --- Unused */	
.container-960 .grid-820 .grid-640 {width:640px; display:inline; padding:0 0 10px 0; margin:0}
	.container-960 .grid-820 .grid-640.right {float:right; margin:0 0 0 10px}
	.container-960 .grid-820 .grid-640.left  {float:left; margin:0 10px 0 0}		
	
/* grid 500 */		
.container-960 .grid-570 {width:570px; display:inline; float:left; margin-left:70px; margin-right:20px; padding:40px 0 20px 0;}
	.container-960 .grid-570 p + p {text-indent:0.5em; margin-top:.5em;}
	.container-960 .grid-570 p + p.small {text-indent:0}
	.container-960 .grid-570 .bg {background-color:#d8d8d8}
	.container-960 .grid-570 .caps {text-transform:uppercase; letter-spacing:0.08em}
	
/* footer */	
.container-960.footer {background:none}
	.container-960.footer p {font:10px normal Verdana, Arial, Helvetica, sans-serif; padding:10px 20px; line-height:1; color:#666}
	.container-960.footer p a:focus, .container-960.footer p a:hover{color:#999; border-bottom-color:#666}
	


/* navigation */
#nav {height:153px; width:960px; margin:0 auto; padding:0; border:none}
	#nav ul#category {height:153px; width:960px; background: url('images/bg-nav.gif') no-repeat; margin:0; padding:0; position:relative}
	#nav ul#category li {margin:0; padding:0; list-style:none; position:absolute; top:0}
	ul#category li, ul#category a {height:153px; display:block; border:none}
	#nav ul#category li a {text-decoration:none; text-indent:-9999px; /* Commented backslash hack for IE Mac \*/ overflow:hidden /* end hack */}
	#home      {left:0; width:169px}
	#team      {left:169px; width:160px}
	#services  {left:329px; width:162px}
	#steps     {left:491px; width:158px}
	#galleries {left:649px; width:162px}
	#connect   {left:811px; width:149px}
		
	#home a:hover      {background:transparent url('images/bg-nav.gif') 0 -153px no-repeat; text-indent:-9999px}
	#team a:hover      {background:transparent url('images/bg-nav.gif') -169px -153px no-repeat; text-indent:-9999px}
	#services a:hover  {background:transparent url('images/bg-nav.gif') -329px -153px no-repeat; text-indent:-9999px}
	#steps a:hover     {background:transparent url('images/bg-nav.gif') -491px -153px no-repeat; text-indent:-9999px}
	#galleries a:hover {background:transparent url('images/bg-nav.gif') -649px -153px no-repeat; text-indent:-9999px}
	#connect a:hover   {background:transparent url('images/bg-nav.gif') -811px -153px no-repeat; text-indent:-9999px}
	
	li#home.current      {background:transparent url('images/bg-nav.gif') 0 -306px no-repeat; text-indent:-9999px}
	li#team.current      {background:transparent url('images/bg-nav.gif') -169px -306px no-repeat; text-indent:-9999px}
	li#services.current  {background:transparent url('images/bg-nav.gif') -329px -306px no-repeat; text-indent:-9999px}
	li#steps.current     {background:transparent url('images/bg-nav.gif') -491px -306px no-repeat; text-indent:-9999px}
	li#galleries.current {background:transparent url('images/bg-nav.gif') -649px -306px no-repeat; text-indent:-9999px}
	li#connect.current   {background:transparent url('images/bg-nav.gif') -811px -306px no-repeat; text-indent:-9999px}	
	
/* Wall of thanks */	
#wall {height:66px; width:300px; margin:10px auto 0 auto; padding:0; border:none}
	#wall ul#of-thanks {height:66px; width:300px; background: url('images/bg-thank-you.gif') no-repeat; margin:0; padding:0; position:relative}
	#wall ul#of-thanks li {margin:0; padding:0; list-style:none; position:absolute; top:0}
	ul#of-thanks li, ul#of-thanks a {height:66px; display:block; border:none}
	#wall ul#of-thanks li a {text-decoration:none; text-indent:-9999px; /* Commented backslash hack for IE Mac \*/ overflow:hidden /* end hack */}
	#thx-1 {left:8px; width:52px}
	#thx-2 {left:66px; width:52px}
	#thx-3 {left:124px; width:52px}
	#thx-4 {left:182px; width:52px}
	#thx-5 {left:240px; width:52px}
		
	#thx-1 a:hover {background:transparent url('images/bg-thank-you.gif') -8px -66px no-repeat; text-indent:-9999px}
	#thx-2 a:hover {background:transparent url('images/bg-thank-you.gif') -66px -66px no-repeat; text-indent:-9999px}
	#thx-3 a:hover {background:transparent url('images/bg-thank-you.gif') -124px -66px no-repeat; text-indent:-9999px}
	#thx-4 a:hover {background:transparent url('images/bg-thank-you.gif') -182px -66px no-repeat; text-indent:-9999px}
	#thx-5 a:hover {background:transparent url('images/bg-thank-you.gif') -240px -66px no-repeat; text-indent:-9999px}
	
/* typography */
body {font-size:100%; color:#333; background:url('images/bg-body.gif') repeat; font-family:Georgia, "Times New Roman", Times, serif}
h1.opener {background:url('images/h1-opener.gif') no-repeat; display:block; width:500px; height:126px; padding:0; margin:0 0 15px 0}
h1.opener span {display:none; visibility:hidden}
h1, h2, h3, h4, h5, h6 {font-weight:bold; margin:0.7em 0 0.2em 0; line-height:1}
h1 {font-size:2em; color:#111}
h1 + h3 {margin-top:1.5em}
	h1 span, h2 span, h3 span {background-color:#d8d8d8}
	h2 span {margin-top:2em}
	h1 span.sub-head, h2 span.sub-head {font:0.55em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#777; background-color:#eee; text-transform:uppercase}
h2 {font-size:1.3em; color:#222;line-height:1.4;}
h2 a:active, h2 a:link,h2 a:visited{font-size:1.1em; color:#222;text-decoration:none;line-height:1.4;}
h2 a:hover{font-size:1.1em; color:#444; text-decoration:none; line-height:1.4;}
h3 a:active, h3 a:link,h3 a:visited{font-size:1.1em; color:#222;text-decoration:none;line-height:1.4;}
h3 a:hover{font-size:1.1em; color:#444; text-decoration:none; line-height:1.4;}
h3 {font-size:1.1em; color:#333; padding-left:0.3em; border-left:0.5em solid #d8d8d8}
h4 {font-size:0.9em; color:#444; padding-left:0.5em}
h5 {font-size:0.85em; color:#555; padding-left:0; line-height:1.2}
h6 {font-size:0.8em; color:#666; padding-left:0}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
p {margin:0 0 1.2em; line-height:1.5}
img.left {float:left; margin:0 10px 10px 0; padding:0}
img.right {float:right; margin:0 0 10px 10px}
img.swapImageClick{margin:0 0 1em 0}
img.fx, iframe.fx {background-color:#fff; padding:9px; border:1px solid #d8d8d8}
a:focus, a:hover {color:#000; border-bottom:1px solid #000}
a {color:#999; text-decoration:none; border-bottom:1px solid #999}
a.nofx, a.nofx:hover, a.nofx:visited {border:0; background:none; text-decoration:none}
blockquote {background:url('images/quote-l.gif') 0 2px no-repeat}
blockquote {margin:1em 2em 0.5em 2em; color:#666; font-style:italic; padding:5px; background-color:#e8e8e8}
blockquote p {margin:0; padding:0; text-indent:25px}
blockquote + p {text-align:right; margin:0 0 2em 0 ; line-height:1.2em; font-weight:normal; font-style:normal; font-size:0.85em; color:#888; padding:0 50px 0 0}
.container-960 .grid-820 blockquote + p:first-line {font-weight:normal}
b, strong {font-weight:bold}
em {font-style:italic}
.small {font-size:0.7em; margin-bottom:1.875em; line-height:1.5}

ul, ol {margin:0 1.5em 1.5em 1.5em}
ul {list-style-type:square; line-height:1.5}
ol {list-style-type:decimal}

/* sweepers */
.clearfix:after, .container:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix, .container {display:inline-block}
* html .clearfix, * html .container {height:1%}
.clearfix, .container {display:block}
.clear {clear:both}
html body div.clear, html body span.clear {background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0}

/*  forms Newsletter */
form.newsletter {margin:0; padding:0}
form.newsletter fieldset {margin:0}

form.newsletter .formRow {width:280px; margin:0 0 8px 0; clear:both}
	form.newsletter .formRow.lite-bg {width:360px; margin:0 0 12px 0; clear:both}
	
form.newsletter label {float:left; padding:5px 0; width:65px; text-align:right}
	form.newsletter label.lite-bg {width:85px}
	
form.newsletter input {width:195px; background:#1d1d1d; border:1px solid; border-color:#0a0a0a #393939 #393939 #0a0a0a; color:#eee; margin:0 0 0 5px; padding:4px}
	form.newsletter input.lite-bg, form.newsletter textarea.lite-bg {width:255px; background:#e2e2e2; border:1px solid; border-color:#d5d5d5 #f4f4f4 #f4f4f4 #d5d5d5; color:#333; margin:0 0 0 5px; padding:4px}

form.newsletter #submit {margin-top:5px; height:26px; width:80px; background: url('images/button-sign-up.gif') no-repeat; padding:0; border:none; cursor:pointer}
	form.newsletter #submit.lite-bg {background: url('images/button-sign-up-lite-bg.gif') no-repeat}


	
/*  floats */

.right{float:right;}
.left{float:left}
.clear{clear:both;}

/*  rollovers */

#blogBtn{display: block; border:none; width: 135px; height: 37px; background: url('images/blog2.jpg') no-repeat 0 0; font-size:14px; color:#333333;}
#blogBtn:hover{ background-position: 0 -38px;}
#blogBtn span{ display: none;}


	
/* thats the end!  seriously... go! */


.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
	
.date{margin-bottom:20px; margin-top:10px; font-size:12px; line-height:16px;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Georgia';
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	padding-bottom:25px;
	border-bottom:#999999 solid 1px;
	}

#commentform p {
	font-family: 'Georgia';
	}

.commentmetadata {
	font-weight: normal;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 50px 0 30px 0;
	float:right;
	width: 260px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size:12px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.clear{clear:both;}
	
	
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


.submit{background: url('images/button-sign-up-lite2-bg.gif') no-repeat; margin-top:5px; height:26px; width:160px; padding:0; border:none; cursor:pointer}