@import url(master.css);

body {
	background: #7B6E68 url(/images/home/bg_home.gif) repeat-x;
}

#wrapper {
	width: 932px;
	background: none;
}

#wrapper #Content {
	position: relative;
	width: 932px;
	height: 576px;
}

#wrapper .CoffeeCube {
	background: url(/images/home/product1.jpg) no-repeat left bottom;
}

#wrapper .Revolver {
	background: url(/images/home/product2.jpg) no-repeat left bottom;
}

#wrapper .BombayTables {
	background: url(/images/home/product3.jpg) no-repeat left bottom;
}

#wrapper #Content #Header {
	position: absolute;
	right: 77px;
	top: 112px;
	width: 259px;
	height: 62px;
}

#Header h1 {
	width: 259px;
	height: 39px;
	overflow: hidden;
}

#Header h1 a {
	display: block;
	width: 259px;
	height: 39px;
	background: url(/images/home/metrik_logo.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#Header ol#Navigation {
	margin: 4px 0 0 1px;
	width: 255px;
	height: 19px;
}

#Header ol#Navigation li#nav-Portfolio {
	background: url(/images/home/buttonseparator.gif) no-repeat 74px 9px;
}

#Header ol#Navigation li#nav-CustomWork {
	background: url(/images/home/buttonseparator.gif) no-repeat 110px 9px;
}

#Header ol#Navigation li#nav-AboutUs {
	background: none;
}

#Header ol#Navigation li#nav-Portfolio a {
	background: url(/images/home/button_portfolio.gif) no-repeat;
}

#Header ol#Navigation li#nav-Portfolio a:hover {
	background: url(/images/home/button_portfolio.gif) no-repeat 0 -19px;
}

#Header ol#Navigation li#nav-CustomWork a {
	background: url(/images/home/button_custom_work.gif) no-repeat;
}

#Header ol#Navigation li#nav-CustomWork a:hover {
	background: url(/images/home/button_custom_work.gif) no-repeat 0 -19px;
}

#Header ol#Navigation li#nav-AboutUs a {
	background: url(/images/home/button_about_us.gif) no-repeat;
}

#Header ol#Navigation li#nav-AboutUs a:hover {
	background: url(/images/home/button_about_us.gif) no-repeat 0 -19px;
}


#Content #Copy {
	position: absolute;
	left: 598px;
	top: 206px;
	width: 255px;
	height: 225px;
	background: url(/images/home/body_copy.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#Content #MeetTrashy {
	position: absolute;
	left: 590px;
	top: 459px;
	width: 271px;
	height: 95px;
}

#Content #MeetTrashy a {
	display: block;
	width: 271px;
	height: 95px;
	background: url(/images/home/button_meet_trashy.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#wrapper #Footer {
	background: none;
}