/* Load the reset stylesheet */
@import "reset.css";

/* sreski style */
body {
  font-family: verdana;
  font-size: 11px;
  line-height: 17px;
  color: #FFFFFF;
  background-color: #262626;
  text-align: center;
}

.clear {
  clear: both;
  line-height: 0px;
  height: 0px;
}

.smallfont {
  font-size: 9px;
}

#page {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

#header {
  width: 900px;
  height: 100px;
}

#lNavigation {
  margin-top: 30px;
  float: left;
  width: 134px;
}

#rNavigation {
  margin-top: 30px;
  margin-left: 34px;
  width: 732px;
  float: right;
}

#navList {
  position: relative;
  list-style: none none;
  height: 25px;
}
	
#navList li {
  list-style: none none;
  display: inline;
  text-indent: -5300px;
}

#navList a {
  float: left;
  display: block;
  height: 25px;
  text-decoration: none;
}

#n_aboutme a { width: 77px; }
#n_mywork a { width: 72px; }
#n_getintouch a { width: 92px; }
#n_scrapbook a { width: 82px; }

#n_aboutme a:hover, #n_aboutme a:focus,
#n_mywork a:hover, #n_mywork a:focus, 
#n_getintouch a:hover, #n_getintouch a:focus, 
#n_scrapbook a:hover, #n_scrapbook a:focus {
  background-position: 0px -25px;
}

.lContent {
  margin-top: 26px;
  float: left;
  width: 134px;
}

.rContent {
  margin-top: 30px;
  margin-left: 42px;
  width: 724px;
  float: right;
}

	.rContent p {
	  width: 518px;
	  margin-bottom: 10px;
	}
	
	.rContent .pImages {
	  
	}

	.rContent .pImages img {
	  margin-bottom: 25px;
	  display: block;
	}

	.rContent .pImages img.pILast {
	  margin-bottom: 0px;
	}

	/* Override rules */
	.lClient { margin-top: 6px; }
	.rClient { margin-top: 10px; }

	.lDescription { margin-top: 17px; }
	.rDescription { margin-top: 21px; }

#footer {
  margin-top: 30px;
}

	#footer .rContent p {
	  font-size: 9px;
	  line-height: 14px;
	}