body {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font: 11px "Helvetica Neue", Arial, Helvetica, serif;
  color: #666;
}

/* Temporary xmas style info */
.bg-home, .bg-work, .bg-projects, .bg-about, .bg-blog, .bg-contact {
	background: #00b0ff url("../images/xmas-back.jpg") repeat top left;
}


.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.pad { padding: 20px 20px 10px 20px; }
a img { border: 0; }

.container {
  width: 740px;
  margin: 0 auto 0 170px;
  text-align: left;
}

.top {
  width: 740px;
  height: 23px;
  background: #fff;
  color: #ccc;
  line-height: 23px;
  margin: 0 0 55px 0;
  font-size: 12px;
}

a, a:active, a:link, a:visited {
  color: #000;
  background: #ffff00;
  text-decoration: none;
  padding: 0 2px 0 2px;
}
a:hover { color: #fff; background: #000; text-decoration: none; }

.top a, .top a:visited, .top a:link, .top a:active, #close-but { color: #000; background: #ffff00; }
.top a:hover, #close-but:hover { color: #fff; background: #000; }

.top .left, .top .right { padding: 0 10px 0 20px; }

.nav-area { height: 190px; margin: 0 0 20px 0; }
.nav-area ul, li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 32px;
} 
.nav-area li { margin: 0 0 2px 0; }

.nav-area ul li a, .nav-area ul li a:visited, .nav-area ul li a:link {  
  color: #fff;
  background: none;
  font-size: 36px;
}
.nav-area ul li a:hover { color: #000; }
.nav-area ul li a.uberlink { color: #fff600; }

#close-but { font-size: 12px; }

.rollOverImageLink .overImage { display: none; position: absolute; }

.content { background: #fff; display: none; margin: 20px 0 50px 0; }

.whiteline { 
  width: 50%; 
  position: absolute; 
  right: 0; 
  top: 288px; 
  background: url("../images/whiteline.png") no-repeat; 
  display: none; 
}

p {
  color: #666;
  margin: 0;
  padding: 15px 0 0 0;
}

h1 {
  font-size: 60px;
  margin: 0;
  padding: 0;
  color: #ccc;
}

h2 {
  font-size: 16px;
  margin: 0;
  padding: 40px 0 10px 0;
  color: #999;
}

h3 {
  font-size: 30px;
  margin: 0;
}

h4 {
  color: #333;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

h5 {
  color: #666;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 8px 0 0 0;
}

h6 {
  color: #999;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.sifr-nav {
  font-size: 30px;
}

.work-item {
  float: left;
  width: 220px;
  height: 310px;
  min-height: 310px;
  margin: 0 13px 15px 0;
  background: #fff url("../images/imgdecor.gif") no-repeat;
}

.work-item-info {
  width: 220px;
  margin: 20px 0 0 0;
  padding: 0;
}

.work-item-info p {
  padding: 5px 0 0 0;
}

.decor { padding: 5px 0 0 0; }

.sub-left { 
  width: 220px;
  float: left;
  margin: 0 0 5px 0;
}

.sub-right {
  width: 455px;
  float: right;
  margin: 0 0 5px 0;
}

.blog-info {
  width: 455px;
  float: right;
  margin: 0 0 20px 0;
}

.sub-left-bot {
  float: left;
  width: 220px;
  height: 5px;
  background: url("../images/decor.gif") repeat-x bottom;
  padding: 0;
}

.sub-right-bot {
  width: 455px;
  height: 5px;
  float: right;
  background: url("../images/decor.gif") repeat-x bottom;
  padding: 0;
}

.projects-nav {
  width: 220px;
  background: url("../images/decor.gif") repeat-x top left;
  padding: 10px 0 0 0;
}

.projects-nav p, .lowp p {
  padding: 0 0 5px 0;
}

.lowp-alt { margin: 0; padding: 2px 0 2px 0; }

.divider { width: 100%; height: 5px; background: url("../images/decor.gif") repeat-x bottom; margin: 5px 0 5px 0; padding: 0; }

a.heavy-link { font-weight: bold; }

.top-controls { margin: 0 0 5px 0; }

a.unstyledlink { background: none; color: #ccc; }
a.unstyledlink:hover { color: #000; }

/* Add */
.item-end {
	clear: both;
	width: 100%;
	border-top: 1px solid #cdcdcd;
	margin: 22px 0;
}