html,body{
	height:100%;
	margin:0;
	padding:0;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#8B8D90;
}
body{
	background: white url(../images/small_logo.gif) center 30px no-repeat;
	text-align:center;
}
div, img {
	border: 0;
	margin: 0;
	padding: 0;
}
h1 { color: #BA2026; font-size: 11pt; }
h2 { 
	color: #636467; 
	font-size: 10pt; 
}

#wrap {
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	width:1000px;
}
#nav {
	float:right;
	text-align:right;
}
	#nav a, #nums a, .nums a {
		float:right;
		display:block;
		color:#8B8D90;
		font-size:7px;
		text-decoration:none;
		height:7px;
		background-repeat:no-repeat;
		background-position:right 0px;
	}
	.active, .activer {
		color: black !important;
		background-position:center -7px !important;
	}
	#nav a:hover, #nums a:hover, .nums a:hover {
		background-position:center -7px;
	}
		#home { background-image:url(../images/rolls/home.gif); width:28px; }
		#comp { background-image:url(../images/rolls/comp.gif); width: 65px; }
		#love { background-image:url(../images/rolls/love.gif); width: 74px; }
		#shop { background-image:url(../images/rolls/shop.gif); width: 33px; }
		#buyonline { background-image:url(../images/rolls/buyonline.gif); width: 58px; }
		#stee { background-image:url(../images/rolls/stee.gif); width: 91px;}
		#proj { background-image:url(../images/rolls/proj.gif); width: 54px;}
		#pres { background-image:url(../images/rolls/pres.gif); width: 64px; }
		#dire { background-image:url(../images/rolls/dire.gif); width: 62px;}
		#cont { background-image:url(../images/rolls/cont.gif); width: 74px;}
		#blog { background-image:url(../images/rolls/blog.gif); width: 29px;}
		#one { background-image:url(../images/rolls/one.gif); width: 3px;}
		#two { background-image:url(../images/rolls/two.gif); width: 6px;}
		#three { background-image:url(../images/rolls/three.gif); width: 6px;}
		#four { background-image:url(../images/rolls/four.gif); width: 6px;}
		#five { background-image:url(../images/rolls/five.gif); width: 6px;}
		#six { background-image:url(../images/rolls/six.gif); width: 6px;}
		#seven { background-image:url(../images/rolls/seven.gif); width: 6px;}
		#eight { background-image:url(../images/rolls/eight.gif); width: 6px;}
		#nine { background-image:url(../images/rolls/nine.gif); width: 5px;}
		
		.one { background-image:url(../images/rolls/one.gif); width: 3px;}
		.two { background-image:url(../images/rolls/two.gif); width: 6px;}
		.three { background-image:url(../images/rolls/three.gif); width: 6px;}
		.four { background-image:url(../images/rolls/four.gif); width: 6px;}
		.five { background-image:url(../images/rolls/five.gif); width: 6px;}
		.six { background-image:url(../images/rolls/six.gif); width: 6px;}
		.seven { background-image:url(../images/rolls/seven.gif); width: 6px;}
		.eight { background-image:url(../images/rolls/eight.gif); width: 6px;}
		.nine { background-image:url(../images/rolls/nine.gif); width: 5px;}
		.ten { background-image:url(../images/rolls/ten.gif); width: 11px;}
		.eleven { background-image:url(../images/rolls/eleven.gif); width: 9px;}
		.twelve { background-image:url(../images/rolls/twelve.gif); width: 11px;}
		.thirteen { background-image:url(../images/rolls/thirteen.gif); width: 11px;}
		.fourteen { background-image:url(../images/rolls/fourteen.gif); width: 11px;}
		.fifteen { background-image:url(../images/rolls/fifteen.gif); width: 11px;}
		.sixteen { background-image:url(../images/rolls/sixteen.gif); width: 11px;}
		
		
#content {
	width:456px;
	padding-top:220px;
	margin: 0 auto;
	text-align:right;
}
	#content img {
		border-bottom: 2px solid white;
		border-right: 2px solid white;
		display:block;
		float:left;
		width:150px;
		height:150px;
	}
	#content a {
		display:block;
		float:left;
		width:150px;
		height:150px;
		text-decoration:none;
		/* background-image:url(../images/blog1.jpg); */
		border-bottom: 2px solid white;
		border-right: 2px solid white;
	}
	#content a:hover {
		/* background-image:url(../images/blog2.gif); */
	}
	#Ccomp { background-image:url(../images/home/thecompany1.jpg) } #Ccomp:hover { background-image:url(../images/home/thecompany2.gif) }
	#Clove { background-image:url(../images/home/thingsilove1.jpg) } #Clove:hover { background-image:url(../images/home/thingsilove2.gif) }
	#Cshop { background-image:url(../images/home/shop1.jpg) } #Cshop:hover { background-image:url(../images/home/shop2.gif) }
	#Cstee { background-image:url(../images/home/steelfurniture1.jpg) } #Cstee:hover { background-image:url(../images/home/steelfurniture2.gif) }
	#Cproj { background-image:url(../images/home/projects1.jpg) } #Cproj:hover { background-image:url(../images/home/projects2.gif) }
	#Cpres { background-image:url(../images/home/press1.jpg) } #Cpres:hover { background-image:url(../images/home/press2.gif) }
	#Cdire { background-image:url(../images/home/directions1.jpg) } #Cdire:hover { background-image:url(../images/home/directions2.gif) }
	#Ccont { background-image:url(../images/home/contact_info1.jpg) } #Ccont:hover { background-image:url(../images/home/contact_info2.gif) }
	#Cblog { background-image:url(../images/home/blog1.jpg) } #Cblog:hover { background-image:url(../images/home/blog2.gif) }

	#cent {
	width:100%;
	padding-top:170px;
	text-align:left;
	}
	#imag {
		float:left;
		text-align:center;
		width:700px;
	}
		#imag img {
			margin: 0 auto;
		}
	#copy {
		float: right;
		width: 300px;
	}
	#thum_wrap {
		margin-top:15px;
		width:300px;
		height: 202px;
		overflow: hidden;
	}
	#thum_wrap img{
		width:100px;
		height: 100px;
	}
	#thum, #thum2, #thum3, #thum4 {
		width:300px;
		height: 202px;
		position:relative;
	}
	#thum img, #thum2 img, #thum3 img, #thum4 img {
		float:left;
		border-bottom: 2px solid white;
		border-right: 2px solid white;
		position:absolute;
		cursor: pointer;
	}
	#nums, .nums { 
		padding:10px 0px;
	}
	#nums a, .nums a {
		margin-left:0px;
		background-repeat:no-repeat;
		background-position:center top;
		width:20px !important;
	}

