@charset "utf-8";
body {
	background: #fff url(images/pagebg.gif) repeat;
	margin: 1px 0px 0px;
}
@font-face {
	font-family: 'DroidSansRegular';
	src: url('font/DroidSans-webfont.eot');
	src: local('☺'), url('font/DroidSans-webfont.woff') format('woff'), url('font/DroidSans-webfont.ttf') format('truetype'), url('font/DroidSans-webfont.svg#webfont6rGBoMAO') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1 {
	color: #aaa;
	font: bold 1.6em "DroidSansRegular", "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", "Trebuchet MS", Arial, Verdana;
	line-height: 1.3em;
}
h2 {
	font-family: "DroidSansRegular", "Lucida Grande","Lucida Sans Unicode","bitstream vera sans",Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: 10px;
	margin-top: 24px;
	font-size: 1.05em;

	line-height: 1.5em;
}

h3 {
	color: #333;
	margin-bottom: 10px;
	margin-top: 24px;
	font-family: "DroidSansRegular", "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", Tahoma, Arial, Helvetica, sans-serif;
	font-size: .95em;
	line-height: 1.3em;
}
h4 {
	font-family:  "DroidSansRegular",  Tahoma, Arial, Helvetica, sans-serif;
	color: #1E1E1E;
	margin-bottom: 8px;
	font-size: .9em;
}

.shiftleft {
	margin-left: -9000px;
	position: absolute;
}
#wrapper #content .align-left{
	float: left;
	margin-right: 6px;
	margin-left: 0px;
	border-radius: 2px;
}

#wrapper #content .image-right{
	float: right;
	margin-right: 0px;
	margin-left: 6px;
	border-radius: 2px;
}
#wrapper  #content  .emailblock  {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	width: 500px;
	margin-left: 10px;
}
#wrapper  #content  .emailblock  p  {
	font-size: 0.7em;
	margin: 8px 4px 8px 0;
}
#wrapper  #content  .emailblock  img  {
	float: left;
	border-style: none;
}

p {
	font-family:  "DroidSansRegular", Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.95em;
	margin-bottom: 18px;
	line-height: 1.4em;
	margin-right: 4px;
	margin-left: 0px;
	text-shadow: rgba(255, 255, 255, 0.09) 1px 0px 0px,
	rgba(255, 255, 255, 0.09) 0px 1px 0px,
    rgba(0, 0, 0, 0.07) 0px 2px 8px,
    rgba(0, 0, 0, 0.07) 0px -2px 8px;
}
a {
	color: #FF5400;
}
li {
	font: 0.8em/1.6em  "DroidSansRegular", Tahoma, Arial, Helvetica, sans-serif;
	list-style: circle;
	color: #333;
}
li strong {
	line-height: 3em;
}

a:hover {
	text-decoration: none;
}

#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	min-height: 550px;
	background:#f7f0eb;
	padding-right: 0px;
	position: relative;
	overflow: auto;
	box-shadow:
    rgba(50, 18, 0, 0.20) 0px 0px 4px,
    rgba(50, 18, 0, 0.06) 0px 0px 70px;
}


#wrapper #header {
	height: 210px;
	border-top: 1px solid #F2F2F2;
	position: relative;
}
#skiptocontent {
	position: absolute;
	right: 30px;
	z-index: 4;
	top: 204px;
	text-indent: -9009px;
}
#skiptocontent a {
	font-size: 0.7em;
	color: #333333;
}


#wrapper #navbg {
	background: url(images/navbg.gif) no-repeat;
	height: 30px;
	width: 950px;
	position: relative;
}

#wrapper #navbg #nav {
	position: absolute;
	height: 30px;
	width: 600px;
	top: 0px;
	left: 100px;
}
#wrapper #navbg #nav ul {
	margin: 0px;
	padding: 0px;
}

#wrapper #navbg #nav ul li {
   display:block;
   float:left;
   list-style-type:none;
   }
   
#wrapper #navbg #nav ul li a {
   overflow: hidden;
   display:block;
   height:30px; width:73px;
   background:transparent url(images/nav.gif) no-repeat 0 0;
   text-indent:-9009px;
   }

#homeon #wrapper #navbg #nav ul li a, #wrapper #navbg #nav ul li a:hover {
   background-position: 0 -30px;
   }

#wrapper #navbg #nav ul li#portfolio a {
   width:99px;
   background-position: -73px 0px;
   }

#portfolioon #wrapper #navbg #nav ul li#portfolio a, #wrapper #navbg #nav ul li#portfolio a:hover {
   background-position: -73px -30px;
   }

#wrapper #navbg #nav ul li#services a {
   width:99px;
   background-position: -172px 0px;
   }

#serviceson #wrapper #navbg #nav ul li#services a, #wrapper #navbg #nav ul li#services a:hover {
   background-position: -172px -30px;
   } 
   
#wrapper #navbg #nav ul li#philosophy a {
   width:115px;
   background-position: -272px 0px;
   }

#philoson #wrapper #navbg #nav ul li#philosophy a, #wrapper #navbg #nav ul li#philosophy a:hover {
   background-position: -272px -30px;
   }
   
#wrapper #navbg #nav ul li#contact a {
   width:85px;
   background-position: -390px 0px;
   }

#contacton #wrapper #navbg #nav ul li#contact a, #wrapper #navbg #nav ul li#contact a:hover {
   background-position: -390px -30px;
   }


#wrapper #content {
	width: 530px;
	margin-top: 24px;
	margin-left: 102px;
}
#wrapper #home-content  {
	margin-top: 24px;
	margin-left: 102px;
	width: 404px;
}
.homeimage {
	margin-left: 0px;
	padding-left: 2px;
	border: 1px solid #ccc;
	-moz-border-radius:5px;
	border-radius:5px;
}


#wrapper #sidebar {
	float: right;
	width: 230px;
	margin-top: 28px;
	margin-right: 0px;
	padding: 0px 24px 0px 40px;
}
#wrapper #charitysidebar {
	position: absolute;
	top: 241px;
	right: 0px;
	width: 230px;
	margin-top: 28px;
	margin-right: 0px;
	padding: 0px 24px 0px 40px;
}
#wrapper #sidebar #sidebox, #wrapper #charitysidebar #sidebox {
	padding: 8px 8px 8px 13px;
	background: #f7f0eb;
	margin-bottom: 20px;
	border-top: none;
	border-right: none;
	border-left: 1px solid #e3e3e3;
}

#wrapper #sidebar p, #wrapper #charitysidebar p {
	margin: 6px 0px;
	font-size: 0.8em;
}

#wrapper #sidebar h3, #wrapper #charitysidebar h3 {
	margin: 8px 0px 16px;
}
#wrapper #sidebar img {
	border: 1px solid #999999;
}
#wrapper #sidebarhome {
	width: 400px;
	padding: 0px 24px 0px 40px;
	position: absolute;
	right: 0px;
	top: 254px;
}
#wrapper #sidebarhome #sidebox {
	padding: 8px 8px 8px 13px;
	border-left: 1px solid #e3e3e3;
	background: #f7f0eb;
	margin-bottom: 20px;
}
#wrapper #sidebarhome p {
	margin: 3px 0px;
	font-size: 0.8em;
}
#wrapper #sidebarhome h3 {
	margin: 8px 0px 12px;
}
#wrapper #sidebarhome h4 {
	margin: 12px 0px 5px;
}

#wrapper  #sidebarhome  #sidebox img {
	border: 1px solid #aaa;
	margin: 8px 0;
	padding: 1px;

}
#wrapper  #sidebar  #sidebox  ul, #wrapper #charitysidebar #sidebox  ul {
	padding-left: 0px;
	margin-left: 14px;
}
#wrapper #sidebar #sidebox li, #wrapper #charitysidebar #sidebox li {
	margin-bottom: 6px;
	border-bottom: 1px dotted #DDD;
	padding-bottom: 6px;
	list-style: none;
}
p#smallprint {
	font-size: .6em;
}


#wrapper #footer {
	background: url(images/footer.jpg) no-repeat;
	height: 72px;
	width: 950px;
	clear: both;
	margin-top: 30px;
}
#wrapper #footer #footercontent {
	font-family: "DroidSansRegular",  "Lucida Grande","Lucida Sans Unicode","bitstream vera sans", Tahoma, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 30px;
	top: 70px;
	color:#666
}
#homeon #wrapper #footer {
	background: #282828 url(images/footer.jpg) no-repeat;
	height: 151px;
	width: 950px;
	clear: both;
	margin-top: 64px;
	position: relative;
}
#wrapper #content #case2 {
	background: #B00000;
	border: 1px solid #333333;
	margin: 12px 8px;
	width: 420px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#serviceson #wrapper #sidebar #sidebox #case {
	border: 1px solid #666666;
	height: 350px;
	width: 190px;
	margin-left: 6px;
	background: url(images/flashbg.gif) no-repeat;
}

#portfolioon #wrapper #content img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-left: 8px;
}

#wrapper #content #case2 strong{
	color: #FFFFFF;
	background: #800000;
	padding: 4px;
}
#wrapper #content #case2 p{
	color: #FFFFFF;
}
#wrapper #content #case2 #flashborder{
	width: 386px;
	height: 313px;
	margin: 0 0 0 14px;
	padding: 2px;
	border: 1px solid #800000;
	background: url(flash/FlashSnap2.gif) no-repeat 2px 2px;
}

#portfolioon #wrapper #sidebar #sidebox p.strong{
	margin-bottom: 28px;
	border: 1px solid #DDD;
	color: #FFFFFF;
	background: #363636;
	padding: 6px 6px 8px 8px;
	border-radius: 2px;
	margin-left: -6px;
}
#portfolioon  #wrapper  #content .portbdr, #serviceson  #wrapper  #content .portbdr, #homeon #wrapper  #sidebarhome .portbdr{
	border: 1px solid #DCDCDC;
	margin-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
	margin-top: 10px;
	border-radius:4px;
	overflow: auto;
}
#portfolioon #wrapper #content .portbdr h3, #serviceson #wrapper #content .portbdr h3, #homeon #wrapper  #sidebarhome .portbdr h3 {
	background: #363636;
	color: #EEE;
	padding-left: 6px;
	padding-bottom: 6px;
	margin-top: 12px;
	padding-top: 6px;
	border-radius:2px;
}
#serviceson #wrapper #content .portbdr div.cs-quote
{
	background: #FF5400;
	border: 1px solid #bbb;
	padding:0;
	border-radius:2px;
}
#serviceson #wrapper #content .portbdr .cs-quote p{
	margin: 0;
	padding: 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #F7F0EB;
}
#serviceson #wrapper #content .portbdr .cs-quote p span.droid {
	font-family: font-family
: "DroidSansRegular", "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans";
	font-family: "DroidSansRegular", "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans";
	font-style: bold;
}



#serviceson #wrapper #content .portbdr h3 span {
	color:#FFF;
	font-size: 0.90em;
}
#portfolioon #wrapper #content .portbdr h3 em, #serviceson #wrapper #content .portbdr h3 em {
	color: #BBB;
	font-style:normal;
}
#portfolioon #wrapper #content .portimg {
	margin-left: 0px;
	padding-left: 2px;
	background: #FFFFFF;
	border: 1px solid #aaa;
	-moz-border-radius:4px;
	border-radius:4px;
	box-shadow:1px 1px 5px #AAA;
}
#serviceson #wrapper #content .portbdr h3 em span .align-right {
	text-align: right;
	display: block;
	width: 260px;
	float: right;
	margin: 3px 8px 0px 0px;
	padding: 0px;
	color: #BBB;
}

#wrapper #content img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-left: 8px;
}
#contacton #wrapper #content .add {
	margin-left: 10px;
	border-style: none;
}
#wrapper #content #flashindex {
	background: #B00000;
	border: 1px solid #333333;
	margin: 12px 8px;
	width: 456px;
	padding: 8px 8px 8px 38px;
	height: 330px;
	clear: both;
}
#wrapper   #sidebarhome   h3, #wrapper   #sidebar   h3, #wrapper   #charitysidebar   h3 {
	background: url(images/logosmall.gif) no-repeat left top;
	padding-left: 30px;
	padding-bottom: 16px;
}
#wrapper #content h3 em {
	font-weight: normal;
	font-size: 1em;
}
#serviceson #wrapper #content ul li {
	list-style: url(none) none;
	background: url(images/arrow.jpg) no-repeat -19px 2px;
	padding-left: 22px;
	padding-bottom: 8px;
	border-bottom: 2px dotted #e3e3e3;
	color: #333333;
	margin-left: -8px;
}
#philoson #wrapper #content ul li {
	list-style: url(none) none;
	background: url(images/arrow.jpg) no-repeat -18px 4px;
	padding-left: 26px;
	padding-bottom: 14px;
	border-bottom: 2px dotted #EEE;
	color: #333333;
}

.quote {
	color: #333;
	margin: 12px 0 16px 0;
	padding: 6px;
	line-height: 1.3em;
}

#homeon #wrapper #content #homebox {
	width: 200px;
	float: right;
	clear: right;
	margin-left: 8px;
	margin-top: 2px;
	padding-left: 8px;
	margin-bottom: 8px;
	border-left: 1px solid #EEE;
}
#homeon #wrapper #content #sidebarhome #sidebox h4.home-top {
	margin-top: 0px;
	padding-top: 0px;
}


/*#homebox p{
	font-size: 0.8em;
}*/
#homeon #wrapper #content #homebox h3 {
	margin-top: 0px;
	padding-top: 0px;
}
#wrapper #content .pseudolist {
	background: url(images/arrow.jpg) no-repeat -18px -5px;
	padding-left: 26px;
	padding-bottom: 14px;
	border-bottom: 2px dotted #EEE;
	color: #333333;
}
body.planning #sidebar #sidebox li#planning a, body.usability #sidebar #sidebox li#usability a, body.standards #sidebar #sidebox li#standards a, body.cms #sidebar #sidebox li#cms a, body.charitysub #sidebar #sidebox li#charitysub a, body.case #sidebar #sidebox li#casesub a, body.faqs #sidebar #sidebox li#faqs a, body.gui #sidebar #sidebox li#gui a, body.seo #sidebar #sidebox li#seo a, body.responsive #sidebar #sidebox li#responsive a, #sidebar #sidebox li a:hover, body.charitysub #charitysidebar #sidebox li#charitysub a, #charitysidebar #sidebox li a:hover {
	border-left: 4px solid #FF5400;
	display: block;
	margin-left: -8px;
	padding-left: 8px;
	text-decoration: none;
	background: #F3E8E3;
	color: #282828;
}
#sidebar #sidebox li a, #charitysidebar #sidebox li a {
	border-left: 3px solid #AAAAAA;
	display: block;
	margin-left: -7px;
	padding-left: 7px;
	text-decoration: none;
	color: #282828;
}

#wrapper #content .boxout {
	padding: 8px;
	border: 2px dotted #CCCCCC;
	margin-right: 0px;
	margin-left: 36px;
}
#wrapper #content .smtxt {
	font-size: 0.7em;
}
#wrapper #content .contrast {
	color: #333333;
	background: #FFCC00;
}

#wrapper #content .medtxt {
	font-size: 0.85em;
}
.smtxt {
	font-size: 0.7em;
	padding-top: 12px;
}
#footer #footercontent a {
	color: #CCC;
}
.black {
	color: #4A4A4A;
	font-weight: bolder;
	font-style: italic;
}
.illus {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
.illus img {
	padding: 2px;
	margin-top: 20px;
	border: 2px solid #999999;
}
#homeon #content #homehead {
	margin: 28px 0px;

	padding-right: 4px;
	padding-left: 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#homeon #content #homehead p {
	line-height: 1.5em;
}

#wrapper #sidebar #sidebox .testquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 0.95em;
	color:#666
}
#portfolioon #wrapper #sidebar #sidebox .testquote strong {
	font-weight: normal;
	color: #000;
}
#wrapper .testquote {
	font: italic 0.9em/1.3em Georgia, "Times New Roman", Times, serif;
}
#serviceson #wrapper #content ol ol li ol li {
	font-size: 1em;
	list-style: square;
}
#serviceson #wrapper #content ol ol li ol {
	margin: 8px 0; 
}
#contacton #wrapper #content .emailblock p {
	margin-left: 68px;
}
#contacton #wrapper #content .emailblock img {
	margin-top: 6px;
}
#homeon #wrapper #content #sidebarhome #sidebox p img {
	border-radius: 3px;
}
#serviceson #wrapper #content img.arrow {
	border-style: none;
	margin-left: 244px;
	margin-top: -20px;
}

#portfolioon #wrapper #sidebar #sidebox .testbox {
	padding: 2px 8px 3px;
	margin-left: -6px;
	margin-bottom: -3px;
}
#homeon #wrapper #sidebarhome .portbdr .homelist li {
	list-style: circle outside;
	color: #333333;
}
#homeon #wrapper #sidebarhome .portbdr .homelist li strong{
	line-height:2.0em;
}