body {background:#fff url(/images/bg2.gif) repeat-x top left;}
body.hasstripe {background:#fff url(/images/bg.gif) repeat-x top left;}

header {
	height:46px;
	text-align:right;
}
header strong {
	float:left;
	display:block;
	text-align:left;
}
header strong a {
	display:block;
	height:46px;
	width:130px;
	text-indent:-10000px;
	background:url(/images/sprite1.png) no-repeat top left;
}
header strong a:hover {background-position:-130px 0;}

header nav ul {
	padding:15px 0;
	margin:0;
}
#container header nav li {
	display:inline;
	list-style:none;
	padding:15px 0 15px 30px;
	line-height:1em;
}
header nav li a {
	color:#626262;
	font-size:16px;
	font-style:oblique;
	font-family:Arial,Helvetica,sans-serif;
	text-transform:lowercase;
	text-decoration:none;
}
header li a:hover {text-decoration:underline;}

#header_shadows {background:url(/images/shadows.png) no-repeat top center;}
#header_shadows {height:32px;}
.hasstripe #header_shadows {height:64px;}

#stripe {
	height:220px;
	background:url(/images/sprite1.png) no-repeat left -66px;
	text-transform:lowercase;
}
#stripe div {
	padding:30px 0 0 0;
	line-height:1.5em;
	color:#fff;
	/**/font-family:Segoe UI Light, Calibri, Arial, Helvetica, sans-serif;/**/
	/*font-family:Arial, Helvetica, sans-serif;/**/
}
#stripe div h1 {
	/**/font-family:Segoe UI Semibold, Calibri, Arial, Helvetica, sans-serif;/**/
	/*font-family:Arial, Helvetica, sans-serif;/**/
	font-weight:bold;
	margin-right:5px;
}
#stripe div em {
	font-family:Segoe UI, Calibri, Arial, Helvetica, sans-serif;
}
#stripe div a {color:#96efff;}
#stripe div a:hover {color:#fff;}
#stripe div * {
	font-size:33px;
	display:inline;
	line-height:1.4em;
}
#stripe p.find_out_more {
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:18px;
	color:#8be5ff;
	padding:20px 0;
}
#stripe p.find_out_more a {color:#bbf3f7;}
#stripe p.find_out_more a:hover {color:#fff;}

#stripe_shadows {
	height:32px;
	background:url(/images/shadows.png) no-repeat left -64px;
}


#navigation {
	text-align:center;
	margin:0 0 32px;
	text-transform:lowercase;
}
#navigation ul {padding:0;}
#navigation li {
	display:inline;
	list-style:none;
	font-size:18px;
}
#navigation li a {
	color:#000;
	text-decoration:none;
	padding:6px 0 6px 15px;
}
#navigation li a span {padding:6px 15px 6px 0;}
#navigation li a:hover {background:url(/images/sprite1.png) no-repeat -730px 0;}
#navigation li a:hover span {background:url(/images/sprite1.png) no-repeat right top;}
#navigation li a:active {background:url(/images/sprite1.png) no-repeat -730px -33px;}
#navigation li a:active span {background:url(/images/sprite1.png) no-repeat right -33px;}


.homecol {
	background:url(/images/columnsprite.png) no-repeat bottom left;
	padding:0 0 60px;
	position:relative;
}
.homecol h1 {
	background:url(/images/columnsprite.png) no-repeat top left;
	padding:10px 0 12px;
	margin-bottom:20px;
}
.homecol h1 span {
	background:url(/images/sprite1.png) no-repeat;
	text-indent:-10000px;
	display:block;
	height:53px;
}
#software_col h1 span {
	width:261px;
	background-position:-138px -286px;
}
#services_col h1 span {
	width:138px;
	background-position:-399px -286px;
}
#tech_col h1 span {
	width:169px;
	background:url(/images/sprite2.png) no-repeat -500px -33px;
}
.homecol section {
	padding-left:75px;
	margin-bottom:20px;
}
#services_col section {padding-left:36px;}
.homecol .block {padding:0 25px 0 36px;}
.homecol section h1 {
	background:none;
	clear:none;
	font-size:20px;
	margin:0;
	padding:0;
}
.homecol section h1 a {color:#666;}
.homecol section p {margin:0;}
p.tags {
	padding:10px 0;
	line-height:1em;
}
p.tags span {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#4e4e4e;
	color:#fff;
	padding:4px 5px;
}
.homecol section span.thumb {
	display:block;
	float:left;
	margin-left:-40px;
	height:32px;
	width:32px;
	background:url(/images/sprite2.png) no-repeat;
}
.homecol .cloud span.thumb {background-position:-500px 0;}
.homecol .frame span.thumb {background-position:-532px 0;}

.homecol .more {
	position:absolute;
	bottom:34px;
	width:280px;
	right:5px;
	text-align:center;
}

#widgets_col h1 {
	background:url(/images/sprite1.png) no-repeat left -286px;
	height:56px;
	width:138px;
	text-indent:-10000px;
	margin:10px 0;
}
#widgets_col p {
	padding:0 15px;
	font-style:oblique;
	font-size:16px;
	line-height:1.5em;
	color:#666;
}
#wfeed {
	display:block;
	max-height:200px;
	width:100%;
	overflow:hidden;
	position:relative;
	font-size:14px;
	margin-bottom:15px;
}
.widgets #wfeed {
	min-height:350px;
	max-height:380px;
}
#wfeed .feeditem {
	padding-left:60px;
	position:relative;
}
#wfeed h3 {
	font-family:Arial,Helvetica,Verdana,Tahoma,sans-serif;
	font-size:16px;
}
#wfeed p {padding:0;}
#wfeed a {
	color:#666;
	text-decoration:underline;
	display:block;
	height:1.5em;
	overflow:hidden;
}
#wfeed span {
	display:block;
	float:left;
	position:absolute;
	left:20px;
	top:0;
	height:31px;
	width:32px;
	background:url(/images/widgets.jpg) no-repeat;
}
#gallery_col .hasicon {padding-left:42px;}
#gallery_col h3 {clear:none;}
.hasicon span.thumb {
	display:block;
	float:left;
	height:32px;
	width:32px;
	margin-left:-42px;
	background:url(/images/widgets.jpg) no-repeat;
}
.hasicon.youtube_2-6 span.thumb,
#wfeed .youtube_2-6 span {background-position:-32px 0;}
.hasicon.gaw span.thumb,
#wfeed .gaw span {background-position:-64px 0;}
.hasicon.weather span.thumb,
#wfeed .weather span {background-position:-96px 0;}
.hasicon.rss span.thumb,
#wfeed .rss span {background-position:-128px 0;}
.hasicon.ratings span.thumb,
#wfeed .ratings span {background-position:-192px 0;}
.hasicon.socialfeed span.thumb,
#wfeed .socialfeed span {background-position:-160px 0;}
.hasicon.socialfeed_flickr span.thumb,
#wfeed .socialfeed_flickr span {background-position:-224px 0;}
.hasicon.opml span.thumb,
#wfeed .opml span {background-position:-256px 0;}
.hasicon.hitcounter span.thumb,
#wfeed .hitcounter span {background-position:-288px 0;}
.hasicon.realtimecomments_1 span.thumb,
#wfeed .realtimecomments_1 span {background-position:-320px 0;}

.homecol .buttons {padding-left:15px;}
.buttons {
	position:relative;
	float:left;
	padding:10px 15px 10px 0;
	font-size:14px;
}
.buttons a {color:#444;}
.buttons .blocky {
	background:url(/images/sprite1.png) no-repeat -537px -286px;
	font-size:14px;
	text-decoration:none;
	padding:8px 0 10px 20px;
	margin-right:5px;
	text-shadow:0 1px 1px #bbb;
}
.buttons .blocky span {
	background:url(/images/sprite1.png) no-repeat right -286px;
	padding:8px 20px 10px 0;
}
.buttons .blocky:hover {background-position:-537px -320px}
.buttons .blocky:hover span {background-position:right -320px}
.buttons .blocky:active {background-position:-537px -354px}
.buttons .blocky:active span {background-position:right -354px}


#interested {
	clear:both;
	padding:50px 185px 0;
}
#interested_inner {
	height:118px;
	width:590px;
	background:url(/images/sprite2.png) no-repeat bottom left;
	position:relative;
}
#interested h1,
#interested h2,
#interested p {
	position:absolute;
	top:-1000px;
}
#interested a {
	position:absolute;
	height:42px;
	width:250px;
	text-indent:-10000px;
	background:url(/images/sprite2.png) no-repeat;
	right:-14px;
}
#interested a#int_twitter {background-position:left top;top:-2px;}
#interested a#int_twitter:hover {background-position:-250px top;}
#interested a#int_twitter:active {background-position:left -84px;}
#interested a#int_email {background-position:left -42px;bottom:27px;}
#interested a#int_email:hover {background-position:-250px -42px;}
#interested a#int_email:active {background-position:-250px -84px;}


#footer,
footer {
	position:relative;
	margin-top:50px;
	padding:0 48px;
	float:right;
	clear:both;
}
footer #help:hover {width:69px;}
footer div.copyright {
	float:right;
	width:312px;
}
footer div.copyright * {
	float:left;
	display:block;
	height:43px;
	text-indent:-10000px;
}
footer div span {
	background:url(/images/sprite1.png) no-repeat -260px 0;
	width:154px;
}
footer div a {
	background:url(/images/sprite1.png) no-repeat -414px 0;
	width:158px;
}
footer div a:hover {background-position:-572px 0;}


#niblets {
	text-align:center;
	padding:50px 0;
}
#niblets li {
	display:inline;
	padding:0 10px;
}
#niblets li a {position:relative;}
#niblets li a:hover {top:10px;padding-top:10px;margin-top:-10px;}
#niblets li a img {
	height:68px;
	width:68px;
	background:url(/images/contactsprite.png) no-repeat;
}
#niblets .linkedin img {background-position:-68px 0;}
#niblets .facebook img {background-position:-136px 0;}
#niblets .email img {background-position:-204px 0;}
#niblets .skype img {background-position:-272px 0;}


article h1,
article h2,
article h3 {
	font-family:Segoe UI Light,Calibri,Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
}
article section h1 {
	font-size:1.7em;
}
article section h2 {
	font-size:1.6em;
}


.contact h1 {text-align:center;}
.contact section h1 {
	text-align:left;
	font-size:1.75em;
	margin:1em 0;
}
.contact small {
	display:block;
	line-height:1.2em;
	font-style:oblique;
	color:#666;
}
.contact #map {
	height:200px;
	width:100%
}

#stats {
	text-align:right;
	padding-right:15px;
	font-size:16px;
}
#stats dd {
	margin:0.25em 0 1em;
	font-size:22px;
	font-family:Courier New, Courier, monospace;
}

#gallery_col ul {
	padding:0;
	margin:0;
	list-style:none;
}
#gallery_col ul li {
	padding:0 0 1em;
	margin:0 0 1em;
	border-bottom:1px solid #eee;
}
#gallery_col ul li h3 {
	font-family:Arial,Helvetica,Verdana,Tahoma,sans-serif;
	margin-bottom:0.3em;
	font-size:1.4em;
}
#gallery_col ul li h3 a {
	color:#666;
	text-decoration:none;
}

.widgets h1 {
	font-family:Arial,Helvetica,Verdana,Tahoma,sans-serif;
	font-size:26px;
	margin-bottom:18px;
	font-weight:normal;
	color:#ccc;
}
.widgets section h1 {
	font-size:20px;
}

.bump {margin-bottom:2em;}

.about h1 {margin-bottom:20px;}
.about h2 {margin:20px 0;}
img.image,
.about img {
	border:1px solid #ddd;
	padding:10px;
	margin:0 0 10px -10px;
}
.about #about p {padding-right:40px;}
.about #about em {
	font-style:normal;
	padding:4px;
	background:#fff3d7;
	color:#663306;
}

#services_col.singular h1 {
	background:url(/images/sprite1.png) no-repeat -399px -339px;
	height:56px;
	width:138px;
	text-indent:-10000px;
	margin:10px 0;
}
#services_col.singular p {
	padding:0 15px;
	font-style:oblique;
	font-size:16px;
	line-height:1.5em;
	color:#666;
}
#services_col.singular ul {margin-bottom:2em;}

.portfolio h1 {margin-bottom:20px;}
.portfolio section h1 {margin-bottom:15px;}
.portfolio section section h1 {font-size:1.4em;}
.portfoliosite {
	margin-bottom:40px;
}
.portfoliosite h1,
.portfoliosite h2,
.portfoliosite h3 {
	margin-bottom:15px;
}

address.inline {
	padding:0;
	margin-left:0;
	margin-right:0;
}
.header-spacing section h1,
.header-spacing section h2 {
	margin:0.75em 0;
}