@charset "UTF-8";
/* CSS Document */

/* Site Colors:
	grey - #58595a
	red - #b10121
	blue - #2ae or #2ba6e3
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #58595a;
	text-align: left;
	line-height: 20px;
	margin: 0px;
	margin-top: 19px;
	padding: 0px;
	background: #000;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #58595a;
	text-align: left;
	line-height: 19px;
}
a {
	font-size: 11px;
	color: #2ba6e3;
	text-decoration: none;
}
a:hover {
	color: #58595a;
}

img {
	border: 0;
}

#wrapper {
	width: 852px;
	padding: 0px;
	margin: auto;
	height: auto;
	text-align: left;
	background: #ffffff;
}
h1.breakhere {page-break-before: always;}

/* ==== Public = False ================= */

#public_false {
	width: 100%;
	height: 20px;
	padding: 5px 5px 5px 10px;
	background: url(../jjd_cms/images/dlines_thin.png) repeat #222;
	margin: 0;
	margin-top: -19px;
	margin-bottom: 19px;
	text-align: left;
	position: relative;
	z-index: 20;
	overflow: hidden;
}
	#public_false p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #ffffff;
		text-align: left;
		line-height: 18px;
		margin: 0;
		display: inline;
	}
	
	#public_false span {
		color: #2ae;
	}
	
	#public_false a {
		color: #2ae;
		text-decoration: none;
	}
	#public_false a:hover {
		color: #fff;
		text-decoration: none;
	}
	#public_false form {
		display: inline;
	}
	#public_false input {
		display: inline;
	}

/* ==== Top Panel ================= */

#container_top {
	width: auto;
	height: 1%;
	padding: 0;
	margin: 0;
	background: #fff;
}
	#hidden_page {
		height: 50px;
		padding-top: 25px;
		text-align: center;
	}
	#top_banner {
		width: 852px;
		padding: 0;
		margin: auto;
		text-align: center;
		background: url(../userfiles/black_shadow.png) repeat-x top #111;
	}
	#no_banner {
		height: 390px;
		width: auto;
		padding: 0;
		margin: auto;
		text-align: center;
		background: url(../userfiles/media/banners/banner_blank.jpg) repeat-x top #131313;
		overflow: hidden;
	}
		#no_banner h2 {
			padding: 0;
			padding-top: 368px;
			padding-right: 20px;
			margin: auto;
			font-weight: normal;
			font-size: 30px;
			color: #000;
			text-align: right;
		}

/* ==== Sildeshow ================= */

#slideshow {
	width: 852px;
	height: 390px;
	z-index: 1;
	background-color: #000;
}
	.slidepics {
		width:852px;
		height:390px;
		margin:0;
		overflow:hidden;
		padding:0;
	}
	
/* ==== Watermark ================= */

#watermark {
	margin-top: 15px;
	margin-left: 785px;
	position: absolute;
	z-index: 210;
}

/* ==== Slogan ================= */

#slogan {
	margin-top: 350px;
	margin-left: 62px;
	position: absolute;
	z-index: 220;
}
	#slogan p {
		color: #717073;
		font-style: italic;
	}


/* ==== Navigation ================= */

#navigation {
	margin: 0px 0px 0px 50px;
	width: 200px;
	height: 373px;
	padding: 17px 0px 0px 0px;
	float: left;
	position: absolute;
	z-index: 100;
	background: url(../userfiles/nav_trans.png) repeat top;
	overflow: hidden;
}

	#nav {
		padding-top: 55px;
		padding-left: 10px;
		height: 248px;
	}
	#nav ul {
		width: 180px;
		margin: 0;
		padding: 0;
		display: inline-block;
		font-family: "Trebuchet MS";
		color: #fff;
		font-size: 11px;
		line-height: 21px;
		letter-spacing: 1px;
		overflow: hidden;
		border-bottom: 1px dotted #58595a;
		list-style-type: none;
	}
		#nav ul li {				
			border-top: 1px dotted #58595a;
			width: 180px;
		}
		#nav ul ul {
			border: 0;
			padding-left: 14px;
			line-height: 19px;
			margin-top:-2px;
			margin-bottom: 2px;
		}	

		#nav ul ul li {
			border: 0;

		}
		#nav ul ul li a {
			background-image: url(../userfiles/nav_arrow_grey.png);
			background-repeat: no-repeat;
			background-position: 0px 50%;

		}
		#nav ul ul ul {
			padding-left: 14px;
		}

		#nav a:link, #nav a:visited, #nav a:active {
			color: #fff;
			text-decoration: none;
			margin: 0;
			padding: 0 0 0 16px;
		}
		#nav a:hover {
			color: #58595a;
			background-image: url(../userfiles/nav_arrow_grey.png);
			background-repeat: no-repeat;
			background-position: 0px 50%;
		}
		#nav a.selected { 
			color: #58595a;
			background-image: url(../userfiles/nav_arrow_grey.png);
			background-repeat: no-repeat;
			background-position: 0px 50%;
		}

/* ==== Child Navigation ================= */

#navigation_child {
	margin-left: 0px;
	width: 180px;
	padding: 0px;
	padding-left: 30px;
	margin-top: 12px;
}
	#main_content #navigation_child h4 {
		font-size: 12px;
		font-weight: normal;
		margin: 8px 0 5px 0;
		padding: 0px;
		color: #000;
	}
	#main_content #nav_child {
		padding-bottom: 5px;
	}
	#main_content #nav_child ul {
		width: 180px;
		margin: 0;
		padding: 0;
		display: inline-block;
		color: #fff;
		font-size: 11px;
		line-height: 16px;
		margin-left: 0px;
		padding-left: 14px;
		text-indent: -20px;
		list-style-type: none;
		list-style-image: none;
		list-style-position: outside;
		border-top: 1px dotted #b6b8ba;
		border-bottom: 1px dotted #b6b8ba;
	}
		#main_content #nav_child ul li {							
			padding: 3px 0 3px 0;
			margin-bottom: 0;
			color: #58595a;
		}
		#main_content #nav_child ul ul {
			border: 0;
		}	
		#main_content #nav_child ul ul {
			padding-left: 14px;
		}
		#main_content #nav_child ul ul li {
			border: 0;

		}
		#main_content #nav_child ul ul li a {
			background-image: url(../userfiles/nav_arrow_grey.png);
			background-repeat: no-repeat;
			background-position: 0px 50%;

		}
		#main_content #nav_child ul ul ul {
			padding-left: 14px;
		}

		#main_content #nav_child a {
			color: #58595a;
			text-decoration: none;
			margin: 0;
			padding: 0px 0 0px 20px;
			background-image: url(../userfiles/nav_arrow_grey.png);
			background-repeat: no-repeat;
			background-position: 6px 50%;
		}
		#main_content #nav_child a:hover {
			color: #2ba6e3;		
		}
		#main_content #nav_child a.selected { 
			color: #2ba6e3;			
		}
		
/* ==== Child Navigation 2 ================= */
		
		#main_content #nav_child_2 {
			padding-top: 10px;
			padding-bottom: 5px;
		}		
		#main_content #nav_child_2 ul {
			width: 180px;
			margin: 0;
			padding: 0;
			display: inline-block;
			color: #58595a;
			font-size: 11px;
			line-height: 16px;
			padding-left: 0px;
			text-indent: -16px;
			list-style-type: none;
			list-style-image: none;
			list-style-position: outside;
			border-bottom: 1px dotted #b6b8ba;
			
		}
			#main_content #nav_child_2 ul li {				
				border-top: 1px dotted #b6b8ba;
				padding: 3px 0 3px 0;
				margin-bottom: 0;
				color: #58595a;
			}
			#main_content #nav_child_2 ul ul {
				border: 0;
			}	
			#main_content #nav_child_2 ul ul {
				padding-left: 14px;
			}
			#main_content #nav_child_2 ul ul li {
				border: 0;

			}
			#main_content #nav_child_2 ul ul li a {
				background-image: url(../userfiles/nav_arrow_grey.png);
				background-repeat: no-repeat;
				background-position: 0px 50%;

			}
			#main_content #nav_child_2 ul ul ul {
				padding-left: 14px;
			}

			#main_content #nav_child_2 a {
				color: #58595a;
				text-decoration: none;
				margin: 0;
				padding: 0 0 0 16px;
				background-image: url(../userfiles/nav_arrow_grey.png);
				background-repeat: no-repeat;
				background-position: 0px 50%;
			}
			#main_content #nav_child_2 a:hover {
				color: #2ba6e3;
			}
			#main_content #nav_child_2 a.selected { 
				color: #2ba6e3;
			}

/* ==== Login ================= */

#login {
	margin: 7px 0px 10px 20px;
	width: 170px;
	padding: 10px 15px 0px 15px;
	float: left;
	background: url(../userfiles/black_shadow.png) repeat-x top #191919;
}
	#main_content #login h1 {
		font-family: "Trebuchet MS";
		color: #fff ;
		font-weight: normal;
		font-size: 18px;
		line-height: 21px;
		margin-top: 2px;
	}
	#main_content #login p {
		color: #58595a;
		font-size: 11px;
		text-align:left;
		margin: 0;
		padding: 0;
	}
	#main_content #login form {
		margin-top: 5px;
	}
	#main_content #login label {
		display:block;
		color: #58595a;
		font-size: 11px;
		width:100%;
		text-align:left;
		margin:0px;
		padding: 0;
	}
	#main_content #login .submit_login {
		margin-top: 0px;
		margin-bottom: 15px;
		float: right;
	}
	input.login, select.login, textarea.login {
		width: 160px;
		margin-bottom: 7px;
	}
	#login a {
		font-size: 11px;
		color: #58595a;
		text-decoration: none;
	}
	#login a:hover {
		color: #2ba6e3;
	}
	
	#login_text {
		margin-left: 20px;
		width: 170px;
		padding: 0px;
	}

/* ==== Content Panel ================= */

#container_content {
	width: 100%;
	height: 1%;
	padding: 0px;
	padding-bottom: 0px;
	margin: auto;
	background-image: url(../userfiles/grey_bgnd_3.jpg);
	background-repeat: no-repeat;
	background-position: 284px 0px;
}
#container_content_clean {
	width: 100%;
	height: 1%;
	padding: 0px;
	padding-bottom: 0px;
	margin: auto;
	background-image: url(../userfiles/grey_bgnd_clean.jpg);
	background-repeat: no-repeat;
	background-position: 284px 0px;
}	
	
	#main_content {
		width: 852px;
		height: auto;
		margin: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		background-repeat: repeat-y;
		background-position: top right;		
	}
		.linesx2 {
			background-image: url(../userfiles/column_line_2.png);
		}
		.linesx3 {
			background-image: url(../userfiles/column_line_3.png);
		}
		
		.columnx3 {
			width: 229px;
			height: auto;
			margin: 0;
			padding: 10px 25px 0 30px;
			float: left;
		}
		
		.columnx2_1 {
			width: 229px;
			height: auto;
			margin: 0;
			padding: 10px 25px 0 30px;
			float: left;
		}
		.columnx2_2 {
			width: 513px;
			height: auto;
			margin: 0;
			padding: 10px 25px 0 30px;
			float: left;
		}
		
		#main_content p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #58595a;
			text-align: left;
			line-height: 19px;
			margin: 5px 0 5px 0;
		}
		#main_content h1 {
			font-size: 14px;
			font-weight: normal;
			margin: 12px 0 5px 0;
			padding: 0px;
			color: #000;
		}
		#main_content h2 {
			font-size: 12px;
			font-weight: normal;
			margin: 8px 0 5px 0;
			padding: 0px;
			color: #58595a;
		}
		#main_content h2.banner_heading {
			font-family: "Trebuchet MS";
			letter-spacing: 1px;
			padding: 0;
			margin-top: -31px;
			margin-left: -27px;
			font-weight: normal;
			font-size: 30px;
			color: #fff;
			position: absolute;
			z-index: 300;
		}
		#main_content h3 {
			font-size: 11px;
			font-weight: normal;
			margin: 8px 0 5px 0;
			padding: 0px;
			color: #58595a;
		}
		#main_content h4 {
			font-size: 11px;
			font-weight: bold;
			margin: 8px 0 5px 0;
			padding: 0px;
			color: #58595a;
		}
		#main_content ul {
			margin: 0;
			padding: 0px 0 0px 15px;
			list-style-image: url(../userfiles/con_arrow.gif);
			list-style-type: none;
			display: block;
		}
		#main_content ol {
			margin: 0;
			padding: 0px 0 0px 15px;  
			display: block;
			line-height: 20px;
		}
		#main_content li {
			margin-bottom: 5px;
		}

		#main_content img {
			padding: 7px;
			border: 1px solid #b6b8ba;
			background-color: #fff;
		}
		
		#main_content img.web {
			margin-top: 7px;
			padding: 7px;
			border: 1px solid #b6b8ba;
			background: none;
		}

		#main_content table {
			margin-top: 10px;
			margin-bottom: 10px;
			border-collapse:collapse;
			border: 0;
		}
		#main_content td img {
			padding: 7px;
			border: 1px solid #b6b8ba;
			background-color: #fff;
			margin: 0 0px 10px 0px;
			
		}
		#main_content td {
			padding: 15px 10px 10px 5px;
			vertical-align: top;
			border-top: 1px solid #b6b8ba;
		}
		#main_content table.ccontent {
			width: 518px;
			margin: 0px;
			padding: 0px;
			border-collapse:collapse;
			border: 0;
		}
		#main_content td.content {
			margin: 0px;
			padding: 0px;
			padding-bottom: 40px;
			border: 0;
			vertical-align: top;
		}
		#main_content td.image {
			border: 0;
			padding: 10px 0 40px 20px;
			margin: -12px 0px 0px 6px;
			float: right;
			border-left: 1px solid #b6b8ba;
		}
		#main_content td.image img {
			margin: 10px -1px 0 0px;
		}
		#main_content td.image p {
			font-size: 9px;
			font-style: italic;
			padding: 0;
			margin: 3px 0 0 0;
			color: #58595a;
		}
		#main_content form {
			margin-top: 5px;
		}
		#main_content label {
			display:block;
			color: #58595a;
			font-size: 11px;
			float:left;
			width:100%;
			text-align:left;
			margin:0px;
			padding: 0;
		}
		#main_content .submit {
			padding-left:0px;
		}
		input.input, select.input, textarea.input {
			width: 100%;
			margin-bottom: 7px;
		}

		.line {
			border-top: 1px solid #b6b8ba;
			clear: both;
			margin: 10px 0 10px 0;
		}
		.double_line {
			border-top: medium double #b6b8ba;
			clear: both;
			margin: 7px 0 0px 0;
		}

/* ==== Modules: News Feed, Featured Project & Quicklinks ================= */

#container_module_3 {
	width: 100%;
	height: 1%;
	padding: 0px;
	padding-bottom: 30px;
	margin: auto;
	background: url(../userfiles/black_shadow.png) repeat-x top #131313;
}

	#main_module {
		width: 852px;
		height: auto;
		margin: auto;
		padding: 15px 0px 10px 0px;	
	}
		.mcolumnx3 {
			width: 229px;
			height: auto;
			margin: 0;
			padding: 0 25px 0 30px;
			float: left;
		}
		#main_module h2 {
			font-family: "Trebuchet MS";
			color: #717073 ;
			font-weight: normal;
			font-size: 15px;
			line-height: 21px;
			letter-spacing: 1px;
			margin-top: 2px;
			padding-bottom: 5px;
			border-bottom: 1px solid #717073;
		}
		#main_module p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #fff;
			text-align: left;
			line-height: 19px;
			margin: 5px 0 5px 0;
			
		}
		#main_module img {
			float: left;
			margin-right: 10px;
			margin-bottom: 2px;
		}
		#main_module h3 {
			font-size: 11px;
			color: #58595a;
			margin: 0;
			padding: 0;
			display: inline;
		}
		#main_module h3 a {	
			font-size: 11px;
			color: #58595a;		
			text-decoration: none;
			margin: 0;
			padding: 0;
		}
		#main_module h3 a:hover {
			color: #2ba6e3;
		}
		#main_module h4 {
			font-size: 11px;
			font-weight: normal;
			margin: 0px;
			padding: 0px;
			color: #b7b8b8;
			display: inline;
		}
		#main_module ul {
			margin: 0;
			padding: 0px 0 0px 15px;
			list-style-image: url(../userfiles/nav_arrow_grey.png);
			list-style-type: none;
			display: block;
		}
		#main_module .line {
			border-top: 1px solid #b6b8ba;
			clear: both;
			margin: 10px 0 15px 0;
		}
		
		#main_module .quick_image {
			margin: 10px 10px 10px 0;
			width: 40px;
		}
		#main_module .quick_text {
			margin: 0px 0px 5px 0;
			float: left;			
		}
			#main_module .width_img {
				width: 180px;
			}
			#main_module .width_noimg {
				width: 225px;
			}
		
		
/* ==== Product Details ================= */

#main_content .product_col2 {
	margin-top: 12px;
	text-align: left;
}

	#main_content .product_col2 img {
		padding: 7px;
		border: 1px solid #b6b8ba;
		background-color: #fff;
	}
	#main_content .product_col2 p {
		font-size: 10px;
		font-style: italic;
		padding: 0;
		margin: 3px 0 10px 0;
		color: #58595a;
	}
						
/* ==== News Details =================*/

#news {
	width: 513px;
	height: auto;
	margin: auto;
	padding: 0px;
	padding-top: 2px;
}
	#news h3 {
		font-family: "Trebuchet MS";
		font-size: 16px;
		font-weight: normal;
		margin: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0px;
		color: #58595a;
	}
	#news .line {
		border-top: 1px solid #b6b8ba;
		clear: both;
		margin: 0px 0 7px 0;
	}
	#news_container {
		width: 536px;
		height: 1%;
		margin: 0;
		padding: 10px 0 10px 0px;	
		float: left;	
	}	
	.newsDark { 
		
		border-top: 1px solid #b6b8ba;
		background: url(../userfiles/grey_bgnd_news.jpg) repeat-x top;
	}
	.newsLight { 
		background-color:#ffffff;
		border-top: 1px solid #b6b8ba;
	}
	
		.news_image {
			width: 110px;
			float: left;
			padding-left: 10px;
		}
		.news_image img {
			margin-top: 4px;
			padding: 0px !important;
			border: 0 !important;
			background-color: #fff;
		}
		.news_summary {
			width: 370px;
			padding-left: 5px;
			float: left;
		}
			.news_summary h2 {
				font-size: 11px;
				font-weight: normal;
				margin: 0px;
				padding: 0px;
				color: #58595a;
				display: inline;
			}
			.news_summary h1 {
				font-size: 14px;
				font-weight: normal;
				margin: 0px;
				padding: 0px;
				color: #58595a;
				display: inline;
			}
			.news_summary a {
				font-size: 14px;
				margin: 0;
				padding: 0;
				font-size: 11px;
				color: #2ba6e3;
			}
			.news_summary a:hover {
				color: #58595a;
			}
			.news_summary p{
				margin: 0;
				margin-bottom: 5px;
				padding: 0;
				font-size: 11px;
				color: #58595a;
				line-height: 19px;
				text-align: left;
			}

/* ==== Sitemap ================= */

		#main_content .sitemap ul {
			margin: 0;
			padding: 0;
			padding-left: 15px;
			list-style-image: url(../userfiles/con_arrow.gif);
			list-style-type: none;
			display: block;
			line-height: 22px;
		}
			#main_content .sitemap ul li{
				margin: 0;
				padding: 0;
			}
			
			#main_content .sitemap ul li a {
				margin: 0;
				padding: 0;
				font-weight: bold;
				display: block;
				color: #58595a;
			}
			#main_content .sitemap ul li a:hover {
				color: #2ba6e3;
			}
						
			#main_content .sitemap ul ul ul ul {
				list-style-image: url(../userfiles/con_dash.gif);
				list-style-type: none;		
			}
			
			/* ===== Sitemap Lines ===== */			
			#main_content .sitemap ul ul li {
				font-weight: normal;
				color: #58595a;
			}
			#main_content .sitemap ul ul ul li {
				font-style: italic;
				color: #000;
			}			
			#main_content .sitemap ul ul ul ul li {
				font-style: normal;
				color: #58595a;				
			}			
			#main_content .sitemap ul ul ul ul ul li {
				font-style: italic;
				color: #58595a;
			}
			
			/* ===== Sitemap Links ===== */
			#main_content .sitemap ul ul li a {
				font-weight: normal;
				color: #58595a;
			}
			#main_content .sitemap ul ul ul li a {
				font-style: italic;
				color: #000;
			}
			#main_content .sitemap ul ul ul ul li a {
				font-style: normal;
				color: #58595a;
				
			}			
			#main_content .sitemap ul ul ul ul ul li a {
				font-style: italic;
				color: #58595a;
			}
						
/* ==== Clearer ================= */
	
.clearer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}

/* === Error Message ========================= */

#message {
	margin-top: 0.6em;
	margin-bottom: 10px;
	padding:  12px 12px 12px 50px;
	color: #58595a;
}
	.error {	
	border-top : 1px solid #b10121;
	border-bottom : 1px solid #b10121;
	background: #ffebe8;
	background-image: url(../jjd_cms/images/icon_error.png); /*custom bullet list image*/ 
	background-repeat: no-repeat;
	background-position: 15px 5px;
}

#message_form p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #58595a;
	text-align: left;
	line-height: 19px;
	margin: 5px 0 5px 50px;

}

#message ul{
	margin: 2px 0 0 15px;
	padding: 0;
	list-style-image: url(../jjd_cms/images/con_arrow.gif); /*custom bullet list image*/ 
	line-height: 1em;
}


#message li {
	padding: 3px;
	text-align: left;
}

	.success {
	border-top : 1px solid #aee756;
	border-bottom : 1px solid #aee756;
	background: #f7fde5;
	background-image: url(../jjd_cms/images/icon_success.png); /*custom bullet list image*/ 
	background-repeat: no-repeat;
	background-position: 15px 5px;
}

	.success a {
	color: #58595a;
	text-decoration: underline;
}

/* === Bottom Nav & Footer ========================= */

.bottom {
	width: 832px;
	text-align: center;
	padding: 1em;
	margin: auto;
	font-size: 10px;
	color: #58595a;
	background: #000;
}
	.bottom a {
		font-size: 10px;
		color: #58595a;
		text-decoration: none;
	}
	.bottom a:hover {
		color: #2ba6e3;
	}
	.bottom .co_name {
		text-align: center;
		padding: 0 10px 0 0px;
	}
	.bottom .links {
		float: left;
		width: 832px;
	}
	.bottom .designer {
		text-align: center;
		padding: 0 0px 0 10px;
	}
		
	
/* === Form Button ========================= */	

.btn { line-height: 1.1em; display: block; position: relative; background: #aaa; padding: 5px; float: left; margin: 15px 10px 0 0; text-decoration: none; cursor: pointer; }
a.btn { color: #fff; }
a:hover.btn { color: #000; }
.btn * { font-style: normal; background-image: url(../userfiles/btn.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #58595a; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../userfiles/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #58595a; }

/* === Slider ========================== */

#slider {
			margin: auto;
		}	
		#slider ul, #slider li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#slider li{ 
			width: 229px;
			height: 200px;
			margin: 0;
			overflow: hidden; 
		}
			#nextBtn, #prevBtn,#slider1next, #slider1prev { 
				display:block;			
				padding: 0;
				margin: 10px;
				position: absolute;
				z-index: 500;
				}

			#prevBtn a, #slider1prev a {  			
				display:block;
				position: absolute;
				z-index: 600;
				}	
			#nextBtn a, #slider1next a{ 
				display:block;			
				margin-left: 35px;
				position: absolute;
				z-index: 700;
				}	

			#nextBtn a:hover, #prevBtn a:hover, #slider1nexta:hover, #slider1prev a:hover{ 
			  	background-position: 0 -17px;
			}
			pre { width:99%; margin:auto; border:2px inset #ccc; background-color:#fffffa; padding:4px; overflow:auto;
				white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
				white-space: -pre-wrap; /* Opera 4 - 6 */
				white-space: -o-pre-wrap; /* Opera 7 */
				white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
				word-wrap: break-word; /* IE 5.5+ */ }
			pre.terms { height:300px; margin-bottom: 10px; }		

/*
   ----------------------------------------------------------------
   GBCF-V3 GRAY STYLE SHEET - MIKE CHERIM HTTP://GREEN-BEAST.COM
   ----------------------------------------------------------------
   To use for testing, this stylesheet must be named default.css
*/

/* === form div and elements ======================================= */

#form-div { 
  font-family : "Trebuchet MS";
	font-size: 12px;
  width : 513px;
  margin : auto;
  color : #555;
  line-height : 1.7em;
}

#form-div p.form-footer {
  margin : -35px 2px 20px 13px;
 }

#form-div p.form-footer a { 
  color : #444; 
}

#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active { 
  color : #000; 
  text-decoration : none; 
}

#form-div p.form-footer a:focus, #form-div p.form-footer a:active { 
  background-color : #eee; 
}


/* === form div link styles ======================================== */

#form-div a { 
  color : #444; 
}

#form-div a:hover, #form-div a:focus, #form-div a:active { 
  color : #2ae; 
  text-decoration : none; 
}

#form-div a:focus, #form-div a:active { 
  background-color : #fff; 
}


/* === success and error message/results box ======================= */

#form-div p.success, #form-div p.error, #form-div p.center { 
  	color : #58595a;
	padding: 12px 12px 12px 50px;
	border-top : 1px solid #aee756;
	border-bottom : 1px solid #aee756; 
  	background-color : #f7fde5;
  	margin : 5px 3px;
  	text-align : left;
	background-image: url(../jjd_cms/images/icon_success.png); /*custom bullet list image*/ 
	background-repeat: no-repeat;
	background-position: 15px 8px;
}

#form-div p.error { 
	border-top : 1px solid #b10121;
	border-bottom : 1px solid #b10121;
  	background-color : #ffebe8; 
	background-image: url(../jjd_cms/images/icon_error.png); /*custom bullet list image*/ 
	background-repeat: no-repeat;
	background-position: 15px 8px;
}

#form-div p.error a, #form-div p.success a {
  color : #58595a;
}

#form-div p.center {
  text-align : center;
  background-color : #edbaba;
  color : #000;
  margin-top : -3px;
  padding : 0px 4px; 
}

#form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active, 
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
  color : #444; 
}

#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {

}


/* === structural form elements ==================================== */

form#gbcf-form { }

fieldset.main-set,
fieldset.req-set,
fieldset.opt-set { 
  border : 1px solid #eee;
  padding : 5px;
}


/* === textural form elements ====================================== */

#form-div legend { 
  font-weight : bold;
}

#form-div legend span { }

legend.main-legend { 
  color : #2ae;
  font-size : 110%;
}

legend.req-legend,
legend.opt-legend { 
  color : #2ae;
}

legend.main-legend span { }
legend.main-legend { }

legend.req-legend span { }
legend.req-legend {
  margin-left : -2px;
}

legend.opt-legend span { }
legend.opt-legend { 
  margin-left : -2px;
}

label.req-label, label.opt-label {
  color : #444;
}

label.opt-label.check {
  float : right;
  padding : 0;
  margin : 1px 4px;
  cursor : pointer;
}

label.opt-label.main-label {
  margin : 0 2px;
  font-weight : bold;
}

label.opt-label.main-label span {
  font-weight : normal;
  color : #666;
}

label.opt-label.main-label span.req, label span.req  {
  font-weight : bold;
  color : #c70000;
}

label.req-label.explain {
  color : #666;
  font-size : .8em;
}

label.req-label.explain:hover {
  color : #000;
}

/* === control and interface form elements ========================= */
/*
  note: In this section you will see the hover/focus styles for the 
  inputs. For example: input:hover, input:focus. You will also see 
  these names applied as classes: input.hover, input,focus, for 
  example. This is not done by mistake. Those classes are needed for 
  the JavaScript focus script (files/focus.js) for IE 7 and older.
*/

input.text-long.address, input.text-long.address:hover, input.text-long.address:focus,
input.text-long.address.hover, input.text-long.address.focus {
  border-bottom : 0;
  margin-bottom : 0;
  padding-bottom : 2px;
  border-bottom : 1px dotted #bbb;
}

input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus,
input.text-long.address2.hover, input.text-long.address2.focus {
  border-top : 0;
  margin-top : 0;
  padding-top : 2px;
  border-top : 1px dotted #bbb;
}

input.checkbox {
  border : 1px solid #999;
  width : .9em;
  height : .9em;
  padding : 0;
  margin : 0;
  cursor : pointer;
}

input.checkbox:hover, input.checkbox.hover,
input.checkbox:focus, input.checkbox.focus {
  border : 1px solid #666;
}

input.text-short, 
input.text-med, input.text-city, input.text-state, input.text-pc,
input.text-long,
select.select,
textarea.textarea {
  font : 1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  border : 1px solid #999;
  background-color : #fffffe;
  cursor : text;
  padding : 1px 2px;
}

select.select {
  padding : 1px 0;
}

input.text-short {
  width : 460px;
}

table#terms {
	border:0;
	margin:0;
	padding:0;
	margin-top:5px;
}
table#terms td{
	border:0;
	margin:0;
	padding:0 5px 0 0;
}
input.text-city {
  width : 238px;
}

input.text-state{
  width : 100px;
}

input.text-pc {
  width : 100px;
}


input.text-med {
  width : 460px;
margin-bottom: 6px;
}

select.select {
  width : 465px;
margin-bottom: 6px;
}


input.text-long {
  width : 460px;
}

textarea.textarea {
  width : 400px;
  height : 100px;
}

select.select, select.select option {
  cursor : pointer;
}
select#option-menu {
	
}

input.text-short:focus, input.text-short.focus, 
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
  border : 1px solid #666;
  background-color : #FCFCFC;
}

input.button { 
  font : 1.1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  font-weight : bold;
  margin-top : 8px;
  padding : 1px 10px;
  cursor : pointer;
  float : right;
  clear : both;
  color : #444;
}

input.button:hover, input.button.hover,
input.button:focus, input.button.focus {
  color : #333;
}

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html input.button {
  border : 1px solid #666;
}