body {
 font-family: Verdana,sans-serif;
 font-size: small;
 background: #000 url(../pix/bg.gif) top left repeat-x;
 margin: 0;
 padding: 0;
}

* html body {
 font-size: x-small; /* for IE5/Win */
 f\ont-size: small; /* for other IE versions */
}

p,h1,h2,h3,ul {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 100%;
}

a {
 font-size: 100%;
 color: #333;
 text-decoration: none;
}

a.active_link {
 color: #999;
}

a.active_link:hover {
 color: #999;
 text-decoration: none;
}

a:hover {
 font-size: 100%;
 color: #999;
 text-decoration: underline;
}

blockquote {
 background: url(../pix/quote.gif) -10px -5px no-repeat;
 padding-left: 55px;
 padding-top: 15px;
 padding-bottom: 15px;
 font-size: 120%;
 color: #999966;
 font-weight: bold;
}

blockquote p {
 font-size: 100%;
 color: #666633;
 font-weight: bold;
 padding: 0;
 margin: 0;
}

blockquote a {
 background: url(../pix/quote2.gif) right -5px no-repeat;
 font-size: 80%;
 color: #333;
 display: block;
 padding-top: 5px;
}

blockquote a:hover {
 font-size: 80%;
 color: #999;
 display: block;
 padding-top: 5px;
}


/* ----[ Container ]------- */

#container {
 position: absolute;
 left: 50%;
 width: 700px;
 margin: 0 0 0 -351px;
 padding: 0;
 text-align: center;
 background: #fff;
 border-left: 8px solid #333;
 border-right: 8px solid #333;
}

/* ----[ Header ]------- */

#header {
  background:  url(../pix/logo.gif) 10px 25px no-repeat;
  color: #333;
  padding: 0;
  margin: 0;
  text-align: left;
  border: 0;
}

/* ----[ Nav ]------- */

#nav {
  background: #fff url(../pix/nav_bg.jpg) no-repeat;
  color: #333;
  padding: 55px 25px 20px 0;
  text-align: right;
  border-bottom: 1px solid #dcdcdc;
}

#navbar li {
  display: inline;
  margin-right: 5px;
}

#navbar a {
  color: #666;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  padding: 5px;
}

#navbar a:hover {
  color: #fff;
  background: #666;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}

#navbar a.active {
  color: #fff;
  background: #666;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}

/* ----[ Sidenav ]------- */

#sidenav {
  padding: 0 0 0 0;
  margin: 0;
  list-style: none;
  background: #333;
}

#sidenav li {
  background: #333;
  padding: 0;
  margin: 0;
}

#sidenav li a {
  font-size: 90%;
  color: #fff;
  display: block;
  background: #333;
  padding: 5px 0 5px 10px;
  margin: 0;
  text-decoration: none;
  border-bottom: 1px solid #666;
}

#sidenav li a:hover {
  font-size: 90%;
  color: #fff;
  display: block;
  background: #666;
  padding: 5px 0 5px 10px;
  margin: 0;
  text-decoration: none;
}

#sidenav li a.active {
  font-size: 90%;
  color: #fff;
  display: block;
  background: #666;
  padding: 5px 0 5px 10px;
  margin: 0;
  text-decoration: none;
}

#sidenav ul li a {
  font-size: 85%;
  color: #ccc;
  background: #333 url(../pix/side_nav_arrow.gif) 15px 50% no-repeat;
  display: block;
  padding-left: 25px;
}

#sidenav ul li a:hover {
  font-size: 85%;
  color: #ccc;
  background: #444 url(../pix/side_nav_arrow2.gif) 15px 50% no-repeat;
  display: block;
  padding-left: 25px;
}

#sidenav ul li a.active {
  font-size: 85%;
  color: #ccc;
  background: #444 url(../pix/side_nav_arrow2.gif) 15px 50% no-repeat;
  display: block;
  padding-left: 25px;
}

#sidenav ul li {
  padding: 0;
  list-style: none;
}

/* ----[ Content ]------- */

.signature {
 font-style: italic;
 font-size: 110%;
 color: #666;
 margin: 5px 0 0 0;
 padding: 0;
}

.embee {
 margin: 0;
 padding: 0;
 color: #ccc;
}

#content {
  border-top: 8px solid #e3e3e3;
  padding: 5px;
}

#content_intro {
  border-top: 8px solid #330000;
  padding: 5px;
}

#content_intro a {
  font-size: 110%;
  text-decoration: none;
  font-weight: bold;
  color: #990000;
}

#content_intro a:hover {
  font-size: 110%;
  text-decoration: none;
  font-weight: bold;
  color: #dcdcdc;
}

#content_intro p {
  padding: 0 0 20px 0;
}

#left {
  float: left;
  width: 26%;
  text-align: left;
  padding: 10px;
  margin-right: -100px;
}

#left-home {
  float: left;
  width: 26%;
  text-align: left;
  padding: 15px 10px 10px 10px;
  margin-right: -100px;
}

/* ----[ Right Wide ]------- */

#right_wide {
  float: right;
  width: 100%;
  text-align: left;
  padding: 10px 0 10px 0;
}

#right_wide div {
  padding: 0 15px 0 15px;
}

#right_wide img {
 padding: 5px;
 border: 1px solid #ccc;
 margin: 10px;
 float: left;
}

#right_wide h1 {
  font-size: 160%;
  color: #ccc;
  padding: 2px 0 8px 10px;
}

#right_wide h2 {
  font-size: 110%;
  padding: 10px 0 8px 0;
  color: #666;
}

#right_wide h3 {
  font-size: 200%;
  padding: 10px 0 8px 0;
  color: #666;
}

#right_wide p {
  padding-bottom: 15px;
}


#right {
  float: right;
  width: 70%;
  text-align: left;
  padding: 10px 0 10px 0;
}

#left div {
  background: #333;
  padding: 0;
}

#left-home div {
  background: #333;
  padding: 0;
}

#left-home h1 {
	color:#999;
	font-size:120%;
	padding:2px 0pt 8px;
}

#left h1 {
  font-size: 100%;
  padding: 10px 0 10px 0;
  color: #ccc;
  text-align: center;
  border-bottom: 4px solid #666;
}

#right div {
  padding: 0 15px 0 0;
}

#right img {
 padding: 0 0 10px 0;
 border: 0;
}

#right h1 {
  font-size: 160%;
  color: #ccc;
  padding: 2px 0 8px 0;
}

#right h2 {
  font-size: 130%;
  padding-bottom: 4px;
}

#right h3 {
  font-size: 200%;
  padding: 10px 0 8px 0;
  color: #666;
}

#right p {
  padding-bottom: 15px;
}

#right strong {
 color: #666;
}

/* ----[ .listing class ]------- */


.listing {
  padding: 15px 0 15px 15px;
  list-style: none;
}

.listing ul {
  padding: 5px 0 5px 2px;
  list-style: none;
  width: 30em;
}

.listing li ul li {
  padding: 5px 0 5px 10px;
}

.listing h2 {
  font-size: 90%;
  color: #666;
}

.listing a {
  font-size: 90%;
  text-decoration: none;
  color: #333;
}

.listing a:hover {
  font-size: 90%;
  text-decoration: none;
  color: #999;
}


/* ----[ .gallery class ]------- */

.gallery {
 list-style: none;
}

.gallery li {
 display: inline;
}

.thumb {
 padding: 2px;
 border: 1px solid #dcdcdc;
}

.large_link {
 font-size: 100%;
 color: #666;
} 

.link {
 font-size: 85%;
}

/* ----[ Footer ]------- */

#footer {
  clear: both;
  background: #222;
  padding: 5px 0 20px 0;
  margin: 0;
  border-top: 6px solid #000;
  border-bottom: 8px solid #333;
}

#footer h1 {
  font-size: 80%;
  color: #999;
  font-weight: normal;
  margin: 0;
  padding: 0 0 2px 0;
}

#footer strong {
  font-size: 110%;
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#footer h2 {
  font-size: 70%;
  color: #666;
  font-weight: normal;
  margin: 0;
  padding: 0 0 15px 0;
}

p.author {
 color: #666;
 font-size: 85%;
}

p.author a {
 color: #777;
 text-decoration: none;
}

p.author a:hover {
 color: #999;
}

/* ----[ #footenav ]------- */

#footernav li {
 display: inline;
 padding: 0 5px 0 5px;
}

/* ----[ #gallery ]------- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail img {
  border: 1px solid white;
}

.thumbnail:hover {
  background-color: transparent;
}

.thumbnail span { /*CSS for enlarged image*/
  position: absolute;
  top: 100px;
  left: 212px;
  visibility: hidden;
  color: black;
  text-decoration: none;
  border-top: 10px solid #dcdcdc;
  border-left: 10px solid #dcdcdc;
  border-right: 10px solid #dcdcdc;
  padding: 0;
  margin: 0;
  background: #dcdcdc;
}

.thumbnail:hover span { /*CSS for enlarged image*/
  visibility: visible;
}

/* ----[ floated image ]------- */

.float1 {
 float: left;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 0px;
}

.float2 {
 float: right;
 margin-left: 10px;
 margin-bottom: 5px;
}

/* ----[ new projects ]------- */

#new-projects  {
	list-style: none;
}

#new-projects li {
	border-bottom: 1px solid #dcdcdc;
	padding: 5px;
}