/* CPV 2009 :: main stylesheet
================================================================= */

body, html {
	background:#d5d0ad;
	font-family:Helvetica, Arial, sans-serif;
	font-size:small;
	color:#999;
}

a { /* overall links */
	color:#bbb;
	text-decoration:none;
}

a:hover {
	color:#766c1f;
}


/* containers
----------------------------------------------------------------- */

#wrapper { /* page wrapper */
	margin:0 auto;
	padding: 0;
	width:1000px;
	background:#fff;
}

#header {
	height:156px;
	border:none;
	background:#d5d0ad url(images-cpv/nav_bkgd-IE.png) no-repeat 0 0;
}

	#header #logo {
		position:static;
	}

#searchform {
	top:61px;
	right:40px;
}

#content {
	border:none;
	margin:0;
	padding:0;
}

#author-info {
	background:#f5f5f5;
	margin:20px 0 10px 0;
	padding:20px;
}

#author-info div#author-image {
	float: left; margin: 0 10px 5px 0; border: 5px solid #ddd;
}

.thumbnailimg, .vidthumb { /* container for image/video thumbnails */
	padding:20px 0;
	margin:5px 0;
	border-top:1px dashed #eee;
}

#homeColumns {
	color:#ccc;
	margin:0;
	padding:0 0 0 40px;
}

	#homeColumns #home-blog, #homeColumns #home-tweets {
		float:left;
		display:block;
		border:none;
	}
	
	#homeColumns #home-blog {
		width:565px;
	}
	
		#home-blog div {
			margin:10px 0 0 0;
		}
	
	#homeColumns #home-tweets {
		width:260px;
		margin:0 0 0 40px;
	}
	
	#home-tweets .bird {
		float:right;
	}

.home_btm {
	padding:20px;
	margin:0;
	background:#d5d0ad url(images-cpv/mid_bkgd.png) repeat-y 0 0;
}

#home-end {
	padding:0;
	margin:0 auto;
	width:1000px;
	background:#d5d0ad;
	clear:left;
}

.blogItem, .blogItemSearch { /* formats blog post containers */
	border-bottom:1px solid #eee;
}

span.metadata { /* formats blog post metadata */
	border-bottom:1px dotted #efefef;
}

#colfull {
	margin: 0 50px;
	padding: 25px 0 0 0;
}

#colLeft {
	background: #fff;
	margin: 0 30px;
	padding-bottom:50px;
	width: 560px;
}

	#colLeft .grey {
		background:#eee;
		padding:20px 10px;
		margin:20px 0;
	}

#footerbegin {
	background:#d5d0ad url(images-cpv/pagecontent_btm.png) no-repeat 0 0;
	margin:0 auto;
	padding:0;
	width:1000px;
	height:25px;
}

#footer {
	background:#d5d0ad url(images-cpv/footer_bkgd.png) repeat-y 0 0;
	margin:0 auto;
	padding:0;
	width:1000px;
	height:60px;
}

#footer-info { /* footer contact info */
	margin:0 0 0 40px;
}

#footer-enews { /* footer e-newsletter signup */
	margin:-10px 0 0 660px;
}

#footer-end { /* caps footer */
	margin:0 auto;
	padding:0;
	width:1000px;
}

#clearthis { /* clears page floats for footer */
	clear:both;
}


/* text
----------------------------------------------------------------- */

h1 {
	border-bottom:1px dotted #bbb;
}

#home-blog h3 {
	display:inline;
	font-size:1.1em;
	margin:10px 0 0 0;
}

#author-info h4 {
	font-size:12px;
}

#author-info p {
	font-size:11px;
}

#searchform input#s { /* search form input box */
	background:#f7d591;
	border:1px solid #f2b729;
	font-size:11px;
	color:#8d7f21;
}

	#searchform input#s:focus {
		border:1px solid #e96d1f;
	}

#searchform input#searchsubmit { /* search form button */
	width:25px;
	height:14px;
	background:none;
	font-weight:bolder;
	font-size:14px;
	color:#e96d1f;
	border:none;
}

#searchform input#searchsubmit:hover {
	cursor:pointer;
	color:#f7d591;
}

.thumbnailimg img { /* featured/portfolio lightbox images */
	margin:0 3px 4px 0;
	padding:0;
	display:inline;
}

.vidthumb img { /* featured/portfolio lightbox images */
	margin:0 0 4px 0;
	padding:0;
	display:inline;
}

.rss {
	margin:0 0 10px;
	padding:0;
	border-bottom:1px solid #efefef;
}

.rss img {
	float:left;
	margin-right:15px;
	border:none;
}

.blogimg {
	margin:0 10px 0 0;
	padding:3px;
	border:1px solid #eee;
	width:220px;
}

#content #homeColumns h2 {
	color:#fff;
	text-shadow:.1em .1em .1em #555;
}

#content h2 {
	border:none;
	color:#9e9129;
	text-transform: none;
}

#colRight ul li {
	padding:0;
}

#footer-info dl {
	padding:15px 0 0 0;
	margin:0;
}

	#footer-info dt {
		margin:0 5px;
		padding:0 10px 0 0;
		display:block;
		float:left;
		color:#d6d6d6;
		border-right:1px solid #bbb;
		font-size:11px;
	}
	
		#footer-info dt.last {
		}
	
		#footer-info dt strong {
			text-transform:uppercase;
		}
		
	#footer-info dd {
		margin:0 2px;
		padding:0 2px 0 0;
		display:block;
		float:left;
	}
	
	#footer-info p {
		clear:left;
		color:#d6d6d6;
		margin:0 5px;
		font-size:11px;
		font-weight:bold;
	}

#footer-enews ul { /* positions footer e-newsletter form */
	position:absolute;
	top:20px;
	width:215px;
	margin-left:90px;
}

	#footer-enews li { /* footer e-news form items */
		margin:0;
		padding:0;
		line-height:90%;
	}

#footer-enews label { /* footer e-news description */
	color:#ddd8bb;
	margin:0;
	padding:0;
	font-size:11px;
}

#footer-enews input[type=text], #footer-enews #email-enews { /* footer e-news field */
	background-color:#c9c8c3;
	border:1px solid #aaa;
	padding:0;
	margin:0;
}

#footer-enews input#enewssubmit { /* footer e-news form button */
	width:25px;
	height:14px;
	background:none;
	font-weight:bold;
	font-size:14px;
	color:#ffa940;
	border:none;
}

#footer-enews input#enewssubmit:hover {
	cursor:pointer;
	color:#fff;
}

.enewsphoto { /* positions footer e-newsletter image */
	position:absolute;
	top:9px;
	left:660px;
}

.simplepie ol { /* blog post listings */
	margin:0;
	padding:0;
}

	#homeColumns .simplepie li {
		display:block;
		float:none;
		width:auto;
	}
	
		.simplepie span {
		}

.simplepie img, .simplepie img.alignleft { /* image for homepage blog entries */
	width:220px;
	height:auto;
	float:left;
	margin:0 20px 5px 0;
	border:1px solid #fff;
	clip:auto;
}

#homeColumns #home-blog ul li {
	float:none;
	display:block;
	width:550px;
	margin:0 0 20px 0;
}

#home-tweets dt, #twitter_update_list li { /* twitter item spacing & border */
	color:#d6d6d6;
	margin:3px 0 10px 0;
	padding:3px 0 15px 0;
	border-bottom:1px solid #7e7320;
}

.twitter-timestamp abbr { /* twitter timestamp */
	border:none;
	font-size:x-small;
	color:#7e7320;
	display:block;
	float:right;
}

.tweetbird { /* positions twitter bird */
	margin:-.5em 40% 0 0;
	padding:0;
	float:right;
}

form#commentform label {
	display:block;
	padding:8px 0 2px;
	font-weight:normal;
}

form#commentform input, form textarea {
	border:1px solid #e5e5e5;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
	background:#efefef;
}

form#commentform textarea {
	width:500px;
	background:#efefef;
}

	form#commentform input:hover, form#commentform input:focus, form#commentform input:active, form#commentform textarea:hover, form#commentform textarea:focus, form#commentform textarea:active {
		border:1px solid #999;
	}


form#commentform input#submit{
	border:1px solid #e5e5e5;
	width:157px;
	height:30px;
	text-align:center;
	padding:3px;
	color:#ccc;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	font-size:11px;
	background:#efefef;
}

	#commentform input#submit:hover {
		background:#c30;
		color:#fff;
	}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	margin:0 0 10px 0;
}

#wpcf input {
	float: left;
	width: 200px;
	padding: 5px;
	margin:0 5px 5px 0;
	border:1px solid #e5e5e5;
	background:#efefef;
}

	#wpcf input:hover, #wpcf input:focus, #wpcf textarea:hover, #wpcf textarea:focus {
		border:1px solid #999;
	}

#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 5px;
	margin: 0 5px 10px 0;
	float:left;
}

#wpcf #contactsubmit {
	clear:both;
	float:left;
	border:1px solid #e5e5e5;
	width:157px;
	height:30px;
	text-align:center;
	padding:3px;
	color:#ccc;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:10px;
	font-size:11px;
	background:#efefef;
}

	#wpcf #contactsubmit:hover {
		background:#c30;
		color:#fff;
	}


#colLeft hr {
	width:100%;
	background:none;
	height:1px;
	padding:0;
	margin:2em auto;
	border:none;
	border-top:1px dotted #ccc;
}

/* links
----------------------------------------------------------------- */

#colLeft a {
	color:#766c1f;
	text-decoration:none;
}

	#colLeft a:visited {
		color:#bbb;
	}

	#colLeft a:hover {
		color:#555;
		text-decoration:underline;
	}

#colRight li a {
	text-decoration: none;
	display:block;
	padding:5px;
	color:#999;
}

	#colRight li a:hover {
		color:#766c1f;
	}


#colLeft .blogItem h2 a, #colLeft .blogItem h2 a:visited {
	color: #c30;
	text-decoration: none;
}

	#colLeft .blogItem h2 a:hover {
		color:#766c1f;
		background:none;
	}

.grey ul {
	float:left;
	width:230px;
	margin:10px 40px 0 0;
}

	.grey ul li ul {
		float:none;
		width:230px;
		margin:5px 0;
	}

.blogItemSearch h3 a, .blogItemSearch h3 a:visited {
	color: #aaa;
	text-decoration: none;
}

	.blogItemSearch h3 a:hover {
		color:#c30;
	}

li.cat-item a {
	color:#aaa;
}

	li.cat-item a:hover, li.cat-item:hover {
		color: #999;
	}

a.twitter-link {
	color:#ddd;
	text-decoration:underline;
}

a.twitter-link:hover { /* twitter link hover */
	color:#fff;
	text-decoration:none;
}

#colLeft #author-info h4 a {
	color:#766c1f;
}

	#colLeft #author-info h4 a:hover {
		text-decoration:none;
		color:#888;
	}

#footer-info dt a:hover { /* footer link hover */
	color:#fff;
	text-decoration:none;
}

#footer-info a, #footer-info a:visited {
	color:#d6d6d6;
	text-decoration:none;
	font-weight:normal;
}

	#footer-info a:hover {
		color:#fff;
	}

.home_btm a:hover {
	color:#fff;
	text-decoration:none;
}

#home-blog h3 a {
	color:#fff;
	text-decoration:none;
}

	#home-blog h3 a:hover {
		color:#ddd;
		text-decoration:underline;
	}

.simplepie li a {
	color:#fff;
	text-decoration:none;
}

	.simplepie li a:hover {
		color:#ddd;
		text-decoration:underline;
	}

.thumbnailimg a img, .vidthumb a img {
	border:3px solid #ccc;
}

.thumbnailimg a:hover img, .vidthumb a:hover img {
	border:3px solid #c30;
}

	.thumbnailimg a:active img, .vidthumb a:active img {
		border:3px solid #aaa;
	}

.search-terms {
	color:#7e7320;
}

.more-link {
	display:inherit;
	width:9em;
	height:3em;
	text-indent:0;
	margin:15px 0;
}


#colLeft a.btn {
padding:4px 9px;
text-decoration:none;
text-transform:uppercase;
font-size:7pt;
font-weight:bold;
color:#fff;
background:#7e7320;
border:1px solid #7e7320;
}

#colLeft a.btn:hover {
text-decoration:none;
color:#888;
background:#eee;
border:1px solid #ddd;
}

/* nav
----------------------------------------------------------------- */

#topMenu {
	right:30px;
	top:99px;
	border-left:1px solid #edc370;
}

#topMenu li {
	border-right:1px solid #edc370;
	font-weight:normal;
}

#topMenu li a {
	color:#666;
	text-decoration:none;
	font-weight:normal;
}

#topMenu li a:hover {
	color:#e96d1f;
}

#topMenu li.selected a {
	color:#e96d1f;
	font-weight:bold;
}

/* HOME SLIDER
----------------------------------------------- */

#slider {
	background:url(images-cpv/slider_bkgd.png) no-repeat 0 0;
	margin:0;
	height:428px;
}

	.sliderImg {
		background:none;
		border:none;
		margin:2px 0 0 0;
		padding:0;
		height:390px;
	}

.panel a.butDetails {
	display:block;
	position:absolute;
	width:130px;
	height:auto;
	background:none;
	right:3px;
	bottom:5px;
	text-indent:0;
	color:#e96d1f;
	font-weight:bold;
	text-decoration:none;
}

.panel a.butDetails:hover {
	color:#444;
}

.projName span { /* services descriptions */
	font-size:small;
	line-height:100%;
	display:block;
	margin-top:5px;
	color:#777;
	width:430px;
}

.stepcarousel{
	float:right;
	background:none;
	border:none;
	height: 390px;
}

.stepcarousel .belt{
	position: absolute; 
	left:0;
	top: 0;
}

.stepcarousel .panel{
	float: left; 
	overflow: visible; 
	width: 600px; 
	position:relative;
}

.stepcarousel .panel img {
	border:none;
	width:600px;
}

#sliderFold {
	width:343px;
	margin:1px 0 0 0;
	color:#888;
}

#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst {
	padding:7px 0 7px 20px;
	border:none;
	border-bottom:1px solid #eee;
	height:83px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	color:#888;
}

#content #sliderFold .sliderItem h2  {
	color:#888;
}

#sliderFold .sliderItemOnFirst {
	border-top:none;
}

#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {
	border-right:none;
	background:url(images-cpv/slider_btn_bkgd.png) repeat-y right top;
}

#sliderFold .sliderItem:hover, #sliderFold .sliderItemOn, #content #sliderFold .sliderItem h2:hover, #content #sliderFold .sliderItemOn h2, #sliderFold .sliderItem p:hover, #sliderFold .sliderItemOn p {
	color:#e96d1f;
	border-right:none;
}

#sliderFold img {
	display:none;
}


#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p {
	font-size:11px;
}

.panel p.projName {
	margin:0 0 0 25px;
	padding:5px 0;
	color:#424242;
	font-size:1.25em;
}