@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;}
	
html {
	font-size:100%;
	}

body {
background: url(../images/back.jpg) 0 0 repeat-x;
overflow:hidden;
font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
font-size:62.5%;}

img {
	border:none;}
	
span {
	display:none;}
	
.hide {
	display:none;}
	
textarea:focus, input:focus {
	background: #fdacbc;}
	
	
div#skyline {	
	background:url(../images/skylinecrop.png) 0 0 no-repeat;
	height:469px;
	width:100%;
	bottom:170px;
	position:fixed;
	z-index:1;
	}
	
div#road {	
	background:url(../images/botstrip.png) 0 0 repeat-x;
	height:380px;
	width:100%;
	overflow-y:hidden;
	position:absolute;
	bottom:-50px;
	z-index:1;}
	
div#hqwrap{
	position:relative;
	width:542px;
	height:504px;
	margin:0 auto;
}

div#van {
	background:url(../images/van.png);
	height:107px;
	width:226px;
	position:fixed;
	bottom:30px;
	margin-left:-80px;
	z-index:11250;
	}
	
div#tree {
	background:url(../images/righttree.png);
	position:fixed;
	bottom:170px;
	right:13%;
	width:154px;
	height:249px;
	z-index:3;}
	
	
div#park {
	background:url(../images/park.png) 0 0 no-repeat;
	width:258px;
	height:616px;
	position:fixed;
	bottom:-50px;
	left:0;
	z-index:6;
	}
	
	
div#shadow {
	background:url(../images/shadow.png) 0 0 no-repeat;
	width:979px;
	height:150px;
	position:fixed;
	bottom:0;
	z-index:5;
	}	
	

div#hq {
	position:fixed;
	bottom:69px;
	margin:0 auto;
	z-index:10000
	}
	
div#hqwhite {
	background:white;
	width:400px;
	height:400px;
	display:block;
	position:fixed;
	bottom:140px;
	margin:0 auto;
	margin-left:50px;
	z-index:1000;}	

	
div#doors {
	position:fixed;
	bottom:110px;
	margin-left:211px;
	z-index:100000
	}
	
div#arrow {
	position:fixed;
	margin-left:217px;
	bottom:70px;
	width:117px;
	height:39px;
	z-index:100000;
}
	
div#clock {
	background: #000;
	position:fixed;
	padding:5px;
	bottom:250px;
	margin-left:222px;
	height:18px;
	width:79px;
	z-index:20001;
	border: 3px solid gray;}
	
div#post a {
	background: url(../images/postbox.png);
	width:205px;
	height:202px;
	bottom: 100px;
	position:fixed;
	margin-left:550px;
	z-index:19;}
	
div#post a:hover {
	background:url(../images/posthover.png) 0 0 no-repeat;}
	

	
div#redbrick {
	background: url(../images/redbrick.png) 0 0 no-repeat;
	position:absolute;
	bottom:0;
	right:0;
	height:493px;
	width:193px;
	z-index:4;}
	


div#container {
	margin: 0 50px;
	}

div#shelfwrap {
	position: relative;
	width:790px;
	margin: 50px auto 20px;
	}
	
div#shelf, div#back {
	background:url(../images/showcase.jpg) 0 0 no-repeat;
	width:790px;
	height:537px;
	margin: 0px auto 20px;
	position:relative;
	}
	
div#back {
	background: url(../images/contactback.jpg) 0 0 no-repeat;
	}
	
#form {
	font-size:120%;
	border:2px solid white;
	background: url(../images/trans.png)  0 0 repeat;
	padding:30px;
	height:472px;}
	
#back h1, #back p{
	margin:10px 0 15px 30px;
	width:600px;
	color:white;}
	
	
#exit a, #home a{
	position: absolute;
	top:0;
	right:-100px;
	background: url(../images/exit.png) 0 0 no-repeat;
	height: 52px;
	width:52px;}
	
#home a {
background: url(../images/home.png) 0 0 no-repeat;}
	
#store a{
	position: absolute;
	top:100px;
	right:-100px;
	background: url(../images/store.png) 0 0 no-repeat;
	height: 52px;
	width:52px;}
	
#till a {
	position: absolute;
	bottom:10px;
	right:-120px;
	background: url(../images/till2.gif) 0 0 no-repeat;
	height: 104px;
	width:103px;
	z-index:1;}
	
#till a:hover {
	background: url(../images/till2.gif) 0 -105px no-repeat;
	z-index:3;}
	
#print a {
	position: absolute;
	bottom:120px;
	right:-120px;
	background: url(../images/print2.gif) 0 0 no-repeat;
	height:102px;
	width:103px;
	z-index:2;}
	
#print a:hover {
	background: url(../images/print2.gif) 0 -107px no-repeat;}
	
div#php p{
	margin-top:100px;
	font-size:130%;}
	
#thumbcont {
	width:700px;
	padding:25px;
	}
	
#bernardt a {
	float:left;
	background: url(../images/bmatthewst.png) 0 0 no-repeat;
	height: 195px;
	width:142px;
	margin:20px 15px;}
	
#bernardt a:hover {
	background: url(../images/bmatthewst.png) 0 -202px no-repeat;}
	
	
#redbullt a {
	float:left;
	background: url(../images/redbullthumb.png) 0 0 no-repeat;
	height: 195px;
	width:142px;
	margin:20px 15px;}
	
#redbullt a:hover {
	background: url(../images/redbullthumb.png) 0 -199px no-repeat;}
	
#threshert a {
	float:left;
	background: url(../images/thresherthumb.png) 0 0 no-repeat;
	height: 195px;
	width:142px;
	margin:20px 15px 0;}
	
#threshert a:hover {
	background: url(../images/thresherthumb.png) 0 -199px no-repeat;}
	
#clarkst a {
	float: left;
	background: url(../images/clarksthumb.png) 0 0 no-repeat;
	height: 195px;
	width:142px;
	margin:20px 15px 0 0;}
	
#clarkst a:hover {
	background: url(../images/clarksthumb.png) 0 -199px no-repeat;}
	
#exit a:hover {
	background: url(../images/exit.png) 0 -64px no-repeat;}
	
#home a:hover {
	background: url(../images/home.png) 0 -64px no-repeat;}
	
#store a:hover {
	background: url(../images/store.png) 0 -64px; no-repeat;}
	

		
div#music {
	position:absolute;
	top:0px;
	left:-100px;}
	
	
div#clarks a{
	background:url(../images/clarks.gif) 0 0 no-repeat;
	width:233px;
	height:169px;
	position: absolute;
	bottom:145px;
	left:440px;}
	
div#clarks a:hover{
	background:url(../images/clarks.gif) 0 -184px no-repeat;}
	
div#redbull a{
	background:url(../images/redbull.gif);
	width:184px;
	height:130px;
	position: absolute;
	bottom:340px;
	left:460px;}
	
div#redbull a:hover{
	background:url(../images/redbull.gif) 0 -150px no-repeat;
}
	
div#thresher a{
	background:url(../images/thresher.gif) 0 -10px no-repeat;
	width:202px;
	height:184px;
	position: absolute;
	bottom:144px;
	left:160px;}
	
div#thresher a:hover{
	background:url(../images/thresher.gif) 0 -189px no-repeat;}
	
div#bernard a{
	background:url(../images/bernard.gif);
	width:238px;
	height:142px;
	position: absolute;
	bottom:340px;
	left:140px;
	}


div#bernard a:hover{
	background:url(../images/bernard.gif) 0 -157px;}
	
div#treat a{
	background:url(../images/treatment.png) 0 50px no-repeat;
	width:166px;
	height:128px;
	position: absolute;
	bottom:15px;
	left:330px;
	}


div#treat a:hover{
	background:url(../images/treatment.png) 0 -70px no-repeat;}
	
	
h1 a{
	float:left;
	width:191px;
	height:22px;
	background:url(../images/grabh1.jpg);
	margin:0;
	padding:0;}
	
h1 a span, h2 span {
	display:none;}
	
h2	{
	background:url(../images/retailh2.jpg);
	width:179px;
	height:22px;
	float:right;}

div#copy {
	width:300px;
	font-size:70%;
	margin: 0 auto;
	padding:40px 0 10px;
	bottom:20px;
	color: #460210;
	z-index:100000;
	text-align:center;}

div#copy a{
	color: #000000;
	text-decoration:none;}
	
div#copy a:hover{
	text-decoration:underline;}

#form h1#treat{
	background:url(../images/treatmenth1.png) no-repeat;
	width:292px;
	height:19px;}
	
#form h1#purch{
	background:url(../images/purchaseh1.png) no-repeat;
	width:335px;
	height:25px;}
	
#form h1#print{
	background:url(../images/printh1.png) no-repeat;
	width:335px;
	height:25px;}
	
#form h1#privacy{
	background:url(../images/privacyh1.png) no-repeat;
	width:335px;
	height:25px;}
	
div#form h1#cont {
	background:url(../images/contacth1.png) no-repeat;
	width:289px;
	height:19px;}

#form h1 span {
	display:none;}
	
#form a {
	color:#ccc;
	text-decoration:none;}
	
#form a:hover {
	text-decoration:underline;}
	
div#forminp {
	width:430px;
	margin-left:25px;}
	
label {
	display:block;
	width:100px;
	float:left;
	margin:5px;
	color:white;
	clear:left;}
	
div.submit {
	margin-left:110px;
	}
	
div.formfoot {
	width:430px;
	clear:left;}
	
div.formfoot p#req {
	float:left;
	width:100px;
	margin:0;
	padding:0;}
	
div.formfoot p#priv {
	float:right;
	width:120px;
	margin-right:-200px;}
	
div.submit input{
	margin:5px 0;
	width:100px;
	}
	
.marg {
	margin-top:40px;}
	
select, input {
	display:block;
	width:220px;
	margin:5px;
	background: url(../images/transwhite.png) 0 0 repeat;}
	
option {
	background:white;}

textarea {
	width:300px;
	margin:5px 0;
	background: url(../images/transwhite.png) 0 0 repeat;}
	

#button {
background: url(../images/transwhite.png) 0 0 repeat;
padding: 0;}