@charset "utf-8";
body {
	background: #2F2F2F url(images/fd09bg2.jpg) repeat-x fixed center top;
	margin: 1px 0px 0px;
}
h1 {
	font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","Trebuchet MS", Arial, Verdana;
	color: #444;
	font-size: 1.8em;
	font-weight: normal;
	text-shadow: 1px 2px 3px #DDD;
}
h2 {
	font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans",Tahoma, Arial, Helvetica, sans-serif;
	color: #2F2F2F;
	margin-bottom: 10px;
	margin-top: 24px;
	font-size: 1.05em;
	text-shadow: 1px 1px 3px #EEE;
}

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

.shiftleft {
	margin-left: -9000px;
	position: absolute;
}

#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: Tahoma, Arial, Helvetica, sans-serif;
	color: #4E4E4E;
	font-size: 0.9em;
	margin-bottom: 18px;
	line-height: 1.4em;
	margin-right: 4px;
	margin-left: 0px;
}
a {
	color: #CC0500;
}
li {
	font: 0.8em/1.6em Tahoma, Arial, Helvetica, sans-serif;
	list-style: circle;
	color: #4E4E4E;
}
li strong {
	line-height: 3em;
}

a:hover {
	color: #D80400;
	text-decoration: none;
}

#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	min-height: 550px;
	background:#FFFFFF url(images/wrapperbg.jpg) no-repeat left 230px;
	padding-right: 0px;
	position: relative;
}


#wrapper #header {
	height: 210px;
	border-top: 1px solid #F2F2F2;
	position: relative;
}
#skiptocontent {
	position: absolute;
	right: 30px;
	z-index: 4;
	top: 204px;
}
#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 #sidebar {
	float: right;
	width: 230px;
	margin-top: 28px;
	margin-right: 0px;
	padding: 0px 24px 0px 40px;
}
#wrapper #sidebar #sidebox {
	padding: 8px 8px 8px 13px;
	border: 1px solid #E8E8E8;
	background: #FDFDFD;
	margin-bottom: 20px;
}
#wrapper   #content   #sidebarhome   #sidebox   .openhive  {
	border-style: none;
	float: left;
	margin: 3px 6px 0px 0px;
}

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

#wrapper #sidebar h3 {
	margin: 8px 0px 16px;
}
#wrapper #sidebar img {
	border: 1px solid #999999;
}
#wrapper #sidebarhome {
	width: 230px;
	padding: 0px 24px 0px 40px;
	position: absolute;
	right: 0px;
	top: 268px;
}
#wrapper #sidebarhome #sidebox {
	padding: 8px 8px 8px 13px;
	border: 1px solid #E8E8E8;
	background: #FDFDFD;
	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  {
	padding-left: 0px;
	margin-left: 14px;
}
#wrapper #sidebar #sidebox li {
	margin-bottom: 6px;
	border-bottom: 2px dotted #EEE;
	padding-bottom: 6px;
}


#wrapper #content {
	width: 530px;
	margin-top: 24px;
	margin-left: 102px;
}
#wrapper #content 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: 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: #2F2F2F;
	background: #E9E9E9;
	padding: 6px 6px 8px;
	border-radius: 2px;
}
#portfolioon  #wrapper  #content  .portbdr {
	border: 1px solid #DDD;
	margin-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(images/portbg.jpg) no-repeat right bottom;
	margin-top: 10px;
}
#portfolioon #wrapper #content .portbdr h3 {
	background: #363636;
	color: #EEE;
	padding-left: 4px;
	padding-bottom: 3px;
	margin-top: 12px;
}

#portfolioon #wrapper #content .portimg {
	margin-left: 0px;
	padding-left: 2px;
	background: #FFFFFF;
	border: 1px solid #aaa;
	border-radius:4px;
	box-shadow:1px 1px 5px #AAA;
}
#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 {
	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 -18px 4px;
	padding-left: 26px;
	padding-bottom: 14px;
	border-bottom: 2px dotted #EEE;
	color: #333333;
}
#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 {
	letter-spacing: 0.12em;
	color: #000000;
	margin: 12px 0 16px 0;
	padding: 6px;
	font: italic bold 1em/1.4em "Trebuchet MS", Arial, Verdana;
}

#homeon #wrapper #content #homebox {
	font-size: 0.9em;
	width: 200px;
	float: right;
	clear: right;
	margin-left: 8px;
	margin-top: 0px;
	padding-left: 8px;
	margin-bottom: 8px;
	border-left: 1px solid #EEE;
}
#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 {
	background: #f3f3f3;
	border-bottom: #999 1px solid;
}
body.usability #sidebar #sidebox li#usability {
	background: #f3f3f3;
	border-bottom: #999 1px solid;
}
body.gui #sidebar #sidebox li#gui {
	background: #f3f3f3;
	border-bottom: #999 1px solid;
}
body.standards #sidebar #sidebox li#standards {
	background: #f3f3f3;
	border-bottom: #999 1px solid;
}

body.cms #sidebar #sidebox li#cms {
	background: #f3f3f3;
	border-bottom: #999 1px solid;
}
body.charitysub #sidebar #sidebox li#charitysub {
	background: #f3f3f3;
	border-bottom: #999 1px solid;
}
#wrapper #content .boxout {
	font-size: 0.9em;
	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;
}
#homeon #content #homehead {
	margin: 28px 0px;
	background: #FFF url(images/portbg.jpg) no-repeat right bottom;
	padding-right: 4px;
	padding-left: 8px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}
#homeon #content #homehead p {
	line-height: 1.6em;
}

#wrapper #sidebar #sidebox .testquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: .9em;
}
#wrapper .testquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: .9em;
}