* {

	padding: 0;

	margin: 0;

}



body {

	font-family:  Tahoma, Arial, Verdana, sans-serif;

	color: #745f2d;

	line-height: 1.5em;

	font-size: 76%;

	background: #fff;

	color: #745f2d;

	min-width: 780px;

	background-image: url(back.gif);

	background-repeat: repeat-x;

}

#wrapper {

	font-size:1.2em;

	position:relative;

	margin: auto;

	width: 950px;

}

.clear_self:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clear_self {height: 1%;}

/* End hide from IE-mac */



blockquote {

font-family: "Lucida Sans", arial, sans-serif;

font-style: italic;

font-size: 1.1em;

color: #8a6610;

border: 1px solid #eae6c0;

background: #ffffe9;

padding: 10px;

}



blockquote cite {

font-style: normal;

display: block;

text-align: right;

font-size: 0.9em;

margin-top: 10px;

}



address {

font-size: 0.8em;

}



img {

border: none;

}



a, a:visited {

color: #ee9414;

text-decoration: none;

border-bottom: 1px dotted #ee9414;

}



a:hover {

color: #fff;

background: #ee9414;

border-bottom: none;

}



/* GLOBAL CLASSES */



.clear {

clear: both;

}



.icon {

border-bottom: none;

}



.icon span {

margin-left: 5px;

border-bottom: 1px dotted #ee9414;

}



.icon span:hover {

border-bottom: none;

}



.icon img {

margin-bottom: -3px;

}



/* MENU */



#menu {

  background: #87b514 url(menu-bg.gif) left top repeat-x;

  border-bottom: 1px solid #79a60b;

}

 

#menu ul {

  margin-left: 51px;

}

 

#menu li {

  list-style-type: none;

  display: inline;

  padding-right: 1.7em;

  font-family: "Lucida Sans", arial, sans-serif;

  line-height: 2.4em;

  text-transform: capitalize;

}

#menu a {

  color: #fff;

  text-decoration: none;

  border: none;

  font-size: 12px;

}

#menu a:hover {

  text-decoration: underline;

  background: none;

}

#menu .current {

  font-weight: bold;

}



/* COLUMNS */



#header {

  padding-right: 19px;

  padding-top: 20px;

}

#sidebar {

  width: 248px;

  float: left;

  display: inline;

  margin-left: 30px;

}



/* HEADER */



#header {

  background: #f7f3c7 url(header-bg.gif) top left repeat-x;

  border-bottom: 3px solid #e5d2b0;

}



#header h1 {

  float: left;

  display: inline;

  width: 276px;

  height: 48px;

  margin: 20px 0 20px 15px;

  text-indent: -9000em;

  background: url(logo.gif) top left no-repeat;

}



#content-header {

  min-height: 88px;

  margin-left: 330px;

  margin-bottom: -3px;



  border-top: 1px solid #e1dec0;

  border-right: 2px solid #e1dec0;

  border-bottom: 3px solid #f0e5d2;

  border-left: 1px solid #e1dec0;



  background-color: #faf8dc;

  color: #885907;

  text-align: center;

}



* html #content-header {

  height: 88px;

}



#header h2 {

  margin-top: 20px;

  font: normal 1.45em/1.2em "Lucida Grande", arial, sans-serif;

}



/* MAIN */



#content {

  clear:both;

  margin-right: 17px;

  padding-bottom: 30px;

  background: url(m-right.gif) right top no-repeat;

}



#main {
	margin-left: 280px;
	padding: 1px 20px 0 20px;
	background: url(m-left.gif) left top no-repeat;

}

* html #main {

  height: 1%;

}



#main {

  font-size: 98%;

}



#main h2 {

  margin-top: 0.5em;

  margin-bottom: 0.5em;

  color: #ee9414;

  font: normal 1.9em "Century Gothic", arial, sans-serif;

}



#main h3 {
	color: #86b514;
	font-weight: normal;
	font-size: 1.4em;

}



/* SIDEBAR */



#sidebar {

  font-size: 87%;

}



.sidebar-node {

padding-top: 20px;

}



.sidebar-node h3 {

	color: #a87825;

	font-weight: normal;

	font-size: 1.4em;

	padding-bottom: 5px;

	margin-bottom: 5px;

	border-bottom: 1px solid #e6e6e6;

}



.sidebar-node h3 span {

color: #885907;

font-weight: bold;

}



.sidebar-node {

padding-bottom: 5px;

border-bottom: 1px solid #e6e6e6;

}



.sidebar-node ul {

list-style-type: none;

}



.sidebar-node li {

margin-bottom: 0.5em;

}



#whoweare {

color: #a5823e;

text-align: center;

margin-top: 1.9em;

margin-bottom: 1.6em;

}



.links span {

display: block;

font-size: 0.9em;

}





/* FOOTER */



#footer {

clear:both;

text-align:right;

padding: 15px;

/* background: url(/images/nb/f-top.gif) top left repeat-x; */

}



/* PAGE STYLES */



/* home */

.intro {

padding-top: 2em;

}



/* PROJECTS */



.projects {

padding-bottom: 1em;

}



.project {

clear: right;

list-style-type: none;

padding-bottom: 2em;

}



.project p {

  margin-top: 0.5em;

}



.project-info {

float: left;

width: 145px;

}



.screenshot {

border-bottom: none;

}



.screenshot:hover {

background: none;

}



.screenshot:visited {

border-bottom: none;

}



.project .screenshot {

float: right;

padding-left: 10px;

}



.project ul, .featured-project ul {

list-style-type: none;

line-height: 2em;

}



.project h3 a, .project h3 a:visited {

color: #86b514;

text-decoration: none;

border-bottom: 1px dotted #86b514;

}



.project h3 a:hover {

color: #fff;

background: #86b514;

border-bottom: none;

}



.featured-project .project {

padding-left: 145px;

}



.featured-project .screenshot {

float: left;

}