/*
Theme Name: HT Lyons Theme 2010
Theme URI: http://www.401creative.com
Description: The default WordPress theme for HT Lyons
Version: 1
Author: Devon Beck
Author URI: http://www.401creative.com
*/


/* CSS Document */

@import url("reset.css");

/* COLOR DECLARATION ----------------

LIGHT GREEN:	6eb43f
DARK GREEN:		064e2a
BLACK:			212121
GREY:			c7c5c5

*/

/* GLOBALS --------------------- */

* {
	margin: 0;
}
html, body {
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
	font-size:12px;
	line-height:18px;
}
body {
	background:#e7e7e7 url(images/inside-bg.gif) 0 0 repeat-x;
}
body.home {
	background-image:url(images/home-bg.gif);
}

.clear {
	display:block;
	clear:both;
	height:0px;
	width:0px;
}

h2,h3,h4 {
	font-weight:normal;
	color:#6eb43f;
	font-size:18px;
	padding-bottom:14px;
}
h4 { color:#c7c5c5; }
h2 { border-bottom:1px dashed #c7c5c5; margin-bottom:15px; }
h5 {
	font-weight:bold;
	color:#212121;
	font-size:12px;
	padding-bottom:10px;
}
h4 a {
	text-decoration: none;
	color:#212121;
	border-bottom:1px dashed #fff;
}
	h4 a:hover {
		color:#6eb43f;
		border-bottom:1px dashed #c7c5c5;
	}
p {
	padding-bottom:15px;
}

#container {
	width:100%;
}
img {
	background:#fff;
	padding:9px;
	border:#c7c5c5 1px dashed;
	margin-bottom:15px;
}
.date-tag {
	float:left;
	background:#fff;
	padding:9px;
	border:#c7c5c5 1px dashed;
	margin:3px 15px 15px 0;
}
	.date-tag-inside {
		padding:5px 10px;
		background:#6eb43f;
		font-size:9px;
		color:#fff;
		text-shadow:#5c8c3c 0 1px 3px;
		line-height:10px;
		text-align: center;
	}
	.date-tag em, .date-tag span {
		display:block;
	}
	.date-tag .month-day {
		font-size:10px;
		line-height:11px;
		text-transform:uppercase;
	}
	.date-tag .year {
		font-size:13px;
		line-height:14px;
		font-weight: bold;
	}


/* HEADER ------------------------ */
#header-container {
	position:relative;
	width:949px;
	height:128px;
	margin:0 auto;
}
#header-container h1 {
	float:left;
	margin-top:20px;	
}
#header-container h1 a {
	text-indent:-9999px;
	display:block;
	width:185px;
	height:60px;
	background:url(images/main-logo.jpg) 0 0 no-repeat;
}
	#header-container h1 a:hover {
		background-position:0 -60px;
	}


/* PRIMARY NAV ------------------------ */	
#primary-nav {
	position:absolute;
	left:0;
	bottom:0;
}
	#primary-nav li {
		font-size:16px;
		float:left;
		margin-right:30px;
	}
	#primary-nav a {
		display:block;
		color:#fff;
		line-height:30px;
		text-decoration:none;
		border-bottom:1px solid #fff;
	}
		#primary-nav a:hover, #primary-nav .current_page_item a, #primary-nav a:hover, #primary-nav .current_page_parent a {
			color:#064e2a;
			border-bottom:1px solid #064e2a;
		}


/* SECONDARY NAV ------------------------ */	
#secondary-nav {
	position:absolute;
	right:0;
	top:60px;
}
	#secondary-nav li {
		font-size:12px;
		font-weight:bold;
		float:left;
		margin-left:22px;
	}
	#secondary-nav a {
		display:block;
		color:#212121;
		line-height:20px;
		text-decoration:none;
		border-bottom:1px dashed #fff;
	}
		#secondary-nav a:hover, #secondary-nav .current_page_item a, #secondary-nav a:hover, #secondary-nav .current_page_parent a {
			color:#6eb43f;
			border-bottom:1px dashed #c7c5c5;
		}


/* TERTIARY NAV ------------------------ */	
ul.tertiary-nav {
	padding-left:0px;
}
	ul.tertiary-nav li {
		font-size:12px;
		font-weight:bold;
		margin-bottom:10px;
		line-height:15px;
	}
	.tertiary-nav a {
		display:block;
		color:#212121;
		text-decoration:none;
		padding:7px 15px;
	}
	.solutions-nav a {
		display:block;
		color:#212121;
		text-decoration:none;
		padding:0px;
	}
		.tertiary-nav a:hover, .tertiary-nav .current_page_item a, .tertiary-nav .current-cat a, .solutions-nav a:hover, .solutions-nav .current_page_item a, .solutions-nav .current-cat a {
			color:#6eb43f;
		}
		
		ul.tertiary-nav ul, ul.solutions-nav ul {
			display: none;
		}
		ul.tertiary-nav .current_page_item ul, ul.tertiary-nav .current-cat ul, ul.solutions-nav .current_page_item ul, ul.solutions-nav .current-cat ul {
			display:block;
			margin-top:5px;
			padding:0 0 0 20px;
			border-top:1px solid #eee;
			
		}
			ul.tertiary-nav ul li, ul.solutions-nav ul li {
				margin:5px 0;
				padding-bottom:5px;
				border-bottom:1px solid #eee;
			}
			ul.tertiary-nav li.current_page_item, ul.tertiary-nav li.current-cat, ul.solutions-nav li.current_page_item, ul.solutions-nav li.current-cat {
				background:#efefef;
			}
			.tertiary-nav .current_page_item ul a, .tertiary-nav .current-cat ul a, .solutions-nav .current_page_item ul a, .solutions-nav .current-cat ul a {
				color:#212121;
			}
			.tertiary-nav .current_page_item ul a:hover, .tertiary-nav .current-cat ul a:hover, .solutions-nav .current_page_item ul a:hover, .solutions-nav .current-cat ul a:hover {
				color:#6eb43f;
			}


/* CAROUSEL ------------------------ */
#carousel-container {
	width:100%;
	min-width:949px;
	height:133px;
	overflow:hidden;
	position:relative;
}
.home #carousel-container {
	height:414px;	
}
	#carousel-container #carousel-images {
		display:block;
		width:1440px;
		height:133px;
		position:absolute;
		top:0;
		left:50%;
	}
	.home #carousel-container #carousel-images{
		height:414px;
	}
		#carousel-container #carousel-images li {
			display:block;
			width:1440px;
			height:133px;
			position:absolute;
			top:0;
			left:0;
		}
		.home #carousel-container #carousel-images li {
			height:414px;
		}
		#carousel-container img {
			border:0px none;
			padding:0px;
			position:absolute;
			top:0px;
			left:-720px;
		}
	#carousel-ticker {
		position:absolute;
		bottom:10px;
		left:50%;
		width:900px;
		height:50px;
		z-index:10;
	}
		#carousel-ticker li {
			width:900px;
			position:absolute;
			left:-450px;
		}
			#carousel-ticker li div {
				float:right;
				display:block;
				height:50px;
			}
				#carousel-ticker li .ticker-left {
					width:19px;
					background:url(images/carousel-ticker-left.png) 0 0 no-repeat;
				}
				#carousel-ticker li .ticker-right {
					width:19px;	
					background:url(images/carousel-ticker-right.png) 0 0 no-repeat;
				}
				#carousel-ticker li .ticker-area {
					background:url(images/carousel-ticker.png) 0 0 repeat-x;
				}
		#carousel-ticker a {
			display:block;
			line-height:20px;
			color:#fff;
			text-decoration:none;
			margin-top:15px;
			padding-right:25px;
			background:url(images/carousel-ticker-arrow.gif) right center no-repeat;
		}

/* CONTENT ------------------------ */
#content-container {
	width:100%;
}
	#content {
		position:relative;
		top:-20px;
		width:949px;
		margin:0 auto;
		background:url(images/content-top.png) 0 0 no-repeat;
		z-index:100;
	}
		#content-inside {
			position:relative;
			top:51px;
			width:899px;
			padding:0 25px;
			background:url(images/content-bg.gif) 0 0 repeat-y;
		}
			#main-content {
				position:relative;
				top:-30px;
			}
			
			.column {
				float:left;
				margin-right:20px;
			}
			.column-last {
				margin-right:0px;	
			}
			.column_1-4 {
				width:210px;	
			}
			.column_1-2 {
				width:432px;	
			}
			.column_3-4 {
				width:662px;	
			}
	.section {
		margin-bottom:15px;	
		clear:both;
	}
		.section a {
			color:#6eb43f;
			text-decoration:none;
			border-bottom:1px solid #fff;
		}
			.section a:hover {
				border-bottom:1px dashed #c7c5c5;	
			}
		.section .project-blurb p a {
			color:#666;
			text-decoration:none;
			border-bottom:1px solid #fff;
		}
			.section .project-blurb p a:hover {
				color:#6eb43f;
				border-bottom:1px dashed #c7c5c5;
			}
		.section .bq {			
			padding:9px;
			border:#c7c5c5 1px dashed;
			margin-bottom:15px;
		}
		.section blockquote {
			padding:10px 15px 0px 15px;
			background:#6eb43f;
			font-size:14px;
			color:#fff;
			text-shadow:#5c8c3c 0 1px 3px;
			line-height:25px;
		}
		
	.section .aligncenter {
	   display: block;
	   margin-left: auto;
	   margin-right: auto;
	}
	
	.section .alignleft {
	   float: left;
	   margin:0 10px 10px 0;
	}
		.page-id-90 .section .alignleft {
			 margin:0 20px 20px 0;
		}
	
	.section .alignright {
	   float: right;
	   margin:0 0 10px 10px;
	}
	
	.section .wp-caption {
	   border: 1px dashed #c7c5c5;
	   text-align: center;
	   padding:9px 4px 5px 4px;
	}
	
	.section .wp-caption img {
	   margin: 0;
	   padding: 0;
	   border: 0 none;
	}
	
	.section .wp-caption p.wp-caption-text {
	   font-size: 11px;
	   line-height: 14px;
	   padding:0;
	   margin:0;
	   font-style:italic;
	}
	
	.section .ul {			
		padding:9px;
		border:#c7c5c5 1px dashed;
		margin-bottom:15px;
	}	
	.section ul {
		padding:10px 15px 10px 30px;
		background:#6eb43f;
		font-size:13px;
		color:#fff;
		text-shadow:#5c8c3c 0 1px 3px;
		line-height:18px;
		margin-bottom:20px;
	}
	
	.section ul li {
		padding:5px 0;
		list-style:outside disc;
	}
		.section ul li ul {
			padding:5px 0 0 14px;
			 
		}
		
	.section ul li a {
		color:#fff;
		text-decoration: none;
		border-style: dashed;
	}
	.section ul li a:hover {
		color:#EEE;
	}

	
	.section .ol {			
		padding:9px;
		border:#c7c5c5 1px dashed;
		margin-bottom:15px;
	}	
	.section ol {
		padding:10px 15px 10px 35px;
		background:#6eb43f;
		font-size:13px;
		color:#fff;
		text-shadow:#5c8c3c 0 1px 3px;
		line-height:18px;
	}
	
	.section ol li {
		padding:5px 0;
		list-style:outside decimal;
	}
		.section ol li ol {
			padding:5px 0 0 14px;
			 
		}



/* PROJECTS ------------------------ */
.project-blurb {
	clear:both;
	margin-bottom:15px;
}
	.project-blurb img {
		float:left;
		margin-right:15px;
	}

.project-images {
	width:670px;
}
.project-images img {
	margin-right:12px;
}


/* FOOTER ------------------------ */
#footer-container {
	position:relative;
	color:#fff;
	font-size:11px;
	width:949px;
	height:140px;
	background:url(images/footer-bg.jpg) 0 bottom no-repeat;
	margin:30px auto;
}
	#footer-container p {
		padding-bottom:0;
	}
	#footer-container a {
		font-weight:bold;
		color:#064e2a;
		text-decoration:none;
		border-bottom:1px dotted #c7c5c5;
	}
		#footer-container a:hover {
			border-color:#064e2a;
		}
	#ppl-strip {
		background:url(images/content-bg.gif) 0 0 repeat-y;
		width:949px;
		height:50px;
		margin:0 auto;
	}
	#ppl-tag {
		display:block;
		height:34px;
		width:890px;
		margin:0 auto;
		border-bottom:1px dashed #c7c5c5;
		position:relative;
	}
		#ppl-tag a {
			text-indent:-9999px;
			position:absolute;
			top:0;
			right:-10px;
			display:block;
			width:141px;
			height:48px;
			background:url(images/ppl-logo.jpg) 0 0 no-repeat;
			border:0px none;
		}
	#offices {		
		position:absolute;
		bottom:28px;
		left:175px;
	}
	#credits {
		position:absolute;
		bottom:28px;
		right:30px;
	}


/* FORM ------------------------ */
form {
	position: relative;
	width:100%;	
}

form .error {
	background:#690028;
	padding:15px;
	margin-bottom:15px;
	border:1px solid #690028;
	color:#fff;
}

form .field, form .textarea {
	background:#e7e7e7;
	padding:15px;
	margin-bottom:15px;
	border:1px solid #e7e7e7;
}
form .errorField {
	border:1px solid #690028;
}
	form .field input, form .textarea textarea  {
		font-family:Arial, Helvetica, sans-serif;
		background:none;
		border:0px none;
		font-weight:bold;
		font-size:12px;
		width:100%;
		color:#212121;
	}
form .submit {
	padding:5px 15px;
}
	form .submit input {
		background:none;
		border:0px none;
		font-weight:bold;
		font-size:12px;
		color:#6eb43f;
		padding:0px;
		cursor:pointer;
	}
	form .submit input:hover {
		border-bottom:1px dashed #c7c5c5;
	}
form .selection {
	padding:0px 15px;
	margin-bottom:15px;
}
form label {
	font-weight: bold;
	margin-right:5px;
}


/* SOLUTIONS LOGOS ------------------------ */
#solutions-logos li {
	float:left;
	display:block;
	width:100px;
	height:100px;
	margin-right:5px;
	margin-bottom:5px;
}
#solutions-logos li img {
	padding:0px;
}
	
	


/* CONTACT POPUP ------------------------ */
#contact-popup {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9000;
	background: url(images/contact-popup-bg.png) 0 0 repeat;
	display:none;
}
	#contact-popup-inside {
		position: fixed;
		bottom:50%;
		right:50%;
		width:503px;
		height:576px;
		overflow:visible;
	}
	
	#contact-popup-inside p{
	width:420px;
	color: #ffffff;
	}
	
	#contact-popup-background {
		width:100%;
		height:100%;
	}
	
	#contact-popup-window{
		position:absolute;
		top:288px;
		left:252px;
		width:503px;
		height:676px;
		background:url(images/contact-popup-inside-bg.png) 0 0 no-repeat;
	}
	
	.close-btn {
		position: absolute;
		right:30px;
		top:20px;
		display: block;
		padding-left:15px;
		background: url(images/contact-close-icon.jpg) left center no-repeat;
		color:#fff;
		text-decoration: none;
	}
	.required-fields {
		position: absolute;
		right:0px;
		top:6px;
		display: block;
	}
	#contact-popup .required-fields {
		color:#fff;
	}
	#contact-popup #contact-form {
		position: absolute;
		width:440px;
		top:80px;
		left:30px;
	}
	#contact-popup p {
		font-size:11px;
		line-height:13px;
	}
		#contact-popup #contact-form .submit {
			position: relative;
		}
		#contact-popup #contact-form .submit input {
			color:#fff;
			border-bottom:1px dashed #86cb58;
		}
			#contact-popup #contact-form .submit input:hover {
				border-bottom:1px dashed #ddd;
			}
		#contact-popup #contact-form .textarea textarea  {
			height:50px;
		}
		#contact-popup #contact-form label {
			color:#fff;
		}
		#contact-popup #contact-form .field, #contact-popup #contact-form .textarea {
			padding:12px;
		}
		
		#page-90 img{
		margin-bottom:60px;
		}