/*

Theme Name: BackgroundStories

*/



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */



body{

	margin:0;

	padding:0 0 30px;

	font:12px Verdana, Arial, Helvetica, sans-serif;

	background:#a5a5a5 url(images/bg-body.gif) repeat-x;

}

form,fieldset,img{margin:0;padding:0;border:0;}

a{

	color:#6a9d45;

	text-decoration:underline;

}

a:hover{color:#6a9d45;}

/*a:visited{color:#363636;}*/

input,

textarea,

select{

	font:10px arial,sans-serif;

	vertical-align:middle;

}

#wrapper{

	width:902px;

	margin:0 auto 0;

	position:relative;

	background:url(images/bg-wrapper.gif) repeat-y;

}

.w1{

	width:100%;

	overflow:hidden;

	background: url(images/bg-w1.gif) no-repeat;

}

#header{

	width:851px;

	position:absolute;

	top:0;

	left:0;

	padding:10px 25px 0;

	height:130px;

}

.logo{

	float:left;

	width:142px;

	height:65px;

	overflow:hidden;

	text-indent:-9999px;

	background: url(images/bg-logo.gif) no-repeat;

}

.logo a{

	display:block;

	height:100%;

}

#header .intro{

	float:right;

	width:605px;

	font-size:16px;

	line-height:18px;

	color:#6a9d45;

	font-weight:bold;

	margin:-3px 0 0;

}

/*nav start*/

#nav{

	position:absolute;

	bottom:-1px;

	left:251px;

	margin:0;

	padding:0;

	list-style:none;

}

#nav li{

	float:left;

	padding:0 4px 0 0;

}

#nav li a{

	display:block;

	overflow:hidden;

	text-indent:-9999px;

	height:30px;

	background: url(images/bg-nav.gif) no-repeat;

}

#nav .projects{

	width:103px;

}

#nav li .projects:hover{background-position: 0 -30px;}

#nav li.current_page_item .projects{background-position: 0 -60px;}

#nav .vision{

	width:87px;

	background-position: -107px 0;

}

#nav li .vision:hover{background-position: -107px -30px;}

#nav li.current_page_item .vision{background-position: -107px -60px;}

#nav .capabilities{

	width:127px;

	background-position: -198px 0;

}

#nav li .capabilities:hover{background-position: -198px -30px;}

#nav li.current_page_item .capabilities{background-position: -198px -60px;}

#nav .about{

	width:85px;

	background-position: -329px 0;

}

#nav li .about:hover{background-position: -329px -30px;}

#nav li.current_page_item .about{background-position: -329px -60px;}

#nav .catablog{

	width:114px;

	background-position: -418px 0;

}

#nav li .catablog:hover{background-position: -418px -30px;}

#nav li.current_page_item .catablog{background-position: -418px -60px;}

/*nav end*/

/*main start*/

#main{

	overflow:hidden;

	padding:140px 12px 0 15px;

	width:875px;

}

#two-column{

	margin:0 0 8px;

	width:100%;

	overflow:hidden;

}

/*content start*/

#content{

	font-size:12px;

	line-height:18px;

	color:#363636;

	float:right;

	width:641px;

	background: url(images/bg-content.gif) repeat-y;

}

.c1{background: url(images/bg-c1.gif) no-repeat;}

.c2{

	width: 580px;

	padding:20px 38px 3px 23px;

	overflow:hidden;

	background: url(images/bg-c2.gif) no-repeat 0 100%;

}



#content .heading{

	text-indent:-9999px;

	overflow:hidden;

	margin:0 0 28px;

height:22px;
width:580px;
	/* background: url(images/text-projects.gif) no-repeat;*/

}

/*product-list start*/

.product-list{

	width:600px;

	overflow:hidden;

	margin:0;

	padding:0;

	list-style:none;

	font-size:10px;

	line-height:12px;

	text-align:left;

	color:#363636;

}

.product-list li{

        display:inline-block;

        vertical-align:top;

        width:130px;

        padding:0 20px 26px 0;

        text-align:center;

        margin-left:-3px;

}

* html .product-list li {margin:0;}

*+html .product-list li {margin:0;}

.product-list li a{

	color:#363636;

	display:block;

	text-decoration:none;

}

.product-list li a:hover{

	background: url(images/separator.gif) repeat-x 0 133px;

	text-decoration:none;

}

.product-list strong{

	padding:1px 0 0;

	font-weight:normal;

	margin:0;

	display:block;

}

.product-list img{

	display:block;

	margin:0 0 3px;

}

/*product-list end content end sidebar start*/

#sidebar{

	padding:34px 0 0;

	float:left;

	width:207px;

}

#sidebar .box{

	margin:0 0 33px;

	color:#363636;

	font-size:11px;

	line-height:13px;

}

#sidebar .box .heading{

	width:176px;

	padding:0 10px 0 21px;

	overflow:hidden;

}

#sidebar .blog-post,

#sidebar .latest{

	float:left;

	margin:0;

	overflow:hidden;

	text-indent:-9999px;

}

.latest{

	width:59px;

	height:14px;

	background: url(images/text-latest.gif) no-repeat;

}

.blog-post{

	background: url(images/text-recent.gif) no-repeat;

	width:128px;

	height:14px;

}

#sidebar .box .wrapper{

	margin:-4px 0 0;

	width:180px;

	padding:18px 6px 0 21px;

	background: url(images/bg-text-holder.png) no-repeat;

}

#sidebar .box .data{

	margin:0 0 2px;

	display:block;

	color:#6f7870;

	font-size:10px;

	line-height:12px;

}

#sidebar .box p{margin:0 0 7px;}

#sidebar .box p a{

	color:#6a9d45;

	text-decoration:underline;

}

#sidebar .box p a:hover{

	color:#6a9d45;

	text-decoration:underline;

}

.box .wrapper ul{

	margin:0;

	padding:0;

	list-style:none;

}

.box .wrapper li{

	color:#6f7870;

	font-size:10px;

	line-height:18px;

	font-style:italic;

}

.box .wrapper li a{

	color:#6f7870;

	text-decoration:none;

}

.box .wrapper li a:hover{

	color:#669933;

	text-decoration:underline;

}

#sidebar .box .block{

	margin:0 0 4px;

	width:100%;

	overflow:hidden;

}

.more-link{

	color:#6a9d45;

	text-decoration:underline;

	padding:0 9px 0 0;

	background: url(images/bullet.gif) no-repeat 100% 4px;

}

.more:hover{

	color:#6a9d45;

	text-decoration:underline;

}

/*sidebar end main end tree-column start*/

.tree-column{width:100%;}

.tree-column:after{

	content:"";

	display:block;

	clear:both;

}

/*column-one start*/

.column-one{

	position:relative;

	margin:-17px 0 0;

	padding:0 10px 0 0;

	float:left;

	width:202px;

}

.column-one .heading{

	height:1%;

	overflow:hidden;

	padding:0 7px 0 20px;

}

.keep{

	margin:0;

	width:83px;

	height:12px;

	overflow:hidden;

	text-indent:-9999px;

	background: url(images/text-keep.gif) no-repeat;

}

.column-one .box{

	height:1%;

	overflow:hidden;

	padding:13px 7px 0 20px;

	background: url(images/bg-box01.gif) no-repeat;

}

.form-sign{

	width:100%;

	overflow:hidden;

	margin:0 0 1px;

}

.form-sign label{

	margin:0 0 6px;

	display:block;

	color:#363636;

	font-size:11px;

	line-height:13px;

}

.form-sign .holder{

	width:100%;

	overflow:hidden;

}

.form-sign .text{

	overflow:hidden;

	margin:0 3px 0 0;

	float:left;

	width:116px;

	padding:5px 8px;

	background: url(images/bg-input.png) no-repeat;

}

.form-sign .text input{

	position:relative;

	width:116px;

	float:left;

	border:0;

	background:none;

	font-size:10px;

	line-height:12px;

	color:#979b98;

}

.form-sign .button{

	float:left;

}

/*network*/

.network{

	margin:0;

	padding:0;

	list-style:none;

}

.network li{

	float:left;

	padding:0 1px 0 0;

}

.network li a{

	display:block;

	overflow:hidden;

	text-indent:-9999px;

}

.network .delicious{

	width:23px;

	height:23px;

	background: url(images/ico-1.gif) no-repeat;

}

.network .rss{

	width:16px;

	height:23px;

	background: url(images/bg-rss.gif) no-repeat;

}

/*column-one end column-two start*/

.column-two{

	float:left;

	width:314px;

	padding:0 13px 0 0;
	margin-left:210px;

}

.felissimo{

	width:314px;
	float:left;

}

.felissimo .t{

	height:21px;

	overflow:hidden;

	background: url(images/bg-felissimo-t.png) no-repeat;

}

.felissimo .b{

	height:16px;

	overflow:hidden;

	clear:both;

	background: url(images/bg-felissimo-b.png) no-repeat;

}

.felissimo .c{

	position:relative;

	float:left;

	padding:0 12px 0 2px;

	width:300px;

	background: url(images/bg-felissimo-c.png) repeat-y;

}

.felissimo .content{

	position:relative;

	width:300px;

	margin:-18px 0 -6px;

	font-size:12px;

	line-height:15px;

	color:#fff;

}

.felissimo .heading{

	position:relative;

	height:18px;

	padding:0 10px 0 30px;

	width:260px;

}

/*column-two end column-tree start*/

.column-tree{

	min-height:96px;

	position:relative;

	float:left;

	width:301px;

	padding:6px 0 0 23px;

	background: url(images/bg-blockquote.gif) no-repeat;

}

* html .column-tree{height:96px;}

.column-tree blockquote{

	margin:0 0 3px;

	font-size:12px;

	line-height:18px;

	color:#6f7870;

	width:245px;

}

.column-tree blockquote:after{content:"";}

.column-tree blockquote p{margin:0;}

.column-tree blockquote cite{font-style:normal;}

.businessweek{

	float:right;

	width:102px;

	height:21px;

	overflow:hidden;

	text-indent:-9999px;

	background: url(images/text-business.gif) no-repeat;

}

/*column-tree end tree-column end footer start*/

#footer{

	height:1%;

	overflow:hidden;

	padding:0 22px 6px;

	font-size:11px;

	line-height:13px;

	background:#f1f2f4 url(images/bg-footer.gif) no-repeat 0 100%;

}

#footer ul{

	margin:0;

	padding:0;

	list-style:none;

	float:left;

	overflow:hidden;

}

#footer li{

	float:left;

	padding:0 4px 0 7px;

}

#footer .menu li{

	margin:0 8px 0 -8px;

	background: url(images/separator02.gif) no-repeat 0 2px;

}

#footer .menu li a{

	color:#6f7870;

	position:relative;

}

#footer li a{text-decoration:none;}

#footer li a:hover{text-decoration:underline;}

#footer .contact li{background: url(images/separator03.gif) no-repeat 0 2px;}

#footer .contact li a{color:#363636;}

/*footer end*/



/*inner*/

.page{

	margin:0 0 20px;

	width:100%;

	overflow:hidden;

	background: url(images/bg-page.gif) repeat-y;

}

.p1{background: url(images/bg-page-top.gif) no-repeat;}

.p2{

	background: url(images/bg-page-b.gif) no-repeat 0 100%;

	height:1%;

	overflow:hidden;

}

.page .c1{background:none;}

.page .c2{background:none;}

.page #content{background:none;}

.page #sidebar{padding:17px 0 0 12px;}

.page .form-sign{

	padding:0 0 0 9px;

	margin:0 0 39px;

}

.w-widget_tag_cloud{

	margin:0;

	overflow:hidden;

	text-indent:-9999px;

	width:27px;

	height:14px;

	background: url(images/text-tags.gif) no-repeat;

}

/*tags-list start*/

.wp-tag-cloud{

	margin:0 0 0 -4px;

	padding:0;

	list-style:none;

	overflow:hidden;

}

#main .wp-tag-cloud li{

	font-style:normal;

	padding:0 6px 0 0;

	font-size:12px;

	line-height:18px;

	display:inline;

	background: url(images/separator04.gif) no-repeat 100% 6px;

}

#main .wp-tag-cloud li a{

	color:#363636;

	text-decoration:none;

	padding:0 2px;

}

#main .wp-tag-cloud li a:hover{

	background:#6a9d45;

	color:#fff;

}

.w-widget_recent_entries{

	margin:0;

	width:80px;

	height:14px;

	overflow:hidden;

	text-indent:-9999px;

	background: url(images/text-recent-entries.gif) no-repeat;

}

.w-widget_archive{

	margin:0;

	width:49px;

	height:14px;

	overflow:hidden;

	text-indent:-9999px;

	background: url(images/text-archives.gif) no-repeat;

}

/*tags-list end*/

.heading-catalog{

	margin:0 0 22px;

	width:580px;

	height:21px;

	overflow:hidden;

	text-indent:-9999px;

	background: url(images/text-catalog.gif) no-repeat;

}

#content h2,

#content h2 a{

	margin:0;

	color:#666;

	font:bold 20px/22px Helvetica, Verdana, Arial, Helvetica, sans-serif;

}

#content h2 a{text-decoration:none;}

/*block start*/

#content .block{

	margin:0 0 56px;

	width:100%;

	overflow:hidden;

}

#content .block .tags-list{

	float:left;

	margin:0;

}

#content .block .comments{

	margin:0 0 6px;

	width:100%;

	color:#6f7870;

	overflow:hidden;

	font-style:italic;

	font-size:11px;

	line-height:15px;

}

#content .block .data{

	float:left;

	font-size:10px;

	line-height:14px;

	color:#6f7870;

}

#content .block .number{

	margin:0 2px 0 0;

	float:left;

	width:17px;

	padding:0 2px 5px;

	text-align:center;

	background: url(images/bg-number.gif) no-repeat;

}

#content .block p{margin:0 0 10px;}

.blockquote-area{

	margin:0 0 10px;

	width:100%;

	background: url(images/separator05.gif) repeat-y 16px 0;

}

.blockquote-area blockquote{

	color:#6f7870;

	margin:0;

	padding:0 27px 0 35px;

	background: url(images/bg-blockquote02.gif) no-repeat 15px 0;

}

#content .blockquote-area p{margin:0;}

#content .block .more{

	margin:0 0 9px;

	float:left;

	background-position: 100% 6px;

}

#content .block .tags-area{

	width:100%;

	padding:4px 0 0;

	overflow:hidden;

	color:#363636;

	background: url(images/separator06.gif) repeat-x;

}

#content .block .tags-area strong{

	float:left;

}

/*item-list*/

.item-list{

	width:100%;

	overflow:hidden;

	margin:0 0 9px;

	padding:0;

	list-style:none;

}

.item-list li{

	float:left;

	color:#363636;

	font-size:12px;

	line-height:14px;

}

.item-list li span{

	display:block;

	padding:3px 0 0;

}

.item-list li img{display:block;}

/*block end*/

.wp-tag-cloud li a {font-size:12px !important;}



html #respond {margin-bottom:15px;}

.navigation {margin-bottom:25px;}

#comment {width:75%}



/* BELOW ADDED BY ROOM 34 CREATIVE SERVICES http://room34.com */



/* Sidebar post headlines */

#sidebar h3 {

	font-size: 100%;

	margin: 0.2em 0;

}



/* Email sign-up form */

#wpsbw {

	width: 180px;

}



	#wpsbw p {

		clear: both;

		margin:0 0 6px;

		color:#363636;

		font-size:11px;

		line-height:13px;

	}



.wpsb_form_txt {

	background: url(images/bg-input.png) no-repeat;

	border: 0;

	color: #979b98;

	float: left;

	font-size: 10px;

	height: 20px;

	line-height: 12px;

	padding: 2px;

	width: 130px;

}



.wpsb_form_label br, .wpsb_form_label.radio {

	display: none;

}

.wpsb_form_btn
{margin-top:expression('5px');
margin:5px 0 0 0;}
#wpsb_email
{ margin:5px 0 0 0;}
/* jQuery slideshow */

#slideshow {

	border: 0;

	height: 325px;

	margin: 0;

	overflow: hidden;

	padding: 0;

	position: relative;

	width: 580px;

}



	#slideshow ul {

		list-style: none;

		margin: 0;

		padding: 0;

		position: absolute;

	}

	

	#slideshow li {

		display: none;

		left: 0;

		margin: 0;

		padding: 0;

		position: absolute;

		top: 0;

		z-index: 0;

	}

	

	#slideshow li.current {

		z-index: 5;

	}

	

	#slideshow li.previous {

		z-index: 3;

	}

	

	#slideshow li.next {

		z-index: 4;

	}

	

	#slideshow .caption {

		background: rgba(0,0,0,0.5);

		color: #fff;

		height: 70px;

		left: 0;

		padding: 15px;

		position: absolute;

		top: 225px;

		width: 550px;

		z-index: 2;

	}

	

	#slideshow .slide {

		height: 325px;

		left: 0;

		position: absolute;

		top: 0;

		width: 580px;

		z-index: 1;

	}