html, body {
height: 100%;
}

#container {
min-height: 100%;
margin-bottom: -840px;
position: relative;
width:1000px;
left:50%;
margin-left:-500px;
}
#header {
	padding-top:12px;
}
#footer {
height: 840px;
position: relative;
background-image:url(../images/footerbg.png);
background-repeat:repeat-x;
margin-left:-20px;
margin-right:-8px;
background-color:#c3c3c5;

}
#davesdiv{
	
	
	margin-top: 25px;
	margin-bottom:30px;

}
.clearfooter {
height: 840px;
clear: both;
}

body {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: left;
  background-color:#DEDEDE;
  background-image:url(../images/bg.png);
  background-repeat:repeat-x;
  font-size:14px
}
h1{
	margin-top:0;
}

/* You named this layer bkgnd_center */
#Layer-1 {
  position: absolute;
  margin-left: -627px;
  left: 50%;
  top: +1px;
  width: 1254px;
  height: 1500px;
  z-index: 1;
}

/* You named this layer Shape 2 */
#Layer-2 {
  position: absolute;
  left: 0px;
  top: 64px;
  width: 1254px;
  height: 333px;
  z-index: 2;
}

/* You named this layer Layer 2 copy */
#Layer-3 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1254px;
  height: 2px;
  z-index: 3;
}

/* You named this layer Give Us Call 1-800-SPINDLE 77 */
#Layer-4 {
  position: absolute;
  left: 139px;
  top: 22px;
  width: 983px;
  height: 87px;
  z-index: 4;
}

/* You named this layer Shape 1 */
#Layer-5 {
  position: absolute;
  left: -2px;
  top: -1px;
  width: 1258px;
  height: 66px;
  z-index: 5;
}

/* You named this layer Shape 5 */
#Layer-6 {
  position: absolute;
  left: 0px;
  top: 663px;
  width: 1254px;
  height: 637px;
  z-index: 6;
}

/* You named this layer Northland Tool  Electronics  S */
#Layer-7 {
	position: absolute;
	left: 139px;
	top: 113px;
	width: 979px;
	height: 182px;
	z-index: 7;
}

/* You named this layer Shape 3 copy 3 */
#Layer-8 {
  position: absolute;
  left: 138px;
  top: 571px;
  width: 244px;
  height: 169px;
  z-index: 8;
}

/* You named this layer CLICK a spindle model in the sc */
#Layer-9 {
  position: absolute;
  left: 19px;
  top: 83px;
  width: 212px;
  height: 45px;
  z-index: 9;
}

/* You named this layer View Brands */
#Layer-10 {
  position: absolute;
  left: 36px;
  top: 152px;
  width: 66px;
  height: 8px;
  z-index: 10;
}

/* You named this layer arrow */
#Layer-11 {
  position: absolute;
  left: 169px;
  top: 13px;
  width: 60px;
  height: 63px;
  z-index: 11;
}

/* You named this layer Spindle  Brands */
#Layer-12 {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 103px;
  height: 48px;
  z-index: 12;
}

/* You named this layer Shape 3 */
#Layer-13 {
  position: absolute;
  left: 384px;
  top: 571px;
  width: 243px;
  height: 169px;
  z-index: 13;
}

/* You named this layer BigPlus Repair */
#Layer-14 {
  position: absolute;
  left: 19px;
  top: 18px;
  width: 104px;
  height: 53px;
  z-index: 14;
}

/* You named this layer View Repairs */
#Layer-15 {
  position: absolute;
  left: 37px;
  top: 152px;
  width: 68px;
  height: 10px;
  z-index: 15;
}

/* You named this layer Shape 4 copy 5 */
#Layer-16 {
  position: absolute;
  left: 170px;
  top: 13px;
  width: 60px;
  height: 63px;
  z-index: 16;
}

/* You named this layer Shape 4 copy 8 */
#Layer-17 {
  position: absolute;
  left: 631px;
  top: 571px;
  width: 243px;
  height: 169px;
  z-index: 17;
}

/* You named this layer Activate */
#Layer-18 {
  position: absolute;
  left: 49px;
  top: 152px;
  width: 44px;
  height: 8px;
  z-index: 18;
}

/* You named this layer CLICK a spindle model in the sc */
#Layer-19 {
  position: absolute;
  left: 22px;
  top: 83px;
  width: 212px;
  height: 45px;
  z-index: 19;
}

/* You named this layer Emergency Repair */
#Layer-20 {
  position: absolute;
  left: 22px;
  top: 19px;
  width: 149px;
  height: 51px;
  z-index: 20;
}

/* You named this layer CLICK a spindle model in the sc */
#Layer-21 {
  position: absolute;
  left: 20px;
  top: 83px;
  width: 213px;
  height: 45px;
  z-index: 21;
}

/* You named this layer watchvideosbox */
#Layer-22 {
  position: absolute;
  left: 878px;
  top: 571px;
  width: 243px;
  height: 169px;
  z-index: 22;
}

/* You named this layer Watch Our  Videos */
#Layer-23 {
  position: absolute;
  left: 25px;
  top: 18px;
  width: 142px;
  height: 47px;
  z-index: 23;
}

/* You named this layer CLICK a spindle model in the sc */
#Layer-24 {
  position: absolute;
  left: 22px;
  top: 83px;
  width: 212px;
  height: 45px;
  z-index: 24;
}

/* You named this layer Layer 3 */
#Layer-25 {
  position: absolute;
  left: 0px;
  top: 1084px;
  width: 100%;
  height: 416px;
  z-index: 25;
  
}

/* You named this layer Brands */
#Layer-26 {
  position: absolute;
  left: 138px;
  top: 61px;
  width: 62px;
  height: 14px;
  z-index: 26;
}

/* You named this layer Watch Now */
#Layer-27 {
  position: absolute;
  left: 41px;
  top: 152px;
  width: 60px;
  height: 8px;
  z-index: 27;
}

/* You named this layer brands4 */
#Layer-28 {
  position: absolute;
  left: 141px;
  top: 98px;
  width: 199px;
  height: 170px;
  z-index: 28;
}

/* You named this layer brands3 */
#Layer-29 {
  position: absolute;
  left: 401px;
  top: 98px;
  width: 199px;
  height: 170px;
  z-index: 29;
}

/* You named this layer brands2 */
#Layer-30 {
  position: absolute;
  left: 681px;
  top: 98px;
  width: 199px;
  height: 170px;
  z-index: 30;
}

/* You named this layer brands1 */
#Layer-31 {
  position: absolute;
  left: 921px;
  top: 98px;
  width: 199px;
  height: 170px;
  z-index: 31;
}

/* You named this layer smicon4 */
#Layer-32 {
  position: absolute;
  left: 1073px;
  top: 15px;
  width: 55px;
  height: 54px;
  z-index: 32;
}

/* You named this layer smicon3 */
#Layer-33 {
  position: absolute;
  left: 1013px;
  top: 16px;
  width: 54px;
  height: 53px;
  z-index: 33;
}

/* You named this layer smicon2 */
#Layer-34 {
  position: absolute;
  left: 951px;
  top: 15px;
  width: 54px;
  height: 54px;
  z-index: 34;
}

/* You named this layer smicon1 */
#Layer-35 {
  
  left: 890px;
  width: 53px;
  height: 53px;
  z-index: 35;
}

/* You named this layer Shape 10 */
#Layer-36 {
  position: absolute;
  left: 138px;
  top: 84px;
  width: 984px;
  height: 1px;
  z-index: 36;
}

/* You named this layer Shape 10 copy */
#Layer-37 {
  position: absolute;
  left: 138px;
  top: 281px;
  width: 984px;
  height: 1px;
  z-index: 37;
}

/* You named this layer Home  Our Staff  Our Company */
#Layer-38 {
  position: absolute;
  left: 141px;
  top: 291px;
  width: 978px;
  height: 40px;
  z-index: 38;
}

/* You named this layer Menu copy 7 */
#Layer-39 {
  position: absolute;
  left: 141px;
  top: 28px;
  width: 708px;
  height: 10px;
  z-index: 39;
}

/* You named this layer Layer 4 */
#Layer-40 {
  position: absolute;
  left: 0px;
  top: 1px;
  width: 1254px;
  height: 2px;
  z-index: 40;
}

/* You named this layer Or Take a Plant Tour */
#Layer-41 {
  position: absolute;
  left: 131px;
  top: 143px;
  width: 1035px;
  height: 410px;
  z-index: 41;
}


a {
  cursor: pointer;
  outline: none;
}
a:link { 
	color: #666; 
}
a:visited { 
	color: #666; 
}
a:hover {
  	color: #900;
}
.center{
	background-color:#0F3;
	width:1000px;
	left:50%;
	margin-left:-500px;
}
.bottomnav{
	font-size:10px;
}
.pushtitle{
	padding-top:15px;
	margin-left:15px;
}



#wrap {
margin:-1px auto 0;
border:1px solid #000;
border-bottom:0;
}
* html #wrap { 

}
/* ---------- Mega Drop Down --------- */
#mega {
	list-style:none;
	font-weight:bold;
	height:2em;
	margin:0 -1px 0px 0;
	font-family:Tahoma, Geneva, sans-serif;
}

#mega li {
border:none;
margin-left:-1px;
float:left;
width:115px; /*width of the individual button divs */
text-align:center;
position:relative;
}
#mega li:hover {
background:#640906;
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
padding:7px 0 1px 0;
margin-top:-7px;
z-index:1; /* shadow above adjacent li */
}
#mega a {
color:#fff;
outline:0;
text-decoration:none;
display:block;
line-height:2em;
font-size:14px;
}
/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:1px;
width:360px;
padding:0 10px 10px;
border:1px solid #000;
border-top:0;
font-weight:normal;
text-align:left;
background:#640906;
}
#mega li:hover div {
left:-1px;top:auto;
}
#mega li.dif:hover div {
left:-221px;
}
/* --------- Within Div Styles --------- */
#mega div h2 {
background:#fff;
font-size:12px;
padding:2px 5px 2px 2px;
margin:10px 0 5px 0;
clear:both;
float:left;
width:355px;
position:relative; /* makes above drop shadow */
}
#mega div p {
float:left;
width:120px;
padding-left:0px;
position:relative; /* makes above drop shadow */
}
#mega div p a {
text-decoration:none;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.4;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:underline;
}
/* ---------- Drop Shadow ---------- */
#mega div .s1, #mega div .s2, #mega div .s3 {
position:absolute;
width:100%;height:100%;
}
#mega div .s1 {
background:url(images/rightcorner.png) 100% 0 no-repeat;
top:1px;right:-9px;
} 
#mega div .s2 {
background:url(images/leftcorner.png) 0 100% no-repeat;
bottom:-9px;left:1px;
} 
#mega div .s3 {
background:url(images/shadow.png) 100% 100%;
top:9px;right:-9px;
}
#mega li:hover .s4 {
background:url(images/li-shadow.png) 100% 0 repeat-y;
position:absolute;
top:0;right:-9px;
height:100%;
padding:0 8px 0 0;
}
* html #mega li:hover .s4 {
background:none;
}
#mega li:hover .dif-s4 {
padding-bottom:9px
}
 
.navtable li{
	list-style-type:none;
	font-size:small;
}
.maincontent{
	background-color:#FFF;
	border:0px 0px 1px 1px solid #CCC;
	padding:15px;
	-moz-box-shadow: 1px 2px 6px 2px #333;
	-webkit-box-shadow: 1px 2px 6px 2px #000;
	box-shadow: 1px 2px 6px 2px #000;
	

}

.maincontent h1{
	color:#650909;
	font-size:26px;
	border-bottom: dotted #CCC 1px;
}

.maincontent img{
	-moz-box-shadow: 1px 1px 4px 0px #333;
	-webkit-box-shadow: 1px 2px 4px 0px #000;
	box-shadow: 1px 1px 4px 0px #000;
}
.leftside{
	float:left;
	width:250px;
	height:600px;
}
.line{
	width:1px;
	height:600px;
	background-color: #CCC;
	float:left;
	margin-right:9px;
	margin-left:5px;
}
.rightside{
	float:none;
	
}
.video{
	margin-left:250px;
}
/*video page*/
.videolist img {
	float:left;
	border:solid 1px #999;
	margin-right:15px;
}
.videolist {
	font-size:10px;
	color:#999;
	height:83px;
	border-bottom:dotted #CCC 1px;
	padding-bottom:10px;
	padding-top:10px;
	
	
}
.videolist p{
	margin-top:-2px;
	font-size:16px;	
}
.videolist a{
	font-weight:bold;
}
.brandlink{
	margin-top:-5px;
}

.noshadow{
	-moz-box-shadow: 0px 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px 0px #fff;
	box-shadow: 0px 0px 0px 0px #fff;
}


/* Shadowbox */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


.push a:link{
	color:#FFF;
}
.push a:visited{
	color:#FFF;
}
.push a:hover{
	color:#000;
}
/* rotator in-page placement */
    div.rotator {
	position:relative;
	height:345px;
	margin-left: 15px;
	display: none;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
    div.rotator ul li.show {
	z-index:500
}
