body {
	background: url(images/header_bg.jpg) repeat-x 0 top;
}

/* HEADER */
#header{
	width: 906px;
	margin: 30px auto;
	}
	
#contact, #contact:hover ,#linkedin ,#linkedin:hover ,#facebook ,#facebook:hover {
	height:55px;
	margin: 0 30px -30px 0;
	float: right;
	cursor: pointer;
	}
#contact {
	background: url(images/sprite.png) no-repeat scroll -960px -94px;
	width:50px;
}
#contact:hover {
	background: url(images/sprite.png) no-repeat scroll -960px -217px;
	width:50px;
}
#linkedin {
	background: url(images/sprite.png) no-repeat scroll -1034px -94px;
	width:56px;
}
#linkedin:hover {
	background: url(images/sprite.png) no-repeat scroll -1034px -217px;
	width:56px;
}
#facebook {
	background: url(images/sprite.png) no-repeat scroll -1125px -94px;
	width:76px;
}
#facebook:hover {
	background: url(images/sprite.png) no-repeat scroll -1125px -217px;
	width:76px;
}

/* BODY */
#content {
	width: 879px;
	margin: 0 auto;
	padding: 30px 13px 4px 14px;
	background: url(images/sprite.png) no-repeat left top;
}
.column {
	width: 160px;
	margin: 0 0 0 14px;
	float: left;
}

.column .web, .column .print, .column .signage, .column .motion, .column .identity {
	width: 160px;
	height: 40px;
	margin: 0 0 28px 0;
}

.column .thumbnail {
	width: 160px;
	height: 100px;
}

.column .web {
	background: url(images/sprite.png) no-repeat scroll -1076px 0;
}
.column .print {
	background: url(images/sprite.png) no-repeat scroll -1254px 0;
}
.column .signage {
	background: url(images/sprite.png) no-repeat scroll -1420px 0;
}
.column .motion {
	background: url(images/sprite.png) no-repeat scroll -1628px 0;
}
.column .identity {
	background: url(images/sprite.png) no-repeat scroll -1809px 0;
}
.thumbnail {
	background: url(images/sprite.png) no-repeat -906px 0;
}
.th-image {
	padding: 5px;
	}
.clear{
	clear: both;
}

/* POPUP WINDOW */
#flash {
	margin: 2% 0 0 38%;
	float: left;
	padding: 10px;
	border: 1px solid #c8c8c8;
	background-color:#FFF;
}

#popup {
	padding: 10px;
	border: 1px solid #c8c8c8;
	min-width: 100px;
	margin: 0 auto;
	float: left;
	background-color:#FFF;
}

#close, #close:hover {
	position: absolute;
	top: 0;
	right: 0;
	background: url(images/sprite.png) no-repeat scroll -1710px -381px;
	margin: 0 20px -5px 10px;
	width: 86px;
	height: 19px;
	cursor: pointer;
}


#close {
	background: url(images/sprite.png) no-repeat scroll -1710px -381px;
}

#close:hover {
	background: url(images/sprite.png) no-repeat scroll -1710px bottom;
}

#one, #one:hover, #oneactive, #two, #two:hover, #twoactive, #three, #three:hover, #threeactive, #four, #four:hover, #fouractive, #five, #five:hover, #fiveactive {
	width: 36px;
	height: 19px;
	float: left;
	margin: 0 0 0 2px;
	cursor: pointer;
}

#one {
	background: url(images/sprite.png) no-repeat scroll -1833px -381px;
}

#one:hover, #oneactive {
	background: url(images/sprite.png) no-repeat scroll -1833px bottom;
}

#two {
	background: url(images/sprite.png) no-repeat scroll -1871px -381px;
}

#two:hover, #twoactive {
	background: url(images/sprite.png) no-repeat scroll -1871px bottom;
}

#three {
	background: url(images/sprite.png) no-repeat scroll -1909px -381px;
}

#three:hover, #threeactive {
	background: url(images/sprite.png) no-repeat scroll -1909px bottom;
}

#four {
	background: url(images/sprite.png) no-repeat scroll -1947px -381px;
}

#four:hover, #fouractive {
	background: url(images/sprite.png) no-repeat scroll -1947px bottom;
}

#five {
	background: url(images/sprite.png) no-repeat scroll -1985px -381px;
}

#five:hover, #fiveactive {
	background: url(images/sprite.png) no-repeat scroll -1985px bottom;
}

/* FOOTER */

#footer {
	padding: 20px;
	text-align: center;
	font-family: helvetica;
	font-size: 16px;
	color: #d0d2d2;
}