/*--- Basic Setup -------------------------------------------------------------*/
.clear {clear:both;overflow:hidden;margin:0px;height:0px;}
#container{
	min-width:955px;  /* site width */
	text-align:center;
}
#wrapper{
  display:block;
}
#wrapper-inner{
	display:inline-block;
	position:relative;
	background:url("/images/bg-body.png") top left repeat-x;
	clear:both;
	width:100%;
}
.content-wrapper{
  width:955px;  /* site width */
  text-align:left;
  margin: 0 auto;
}
#content-row ul li {line-height:16px;}
#content-left h1{color:#b2d874;}
#content-row h3, #content-row h4{
	margin:0.2em 0 0.9em 0;
}
/*--- Header section ---------------------------------------------------------*/
#header{
  position:relative;
	z-index:100;
	width:100%;
  clear:both;
  padding-top:25px;
}
#header-logo {
  position:relative;
  float:left;
}
#header-right {
  position:relative;
  float:right;
  text-align:right;
  width:650px;
  padding-top:50px;
}
#header-right ul{
	padding:20px 10px 20px 0px;
}
#header-right li{
	display:inline;
	padding-left:10px;
}
#header-right a, #header-right a:visited{
	color: #bebebe;
}
#header-right a:hover{
	color: #ffffff;
}
#header-right a.current{
	color: #d62a39;
	font-weight:bold;
}
/*--- Top Navigation ---------------------------------------------------------*/
#top-nav{
  position:relative;
	z-index:100;
	width:100%;
	color: #ffffff;
  clear:both;
  padding:25px 0px 0px 0px;
}
#top-nav ul{
	background:#a8cd42 url("/images/bg-topnav-bar.gif") top left repeat-x;
	height:32px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0px;
}
#top-nav li, #top-nav li #current{
	float:left;
	display:inline;
	margin-left:22px;
	padding:0px;
}
#top-nav a, #top-nav a:visited{
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:5px 20px 8px 20px;
}
#top-nav a:hover, .current{
	background: #4e7e2e;
}
/*--- Content section --------------------------------------------------------*/
#content{
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
  text-align:center;
}
#page-wrapper,#page-wrapper-splash{
	padding-bottom:20px;
	border-bottom:1px solid #8d8d8a;
}
/*
#page-wrapper-splash{
	width:100%; /* IE needs this to fix the background:no-repeat bug */
	/*
	background:transparent url("/images/splash.jpg") no-repeat -30px 0px;
}
*/
/*
*:first-child+html #page-wrapper-splash {background:transparent url("/images/splash.jpg") no-repeat -30px -3px;}
* html #page-wrapper-splash{background:transparent url("/images/splash.jpg") no-repeat -30px -3px;}
*/
#flash{
	height:404px;
}
#promo{
	background:transparent url("/images/promo-box.png") no-repeat top left;
	position:relative;
	z-index:101;
	width:253px;
	height:200px;
	margin-top:-20px;
	padding:7px 0px 0px 6px;
}
#promo-image{
	
}
#promo-content{
	text-align:center;
	font-size:14px;
	min-height: 30px;
	height:auto !important;
	height: 30px;
}
#promo-learn-more{
	width:210px;
	margin:5px 0px 0px 10px;
	padding:10px 0px 0px 5px;
	border-top:1px solid #98988d;
	font-size:16px;
}
#promo-learn-more a{
	display:block;
	width:100px;
	padding-top:3px;
	height:21px;
	background:transparent url("/images/learn-more-arrow.gif") no-repeat top right;
}
#content-top{
	clear:both;
}
#content-top-left,#content-left{
	float:left;
}
#content-left{
	width:581px;
	padding:0px 50px 10px 50px;
}
#content-right{
	float:right;
	width:258px;
	margin-top:65px;
}
#content-row,.content-half-row,.content-half-row-small,.content-half-row-big{
	padding:15px 20px 15px 20px;
}
.content-single-row{
	clear:both;
	padding-bottom:10px;
}
.content-half-row{
	text-align:left;
	width:310px;
	float:left;
}
.content-half-row-small{
	text-align:left;
	width:250px;
	float:left;
}
.content-half-row-form{
	text-align:left;
	width:250px;
	float:left;
}
.content-half-row-big{
	text-align:left;
	width:370px;
	float:left;
}
#content-image,#content-image-landing{
	float:right;
	display:inline;
	position:relative;
}
#content-image{
	margin:-30px 25px 25px 15px;
}
#content-image-landing{
	margin:-15px 0px 25px 15px;
}
.pdf-download{
  background:url("/images/icon-pdf2.gif") no-repeat top left;
}
a.pdf-download, a:visited.pdf-download{
  display:block;
  padding-left:25px;
	padding-top:3px;
	height:16px;
  text-decoration:none;
}
.code-block{
	border:1px solid #bbbbbb;
	background: #333333;
	color: #eeeeee;
	padding:10px;
	margin:10px 0px;
}
table.code-block td{
	padding:10px;
}
.code{
	font-family:Courier;
}
.return-top{
	border: 1px solid #001100;
	background: #555555;
	margin: 10px 0px;
}
table.return-top td{
	padding: 10px;
}
/*--- Page Title ---------------------------------------------------------------*/
#page-title{
	background: url("/images/bg-pagetitle.png") repeat-x top left;
	height:195px;
}
*:first-child+html #page-title {margin-top:-3px;}
* html #page-title{margin-top:-3px;}
#page-title-inner{
	position:absolute;
	bottom:35px;
	padding-left:50px;
}
#page-title h1{color:#6ba54a;font-size: 28px;margin-bottom:0px;width:600px;}
#page-title h2{color:#4b7a2b;font-size: 28px;width:600px;}
#logo-right{
	position:absolute;
	margin:0px 0px 0px 665px;
}
/*--- FrontPage Items ---------------------------------------------------------------*/
#frontpage-item{
	padding-top:75px;
}
*:first-child+html #frontpage-item {margin-top:-3px;}
* html #frontpage-item{margin-top:-3px;}
#frontpage-item ul{
	list-style-type:none;
	list-style-image:none;
	padding:0px;
	margin:0px;
	position: relative;
	float: left;
	list-style: none;
	overflow: hidden;
	width: 820px;
	height:275px;
}
#frontpage-item ul li {
	position: absolute;
	display:block;
}
#frontpage-item ul li a {
	display: block;
}
#frontpage-item a#frontpage-rev,
#frontpage-item a#frontpage-fwd
{
	display: block;
	float: left;
	width:59px;
	height:250px;
}
.rev-frontpage, .fwd-frontpage{
	margin:57px 2px 0px 2px;
}
.frontpage-title{
	height:95px;
}
.frontpage-title-inner{
	height:100px;
	padding-top:0px;
}
.frontpage-title-inner h1{color:#6ba54a;font-size: 28px;font-weight:normal;margin-bottom:0px;}
.frontpage-title-inner h2{color:#4b7a2b;font-size: 28px;font-weight:normal;}
.frontpage-left{
	float:left;
	padding-left:20px;
}
.frontpage-right{
	float:left;
	width:360px;
	padding:0px 10px 0px 25px;
}
.frontpage-text{
	height:100px;
}
.frontpage-buttons img{
	float:left;
	margin-right:10px;
}
/*--- Navigation -------------------------------------------------------*/
#navigation{
	font-size:14px;
	clear:both;
	padding:0px 5px 10px 0px;
	background: transparent url("/images/bg-nav.gif") no-repeat top left;
	min-height: 250px;
	height:auto !important;
	height: 250px;
}
#navigation ul{
	list-style-type:none;
	list-style-image:none;
}
#navigation li,#navigation .children li{
	margin-bottom:5px;
}
#navigation ul.children{
	margin-left:0px;
	font-size:12px;
}
#navigation a, #navigation a:visited{
	display:block;
	padding:2px 0px 0px 13px;
	height:20px;
	margin:0px;
}
#navigation ul.children li a, #navigation ul.children li a:visited{
	display:block;
	padding:5px 0px 5px 0px;
	min-height: 15px;
	height:auto !important;
	height: 15px;
	overflow:visible;
	color:#000000;
	margin:0px;
	background:#8e8f90;
}
#navigation a:hover, #navigation a.on, #navigation a.on:visited{
	color:#ffffff;
	background:transparent url("/images/bg-nav-arrow.gif") no-repeat top left;
}
#navigation ul.children li a:hover, #navigation ul.children li a.on, #navigation ul.children li a.on:visited{
	background:#57595a;
	color:#ffffff;
}
/* --- design services thumbs --- */
.design_thumbs {
	border-top:	1px solid #8d8d8a;
	padding-top:	30px;
	margin-top:	30px;
}
.design_thumbs .design_thumb {
	float:		left;
	margin:		0 28px 28px 0;
	text-align:	center;
}
.design_thumbs .design_thumb img {
	border:		2px solid transparent;
}
.design_thumbs .design_thumb img.active, .design_thumbs .design_thumb img:hover{
	border:		2px solid #D1E599;
}


/*--- Form fields ------------------------------------------------------------*/
.required{
	color:#c62734;
	font-weight:bold;
}
input {
	border:0px;
}
input.textfields{
	height:18px;
	float:left;
	margin: auto 0 auto 0;
}
input.textfields,input.textfields-upload,textarea.textfields,select{
	border:2px solid #6ba54a;
}
textarea.textfields{
	float:left;
	margin: 0px 0px 0px 0px;
}
select{
	margin:0px 5px 0px 0px;
}
select.full-row{
	margin-left: 10px;
}
select option{
	padding:0px 5px 0px 5px;
}
.form-full-row,.form-full-row-splash,.form-full-row-full-label{
	clear:both;
	padding:5px 0px 5px 0px;
}
.form-full-row-highlight{
	margin-top:10px;
	height:31px;
	clear:both;
	background:#1f2324 url("/images/bg-formfield-highlight-left.gif") top left no-repeat;
}
* html .form-full-row-highlight{
	margin-top:0px;
}
.form-highlight-wrapper{
	height:31px;
	background:transparent url("/images/bg-formfield-highlight-right.gif") top right no-repeat;
}
.form-full-row label{
	padding-right:5px;
}
.form-full-row label{
	float:left;
	text-align:right;
	width:120px;
}
/* Form field highlight */
.curFocus{
	border: 2px solid #0079c2;
}

#form_errors, #form_success{
	position:relative;
	margin:5px 10px 5px 10px;
	padding: 5px 5px 3px 5px;
}

/* Form Errors */
#form_errors {
	border: 1px solid #ffafaf;
	background: #ffdada;
	color: #a50000;
}

.form-error-label{
	color: #a50000;
	font-weight:bold;
}

#form_errors ul li{
	font-weight:normal;
}
#content-left #form_errors ul li{
	padding:0px;
}

/* Form Success */
#form_success {
	border: 1px solid #44b349;
	background: #81ff87;
	color: #007500;
}

#form_errors ul, #form_success ul {
	margin:0px 0px 0px 40px;
	list-style-type: disc;
}
/*--- Footer section ---------------------------------------------------------*/
#footer{
  position:relative;
	z-index:100;
  clear:both;
  float:left;
  width:100%;
  padding-top:20px;
}
#footer p{
  padding:0px;
}
#footer a, #footer a:visited{
  color:#c2e2ec;
	text-decoration:none;
}
#footer a:hover{
  color: #ffffff;
}
#footer a.current{
  color:#ffffff;
  font-weight:bold;
  background:none;
}
#footer-wrapper{
	border-top: 1px solid #8d8d8a;
	padding-top:20px;
}
#footer-left{
  float:left;
  padding-left:30px;
  width:50%;
}
#footer-left ul{
	padding:10px 0px 0px 0px;
}
#footer-left li{
	display:inline;
	padding-right:10px;
	color:#c2e2ec;
}
#footer-left li a{
	margin-right:10px;
}
#footer-right{
  float:right;
	padding:10px 10px 0px 0px;
}
#footer-right span a, #footer-right span a:visited{
  display:block;
	background:url("/images/jk-logo.gif") no-repeat top right;
  float:left;
	height:33px;
	color: #ffffff;
	font-weight:bold;
	padding:18px 90px 0px 0px;
}
#footer-right span a:hover{
	color: #ffffff;
}