* {
	padding: 0;
	margin: 0;
}

BODY {
	FONT-SIZE: 76%;
	BACKGROUND: #fff;
	COLOR: #909084;
	LINE-HEIGHT: 1.5em;
	FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif;
	min-width: 780px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}
#wrapper {
	FONT-SIZE: 1.2em;
	POSITION: relative
}
.clear_self:after {
	CLEAR: both;
  DISPLAY: block;
  VISIBILITY: hidden;
  HEIGHT: 0px; content: "."
}
 HTML .clear_self {
	HEIGHT: 1%
}
BLOCKQUOTE {
	BORDER-RIGHT: #eae6c0 1px solid;
  PADDING-RIGHT: 10px;
  BORDER-TOP: #eae6c0 1px solid;
  PADDING-LEFT: 10px;
  FONT-SIZE: 1.1em;
  BACKGROUND: #ffffe9;
  PADDING-BOTTOM: 10px;
  BORDER-LEFT: #eae6c0 1px solid;
  COLOR: #8a6610;
  PADDING-TOP: 10px;
  BORDER-BOTTOM: #eae6c0 1px solid;
  FONT-STYLE: italic;
  FONT-FAMILY: "Lucida Sans", arial, sans-serif
}
BLOCKQUOTE CITE {
	MARGIN-TOP: 10px;
  DISPLAY: block;
  FONT-SIZE: 0.9em;
  FONT-STYLE: normal;
  TEXT-ALIGN: right
}
ADDRESS {
	FONT-SIZE: 0.8em
}
IMG {
	BORDER-TOP-STYLE: none;
  BORDER-RIGHT-STYLE: none;
  BORDER-LEFT-STYLE: none;
  BORDER-BOTTOM-STYLE: none
}
A {
	COLOR: #ee9414;
  BORDER-BOTTOM: #ee9414 1px dotted;
  TEXT-DECORATION: none
}
A:visited {
	COLOR: #ee9414;
  BORDER-BOTTOM: #ee9414 1px dotted;
  TEXT-DECORATION: none
}
A:hover {
	BACKGROUND: #ee9414;
  COLOR: #fff;
  BORDER-BOTTOM-STYLE: none
}
.clear {
	CLEAR: both
}
.icon {
	BORDER-BOTTOM-STYLE: none
}
.icon SPAN {
	MARGIN-LEFT: 5px;
  BORDER-BOTTOM: #ee9414 1px dotted
}
.icon SPAN:hover {
	BORDER-BOTTOM-STYLE: none
}
.icon IMG {
	MARGIN-BOTTOM: -3px
}
#menu {
	BACKGROUND: url(menu-bg.gif) #87b514 repeat-x left top;
  BORDER-BOTTOM: #79a60b 2px solid
}
#menu UL {
	MARGIN-LEFT: 50px
}
#menu LI {
	PADDING-RIGHT: 1.7em;
  DISPLAY: inline;
  TEXT-TRANSFORM: lowercase;
  LINE-HEIGHT: 2.4em;
  FONT-FAMILY: "Lucida Sans", arial, sans-serif; 
  LIST-STYLE-TYPE: none
}
#menu A {
	COLOR: #ffffff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
#menu A:hover {
	BACKGROUND: none transparent scroll repeat 1% 1%; TEXT-DECORATION: underline; COLOR: #dc634e
}
#menu .current {
	FONT-WEIGHT: bold;
}
#header {
	PADDING-RIGHT: 19px; PADDING-TOP: 20px
}
#sidebar {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 40px; WIDTH: 238px
}
#header {
	BACKGROUND: url(header-bg.gif) #f7f3c7 repeat-x left top; BORDER-BOTTOM: #e5d2b0 3px solid
}
#header H1 {
	DISPLAY: inline; BACKGROUND: url(logo.gif) no-repeat left top; FLOAT: left; MARGIN: 10px 0px 0px 35px; WIDTH: 276px; TEXT-INDENT: -9000em; HEIGHT: 65px
}
#content-header {
	BORDER-RIGHT: #e1dec0 2px solid; BORDER-TOP: #e1dec0 1px solid; MIN-HEIGHT: 88px; MARGIN-BOTTOM: -3px; MARGIN-LEFT: 330px; BORDER-LEFT: #e1dec0 1px solid; COLOR: #909084; BORDER-BOTTOM: #f0e5d2 3px solid; BACKGROUND-COLOR: #faf8dc; TEXT-ALIGN: center
}
 HTML #content-header {
	HEIGHT: 95px
}
#header H2 {
	MARGIN-TOP: 20px; FONT: 1.45em/1.2em "Lucida Grande", arial, sans-serif
}
#content {
	CLEAR: both; BACKGROUND: url(m-right.gif) no-repeat right top; PADDING-BOTTOM: 30px; MARGIN-RIGHT: 17px
}
#main {
	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; BACKGROUND: url(m-left.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN-LEFT: 330px; PADDING-TOP: 1px
}
 HTML #main {
	HEIGHT: 1%
}
#main {
	FONT-SIZE: 98%
}
#main H2 {
	MARGIN-TOP: 1.2em; MARGIN-BOTTOM: 0.5em; FONT: 1.9em "Century Gothic", arial, sans-serif; COLOR: #ee9414
}
#main H3 {
	MARGIN-TOP: 0.8em; FONT-WEIGHT: normal; FONT-SIZE: 1.4em; MARGIN-BOTTOM: 0.3em; COLOR: #86b514
}
#main H4 {
	MARGIN-TOP: 0.8em; FONT-WEIGHT: bold; FONT-SIZE: 0.7em; MARGIN-BOTTOM: 0.3em; COLOR: #909084; TEXT-DECORATION: underline
}
#sidebar {
	FONT-SIZE: 87%
}
.sidebar-node {
	PADDING-TOP: 20px
}
.sidebar-node H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 1.4em; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: lowercase; COLOR: #909084; BORDER-BOTTOM: #e6e6e6 1px solid
}
.sidebar-node H3 SPAN {
	FONT-WEIGHT: bold; COLOR: #909084
}
.sidebar-node {
	PADDING-BOTTOM: 5px; BORDER-BOTTOM: #e6e6e6 1px solid
}
.sidebar-node UL {
	LIST-STYLE-TYPE: none
}
.sidebar-node LI {
	MARGIN-BOTTOM: 0.5em
}
#whoweare {
	MARGIN-TOP: 2.9em; MARGIN-BOTTOM: 1.6em; COLOR: #909084; TEXT-ALIGN: center
}
.links SPAN {
	DISPLAY: block; FONT-SIZE: 0.9em
}
#footer {
	CLEAR: both; PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; TEXT-ALIGN: center; FONT-SIZE: 0.9em; 
}
#footer A {
	COLOR: #ffffff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
#footer A:hover {
	BACKGROUND: none transparent scroll repeat 1% 1%; TEXT-DECORATION: none; COLOR: #dc634e
}
.footer-node {
	PADDING-TOP: 20px
}
.footer-node H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 0.9em; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: lowercase; COLOR: #909084;
}
.footer-node H4 SPAN {
	FONT-WEIGHT: bold; COLOR: #909084
}
.footer-node {
	PADDING-BOTTOM: 5px; BORDER-TOP: #e6e6e6 1px solid
}
.footer-node UL {
	LIST-STYLE-TYPE: none
}
.footer-node LI {
	MARGIN-BOTTOM: 0.5em
}
.intro {
	PADDING-TOP: 2em
}
.projects {
	PADDING-BOTTOM: 1em
}
.project {
	CLEAR: right; PADDING-BOTTOM: 2em; LIST-STYLE-TYPE: none
}
.project-info {
	FLOAT: left; WIDTH: 145px
}
.screenshot {
	BORDER-BOTTOM-STYLE: none
}
.screenshot:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.screenshot:visited {
	BORDER-BOTTOM-STYLE: none
}
.project .screenshot {
	PADDING-LEFT: 10px; FLOAT: right
}
.project UL {
	LINE-HEIGHT: 2em; LIST-STYLE-TYPE: none
}
.featured-project UL {
	LINE-HEIGHT: 2em; LIST-STYLE-TYPE: none
}
.project H3 A {
	COLOR: #86b514; BORDER-BOTTOM: #86b514 1px dotted; TEXT-DECORATION: none
}
.project H3 A:visited {
	COLOR: #86b514; BORDER-BOTTOM: #86b514 1px dotted; TEXT-DECORATION: none
}
.project H3 A:hover {
	BACKGROUND: #ffffff; COLOR: #dc634e; BORDER-BOTTOM: #dc634e 1px dotted
}
.featured-project .project {
	PADDING-LEFT: 145px
}
.featured-project .screenshot {
	FLOAT: left
}