@charset "utf-8";



 



	body {

		font: 9pt Helvetica, Arial, Verdana, Tahoma;

		background: url("body-bg.jpg")  repeat-x #97999c;

	}

	h1,h2,h3,h4,h5,h6 {

		font-weight: bold;

	}

	a {

	cursor: pointer;

	}

	

/** common classes **/

	.clearFix {

		width: 100%; height: 0px; clear: both; display: block;

	}/* clearfix for floated elements */

	

	.alignLeft {

		float: left;

	}

	.alignRight {

		float: right;

	}

	.lightGrey {

		color: #666;

	}

	

	a.button {

		display:inline-block;

		background: url("bt-general-left.gif")  no-repeat;

		line-height: 25px;

		padding-left: 15px;

		padding-right: 0px;

		text-decoration: none;

	}

	

	.morespace {

	padding-top: 10px;

	}

	

	a.button span {

		display: inline-block;

		background: url("bt-general-right.gif")  no-repeat right;

		padding-right: 15px;

	}

	

	a.button:hover {

		color: #333;

	}



/** hidden elements **/

	a span {

		display: none;

	}

	

	.hidden {

		display: none;

	}

	

	#container {

		width: 964px;

		position: relative;

		margin: 0 auto;

		padding-bottom: 35px;

	} .homebg { /* sub page container bg */

		background: url("bg-container-home.png") no-repeat top right;

	

	}





/*** 02. Header Block ***/

/** ----------------------------------------------------- **/



	#header {

		padding-top: 0px;

	}

	

/** 02.a - Logo **/

	#header h1 {

	margin-left: 20px;

	float: left;

	color:#97cf01;

	font-size:30px;

	font-family: "Trebuchet MS", "Times New Roman", Times, serif;



	}

	

	#header h1 a {

		display: block;

		width: 163px;

		height: 28px;

	}

	

	#header h1 a span {

		display: none;

	}

	

/** 02.b - Navigation **/

	#navAndSearch {

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

		height: 50px;

		margin-top: 25px;

	}

	

	#navAndSearch ul {

	margin-left: 5px;

	}

	

	#navAndSearch ul li {

		float: left;

	}

	

	#navAndSearch ul li a {

		padding: 0 12px;

		line-height: 50px;

		text-transform: uppercase;

		font-weight: bold;

		display: inline-block;

		text-decoration: none;

	}

	

	#navAndSearch ul li a:hover,  #navAndSearch ul li.selected a{

		color: #fff;

	}

	



/*** 03. Home Featured Section ***/

/** ----------------------------------------------------- **/



	#featured {

		padding: 0px;

		padding-top: 0px;

	}

		

/** 03.a - Featured Item Information text **/

		#fInfo ul li {

		width: 485px;

		color: #fff;

		height: 95px;

		}

		

		#fInfo ul li h2 {

		font-size: 200%;

		margin-bottom: 10px;

		}

		

		#fInfo ul li p {

		margin: 10px 0;

		font-size: 1.1em;

		}

		#fInfro ul li p:first-child {

		margin-top: 0px;

		}

		

/** 03.b - Featured Item Images **/

		#fImage {

		width: 389px;

		height: 274px;

		background: url("bg-featured-item-image old.png")  no-repeat;

		position: absolute;

		top: 141px;

		left:560px;

		right:30px;

		z-index: 1;

		}

		

		#images {

		width: 265px;

		height: 165px;

		margin: 39px 0 0 68px;

		}

		

		#laptopShiner {

		background: url("ft-image-overlay-shiner.png")  no-repeat;

		width: 150px;

		height: 203px;

		position: absolute;

		top: 93px;

		right: 64px;

		z-index: 2;

		filter:alpha(opacity=50);

		-moz-opacity:0.5;

		-khtml-opacity: 0.5;

		opacity: 0.5;

		}

		

/** 03.c - Featured Section Navigation **/

		p#homeViewAll {

		float: left;

		}

		

		ul#ftSwitcher, p#homeViewAll {

		margin-top: 15px;

		}

		

		

		ul#ftSwitcher {

		margin-left: 355px;

		}

		

		ul#ftSwitcher li {

		float: left;

		margin-right: 5px;

		}

		

		ul#ftSwitcher li a, p#homeViewAll a {

		display:inline-block;

		line-height: 29px;

		padding-left: 20px;

		padding-right: 0px;

		text-decoration: none;

		color: #414141;

		font-weight: bold;

		}

		

		ul#ftSwitcher li a span, p#homeViewAll a span {

		display: inline-block;

		padding-right: 20px;

		}

		

		ul#ftSwitcher li a span {

		padding-top: 10px;

		padding-bottom: 9px;

		}

		

		ul#ftSwitcher li a {

		filter:alpha(opacity=75);

		-moz-opacity:0.75;

		-khtml-opacity: 0.75;

		opacity: 0.75;

		}

		ul#ftSwitcher li a:hover {

		filter:alpha(opacity=100);

		-moz-opacity:1;

		-khtml-opacity: 1;

		opacity: 1;

		}

	

		ul#ftSwitcher li a {

		font-size: 1.5em;

		}

		

		#viewPortfolio {

		padding-top: 35px;

		clear: left;

		}

		#viewPortfolio a {

		display:inline-block;

		background: url("bt-general-left.gif") no-repeat;

		line-height: 25px;

		padding-left: 15px;

		padding-right: 0px;

		text-decoration: none;

		text-decoration: none;

		}

		

		#viewPortfolio a span {	

		background: url("bt-general-right.gif")  no-repeat top right;

		display: inline-block;

		padding-right: 15px;

		}

		

		#viewPortfolio a:hover {

		color: #333;

		}

				

		



/** 04 - Home Content Section **/

/** ----------------------------------------------------- **/



	#content {

		background: url("bg-content.png")  repeat-y;

	}

	.bg-sub {

		padding: 2px;

		background: url("bg-content-sub.png") / repeat-y !important;

	}

	

	#content h3 {

		color: #333;

		font-size: 150%;

	}

	

	#homeContent {

		width: 916px;

		margin: auto;

		background: url("bg-homecontent.gif")  repeat-x;

		padding: 20px;

		padding-bottom: 0px;

		padding-top: 25px;

		color: #666;

	}



/** 04.a - Home Intro - A Little Company Information / About Us Intro **/

	#homeIntro {

		float: left;

		width: 890px;

		border-bottom: 1px solid #ddd;

		padding-bottom: 15px;

		padding-left:20px;

	}

	

	#homeIntro h3 {

		margin-bottom: 15px;

	}

	

	#homeIntro p {

		margin: 10px 0;

		line-height: 1.4em;

	}

	

	p.contentIntro {

		font-size: 1.1em;

		margin: 0;

		color: #333;

	}





/** 04.b - Home Right - Services Teaser and Home Blog Posts **/



	#homeRight {

		width: 380px;

		float: right;

	}

	

	#servicesTeaser, #homeBlogPosts {

		width: 375px;

		border-bottom: 1px solid #ddd;

		padding-bottom: 13px;

		margin-bottom: 25px;

		position: relative;

	}

	

	#servicesTeaser h3, #homeBlogPosts h3 {

		padding-left: 5px;

		padding-bottom: 10px;

		border-bottom: 1px solid #ddd;

		margin-bottom: 15px;

	}

	



	#servicesTeaser h1, #homeBlogPosts h1 {

		font-size: 110%;

		color: #333;

		margin-bottom: 10px;

	}

	#servicesTeaser h1 a, #homeBlogPosts h1 a {

		color: #333;

		text-decoration: none;

	}





	#servicesTeaser h4, #homeBlogPosts h4 {

		font-size: 110%;

		color: #333;

		margin-bottom: 10px;

	}

	#servicesTeaser h4 a, #homeBlogPosts h4 a {

		color: #333;

		text-decoration: none;

	}

	



	#servicesTeaser ul li, #homeBlogPosts ul li {

		padding: 5px;

	}

	

	#servicesTeaser ul li img {

		float: left;

		margin: 0 15px 20px 0px;

	}

	

	#servicesTeaser ul li p, .eachPost p {

		margin: 10px 0;

		line-height: 1.3em;

	}

	

	#servicesTeaser ul li p:first-child, .eachPost p:first-child {

		margin:0;

	}



/** slider navigations**/ 

	ul#homePostsNav, ul#servicesTeaserNav {

		position: absolute;

		bottom: -15px;

		right: 0px;

		padding: 5px;

		border: 1px solid #ddd;

		height: 16px;

		background: #fff;

		-moz-border-radius: 10px;

		-webkit-border-radius: 10px;

		-khtml-border-radius: 10px;	

	}

	

	ul#homePostsNav li, ul#servicesTeaserNav li{

		float: left;

		padding: 0;

		margin-left: 5px;

	}

	

	ul#homePostsNav li:first-child, ul#servicesTeaserNav li:first-child{

		margin-left: 0px;

	}

	

	

	ul#homePostsNav li a, ul#servicesTeaserNav li a{

		display: block;

		width: 16px;

		height: 16px;

		filter:alpha(opacity=60);

		-moz-opacity:0.6;

		-khtml-opacity: 0.6;

		opacity: 0.6;

	}

	

	ul#homePostsNav li a:hover, ul#servicesTeaserNav li a:hover {

		filter:alpha(opacity=100);

		-moz-opacity:1;

		-khtml-opacity: 1;

		opacity: 1;

	}

	

	ul#homePostsNav li a span, ul#servicesTeaserNav li a span{

		display: none;

	}

	

	ul#servicesTeaserNav li.prev a {

		background: url("arrow-left.gif")  no-repeat;

	} 

	

	ul#servicesTeaserNav li.next a {

		background: url("arrow-right.gif") no-repeat;

	} 

	

	ul#homePostsNav li.next a {

		background: url("arrow-up.gif")  no-repeat;

	} 

	

	ul#homePostsNav li.prev a {

		background: url("arrow-down.gif")  no-repeat;

	}



#homeBlogPosts p.postDate {

	font-size: 0.9em;

	color: #999;

	padding-left: 20px;

	background: url("icon-date.gif") no-repeat;

	line-height: 16px;

	margin-top: -5px;

}



 





/*** 05 - Footer ***/

/** ----------------------------------------------------- **/



	#footer {

		padding-top: 60px;

	}

			

		#footer h4 {

			color: #fff;

			font-size: 140%;

			margin-bottom: 12px;

		}



/** 05.a - Footer Content **/

	.widget-pages {

		margin:0 15px;

		width: 210px;

	}

	

	.widget-pages ul li a {

		background: url("icon-page.gif")  no-repeat 0 6px;

		padding: 5px 0;

		padding-left: 20px;

		border-bottom: 1px dotted #ddd;

		color: #fff;

		display: block;

		width: 80%;

		line-height: 16px;

		text-decoration: none;

		filter:alpha(opacity=50);

		-moz-opacity:0.5;

		-khtml-opacity: 0.5;

		opacity: 0.5;

	}

	

	.widget-pages ul li a:hover {

		filter:alpha(opacity=100);

		-moz-opacity:1;

		-khtml-opacity: 1;

		opacity: 1;

	}

	

	.widget-recent-comments {

		width: 260px;

		font-size: 0.9em;

	}

	

	.widget-recent-comments ul li {

		background: url("icon-page.gif")  no-repeat 0 6px;

		padding: 8px 0;

		padding-left: 20px;

		border-bottom: 1px dotted #ddd;

		color: #999;

	}

	

	.widget-recent-comments ul li a {

		color: #fff;

			text-decoration: none;

	}

	

	.widget-recent-comments ul li a.comment-author {

		color: #ccc;

	}



/** twitter **/

	.twitter {

	width:205px;	

	}

	.twitter, .widget-pages, widget-recent-comments {

		padding-bottom: 20px;	

	}

	

	.twitter h4 {

		height: 20px;

		padding-left: 25px;

		background: url("mail.png") no-repeat;

	}

	

	span.twtUpArrow {

		background: url("bg-twtop.gif") no-repeat;

		width: 16px;

		height: 8px;

		display: block;

		margin-left: 5px;

	}

	

	#tweets {

		position: relative;

		color: #ccc;

		font-size: 0.9em;

		margin-right: 20px;

		width: 200px;

		background: #404040;

		padding: 10px;

		-moz-border-radius: 5px;

		-webkit-border-radius: 5px;

		-khtml-border-radius: 5px;

	}

	

	#tweets a:hover {

		text-decoration: none;

	}

	

	a.followTwitter {

		display: inline-block;

		padding-top: 10px;

		color:#fff !important;

	}

	

	ul#twtNav {

		position: absolute;

		right: 5px;

		bottom: 10px;

	}

	ul#twtNav li {

		float: left;

		margin-right: 8px;

	}

	

	

	ul#twtNav li a {

		width: 5px;

		height: 10px;

		display: block;

		filter:alpha(opacity=50);

		-moz-opacity:0.5;

		-khtml-opacity: 0.5;

		opacity: 0.5;

	}

	

	ul#twtNav li a:hover {

		filter:alpha(opacity=100);

		-moz-opacity:1;

		-khtml-opacity: 1;

		opacity: 1;

	}

	

	

	#twtNav li.prev a {

		background: url("twtnav-left.gif") no-repeat;

	}

	#twtNav li.next a {

		background: url("twtnav-right.gif")  no-repeat;

	}



#footerRight {

	margin-right: 20px;

}

a.footerLogo {



	background: url("logo-footer.png")  no-repeat;

	width: 123px;

	height: 21px;

	display: block;

	text-indent: -9999px;

}





/** 05.b - Sub Footer - Copyright Information and Ending Text **/

	#subFooter {

		background: url("bg-footer.jpg") no-repeat #97999c;

		clear: both;

		padding-top: 20px;

		font-size: 0.9em;

		color: #fff;

	}

	#subFooter p {

		margin: 10px;

	}

	

	#subFooter p a {

		color: #000;

		text-decoration: none;

	}

	

	#subFooter p a:hover {

		text-decoration: underline;

	}







/*** 06. Sub Page Styles ***/

/** ----------------------------------------------------- **/

	

	a.subscribe {

	float: right;

	color: #e2e2e2;

	display: inline-block;

	background: url("icon-rss.gif")  top right no-repeat;

	padding-right: 25px;

	line-height: 1.5em;

	text-decoration: none;

	margin-top: 5px;

	margin-right: 25px;

	}

	

	a.subscribe:hover {

	color: #fff;

	}

	

	/** 06.a - Search Box **/

	#navAndSearch fieldset {

		float: right;

	}

	

	#navAndSearch fieldset label {

		display: block;

		width: 246px;

		height: 21px;

		background: url("bg-search.gif") no-repeat;

		margin-right: 15px;

		margin-top: 15px;

	}

	

	#navAndSearch fieldset label input {

		background: none;

		border: none;

		padding: 4px 0 0 22px;

		width: 190px;

	}

	/** 06.b - heading bar **/

	#heading {

		height: 40px;

		padding: 20px;

		padding-top:0px ;

	}

	

	#heading h1, #heading h2, #heading h3 {

		color: #fff;

	}

	

	#heading h1 {

		margin-top: -5px;

		font-size: 200%;

	}	

	

	#heading h2 {

		margin-top: -5px;

		font-size: 200%;

	}

	

	h2 a{

		color:#FFF;

		text-decoration:none;

	}

	

	h2 a:hover{

		color:#c4ebff;

		text-decoration:none;

	}

	

	#heading h3 {

		font-size: 150%;

	}

	

	#heading .alignRight {

	padding-top: 5px;

}

	

	#heading .alignRight a, #heading .alignRight span{

	color: #fff;

	padding: 0 15px;

	display: inline-block;

	}

	

	#heading .alignRight .commentCount {

	background: url("icon-commentcount.gif") no-repeat;

	}

	

	#heading .alignRight a.addComment {

	background: url("icon-addcomment-white.gif") no-repeat 15px 0px;

	padding-left: 30px;

	}

	

	#heading .alignRight a.addComment:hover {

	text-decoration: none;

	}	

	

	



		

	/** 06.c - left **/

	

	#subContent {

		padding: 25px 0px 0px 15px;

	}

	

	#left {

		width: 625px;

		float: left;

	}

	

	#subContent h3 {

	font-size: 140%;

}



	/* portfolio items and some post general styles */

	

	.folioPosts {

		padding-top: 20px;

		clear: both;

		padding-bottom: 10px;

		margin-bottom: 15px;

		border-bottom: 1px solid #e2e2e2;

	}

	

	.posts {

		padding-bottom: 10px;

		margin-bottom: 30px;

		border-bottom: 1px solid #e2e2e2;

	}

	

	#left .folioPosts:first-child {

		padding-top: 0;

	}

	

	.postHeading {

		padding-bottom: 20px;

	}

	

	

	.postHeading h3 a {

		text-decoration: none;

		font-size: 110%;

		line-height: 1.7em;

	}

	.postHeading h3 a:hover {

		color: #333;

	}

	

	.postHeading h3 a:hover:after {

	content: " →";

	}

	

	

	

	.date {

		height: 21px;

		float: left;

		color: #fff;

		margin-left: -25px;

		margin-right: 15px;

		padding: 8px 10px 0 20px;

	}

	/** if in blog posts -> **/

	.posts .date a {

		background: url("icon-commentcount.gif") no-repeat 2px 0px;

		display: inline-block;

		padding-right: 2px;

		padding-left: 20px;

		margin-left: 15px;

		color: #fff;

		text-decoration: none;

		font-weight: bold;

	}

	

	.dateBg {

		background: url("bg-date-shadow.png") no-repeat;

		display: block;

		width: 10px;

		height: 4px;

		margin-left: -20px;

		margin-top: 7px;

	}

	

	.post {

		clear: both;

		color: #666;

	}

	

	.post p {

		margin-bottom: 12px;

		line-height: 1.5em;

	}

	

	.post blockquote {

		padding: 15px;

		padding-left: 40px;

		font-style: italic;

		color: #999;

		margin-bottom: 10px;

		line-height: 1.5em;

		background: url("blockquote.gif") no-repeat 5px 15px;

	}

	

	.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {

		padding-bottom: 10px;

		color:#333;

	}

	

	.post h1 {

		font-size: 1.6em;

	}.post h2 {

		font-size: 1.4em;

	}.post h3 {

		font-size: 1.25em !important;

	}.post h4 {

		font-size: 1.1em;

	}.post h5 {

		font-size: 1em;

	}.post h6 {

		font-size: 0.9em;

	}

	

	.post img.postThumb {

		border: 1px solid #ccc;

		float: left;

		margin: 0 15px 15px 0;

	}

	

	.postMeta {

		clear: both;

		line-height:3em;

		font-size: 0.9em;

		color: #999;

		background: #f7f7f7;

		border-top: 10px solid #fff;

	}

	

	.postMeta a:hover {

		text-decoration: none;

	}

	

	.postMeta div {

		float: left;

	}

	

	

	.author {

		display: block;

		color: #666;

		float: left;

		padding: 0 15px 0 30px;

		background: url("icon-author.gif") no-repeat 10px 8px;

	}

	

	.categories, .tags {

		padding: 0 15px;

	}

	

	.categories {

		background: #ededed;

	}

	

	#postContent {

	padding-left: 5px;

}

	

	#postContent ul, #postContent ol {

		padding: 0px 10px 15px 30px;

		list-style-position: inside;

		line-height: 1.5em;

	}

	

	#postContent ul {

		list-style: disc;

	}

	

	#postContent ol {

		list-style: decimal;

	}

	

	

	

/** 06.d - sidebar **/



	#sidebar {

		float: right;

		width: 280px;

		padding-left: 20px;

	}

	

	#sidebar h3 {

	clear: both;

		padding-top: 20px;

		padding-bottom: 10px;

		border-bottom: 1px solid #ddd;

		width: 265px;

	}

	

	#sidebar h3:first-child {

		padding-top: 0;

	}

	

	#sidebar ul {

		padding: 10px 0;

	}

	

	#sidebar ul li {

		margin-left: -20px;

		border-bottom: 1px solid #fff;

	}

	

	#sidebar ul li a {

		background: url("arrow-regular-half.gif")  no-repeat 20px 7px;

		padding-left: 45px;

		display: block;

		line-height: 30px;

		border-bottom: 1px solid #e6e6e6;

		color: #666;

		text-decoration: none;

	}	

	

	#sidebar ul li a:hover, #sidebar ul li.selected a {

		background-image: url("arrow-regular.gif");

		background-color: #fff;

	}	

	

	

	/* archives */

	ul.archive  li {

		margin-left: 0px !important;

		width: 125px;

		float: left;

		margin-right: 10px;

		margin-bottom: 5px;

	}

	

	

	ul.archive  li a {

		padding-left: 28px !important;

		background: url("icon-date-unhovered.gif") no-repeat 6px 7px !important;

	}

	

	ul.archive  li a:hover, ul.archive  li.selected a {

		background-image: url("icon-date.gif")  !important;

		background-color: #fff !important;

	}

	

	/* flickr */

	ul.flickr li {

		margin-left: 0px !important;

		float: left;

		margin-right: 12px;

		margin-bottom: 12px;

	}

	

	ul.flickr li a {

		margin-left: 0px !important;

		width: 70px;

		height: 65px;

		background: url("bg-flickr-items.gif")  no-repeat !important;

		padding: 5px 0 0 0px !important;

		text-align: center;

	}







/** 06.e - Comments **/



	#comments h3 {

		float: left;

	}

	

	

	#comments a.addComment {

		float: right;

		display: inline-block;

		padding-left: 20px;

		color: #555;

		text-decoration: none;

		background: url("icon-addcomment-dark.gif")  no-repeat;

	}

	

	#comments a.addComment:hover {

		filter:alpha(opacity=50);

		-moz-opacity:0.5;

		-khtml-opacity: 0.5;

		opacity: 0.5;

	}

	

	

	#comments_wrap h3 {

		font-size: 22px;

		font-weight: normal;

		margin: 0px;

		padding-bottom: 20px;

		margin-top: 10px;

	}

	#comments_wrap h3 a, #comments_wrap h3 a:hover {

		color: #242323;

		text-decoration: none;

	}

	#comments_wrap .get_avatar {

		color: #a7a7a7;

		font-size: 10px;

		letter-spacing: -1px;

		padding-top: 10px;

	}

	#comments ol.parent {

		padding-bottom: 25px

	}

	#comments ol {

		margin: 0px;

		padding: 0px;

		padding-left: 100px;

	}

	#comments ol li {

		list-style: none;

		padding: 0px;

		margin: 10px 0px;

		padding-top: 1px;

	}

	#comments span.comment-reply {

	/*	position: absolute;

		bottom: 10px;

		left: 20px;*/

		font-size: 10px;

		text-transform: uppercase;

	}

	#comments .comment_wrap {

		position: relative;

		background: #f2f2f2;

	}

	#comments .single_comment {

		padding: 10px;

	}

	

	#comments .comment-content {

		padding: 10px;

		background: #fafafa;

	}

	

	#comments .comment-content p, .children .comment-content p {

		padding-bottom: 15px;

		color: #666;

	}

	

	

	#comments .comment_arrow {

		position: absolute;

		top: 20px;

		left: -11px;

	}

	#comments .comment_author {

		position: absolute;

		left: -100px;

		width: 100px;

		color: #8d8d8d;

		font-size: 10px;

		line-height: 14px;

	}

	#comments .comment_author span {

		display: block;

	}

	#comments .children {

		padding-left: 0px;

		border-left: 1px solid #ced0d0;

	}

	#comments .children li {

		padding-left: 25px;

		background: url("comment_li_bg.gif") no-repeat 0px 25px;

	}

	#comments .children .comment_wrap {

		background: #f2f2f2;

		border-top: 1px solid #dedede;

		border-bottom: 1px solid #dedede;

	}

	#comments .children .comment_arrow {

		display: none;

	}

	#comments .children .comment_author {

		position: absolute;

		left: auto;

		right: 20px;

		bottom: 10px;

		width: 200px;

		height: 40px;

	}

	#comments .children .comment_author p {

		position: absolute;

		right: 40px;

		bottom: 10px;

		text-align: right;

	}

	#comments .children .comment_author span {

		display: block;

	}

	#comments .children .comment_author img {

		width: 32px;

		height: 32px;

		float: right;

	}