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

body {
	font-size:small;
	}
h1 {
	font-size:150%;
	text-align:center;
	}	

#panel_main h1 {
	line-height: 240%;
	color: #0000CC;
	margin-top: 15px;
   text-decoration:none;	
}

#panel_main a h1 {
	color: #ff0000;
	text-decoration:none;
}
#panel_main a h1:hover {
	color: #999;
	text-decoration:underline;
}

h2 {
	font-size:130%;
	}
	
#service #panel_main h2 {
	font-size:150%;
	color:#FF0000;
	font-weight:bold;	 	
}
	
h3 {
	font-size:120%;
	}
h4 {
	font-size:110%;
	}
hr {
	color: #e1e1e1;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

#bodyContainer {
	width:960px;
	margin:10px auto;
	border:1px solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-left-radius: 8px;  
	border-bottom-left-radius: 8px; 
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;  
	-webkit-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 8px;  
	-moz-border-radius-bottomleft: 8px; 
	-moz-border-radius-bottomright: 8px;		
	z-index: 11;
    box-shadow: 0px 0px 20px black;
	-moz-box-shadow: 0px 0px 20px black;
	-webkit-box-shadow: 0px 0px 20px black;		
	}	
	
#header {
	background: url(../img/headinglogo-1.jpg) no-repeat right top;
	height: 168px;
}
#header #address {
	width: 212px;
	margin-left: 10px;
	padding-top: 10px;
}

#headingtext {
	font: 120% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	width: 450px;
	color: #0000CC;
	float: right;
	margin-right: 60px;
	padding-top: 130px;
}

* html #headingtext {
		margin-right: 30px;
		}

#columnwrap {
	float: left;
	width: 958px;
	border-top: 2px solid #000;	
/*	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom: none #000;*/
}
#panel_left {
	float: left;
	width: 212px;
	padding: 6px 0 6px 6px;
	border-right:1px solid #000;
}
#menu {
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	width: 90%;
	font: bold 130% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-transform: uppercase;
}
#menu li a {
	line-height:150%;
	text-decoration: none;
}
#menu li a:hover {
	color:#999;
}

#panel_main {
	float: right;
	width: 77%;
}
#panel_main p {
	font-size: 100%;
	line-height:150%;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding: 10px 25px;
}
#panel_main .submenu {
	line-height: 240%;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 180%;
	font-weight: bold;
}


#footer {
	clear:both;
	text-align: center;
	width: 958px;
	padding: 20px 0 12px 0;
	border-right-width: solid 1px #000;
	border-left-width: solid 1px #000;
}
.centre,section {
	text-align: center;
}

figcaption {
	font: 21px Georgia, "Times New Roman", Times, serif;
	color: #333333;
	text-align: center;
}

#address .menuBoxText .textRev {
	color: #FF0000;
	text-align: center;
	padding: 6px 0px;
	width: 90%;
	background: #ccc;
	margin: 0px 0 10px 6px;
	display: block;
	font-size: 120%;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	border: 1px solid #FF0000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#address .menuBoxText .textRev a{
	color: #FF0000;
	text-decoration:none;
}
#address .menuBoxText .textRev a:hover{
	color: #999;
	text-decoration:underline;
}


.text-red-bold {
	color: #FF0000;
	font-weight: bold;
}
.text-blue-bold {
	color: #0000ff;
	font-weight: bold;
	font-size: 130%;
}
.text-small {font: 60%/100% Arial, Helvetica, sans-serif;}

.menuBoxText {
	font: 110%/125% Arial, Helvetica, sans-serif;
	width: 90%;
	text-align: center;
	display: block;
}	
/* animatation testing */
       		.man {
				display: inline-block;
				width:117px; height:87px;
/*				padding: 10px 10px 5px 10px;
				background-color: white;
				margin:  10px;
				border: 2px solid rgba(0, 0, 0, 0.1);*/
				transition-property: all;
				transition-duration: 1s;
				transition-timing-function: ease-in-out;	
				-o-transition-property: all;
				-o-transition-duration: 1s;
				-o-transition-timing-function: ease-in-out;
				-webkit-transition-property: all;
				-webkit-transition-duration: 0.5s;
				-webkit-transition-timing-function: ease-in-out;
				-moz-transition-property: all;
				-moz-transition-duration: 0.5s;
				-moz-transition-timing-function: ease-in-out	

			}
/*			figure p {
				font: 16px/1.5 "Juergen", cursive;
				margin: 0;
				display: none;
			}*/
/*			figure a {
				float: right;
				color: rgb(41, 106, 165);
				text-decoration: none;
			}*/

		.man:hover {
			transform-origin: left bottom;
			-o-transform-origin: left bottom;
			-webkit-transform-origin: left bottom;
			-moz-transform-origin: left bottom;	
	  		 transform:translate(200px) scale(1.5);
			-o-transform:translate(200px) scale(1.5);
			-webkit-transform: translate(200px) scale(1.5);
			-moz-transform: translate(200px) scale(1.5);
/*			 z-index: 11;
	 		box-shadow: 0px 0px 20px black;	*/
	
			}
			
			.man:hover:before {
				color: #fff;
/*				content: "Click to enlarge";
				font-family: "Juergen", cursive;
				font-size: 1.8em;
				margin: 0 10px;*/
				position: absolute;
				text-shadow: #000 0px 1px 1px;
			}
			
/*			figure.active:hover:before {
				content: "";
			}*/

.box-ad {
    /*font-family: "Swiss911 UCm BT", Haettenschweiler, sans-serif;*/
/*	text-shadow: #000 1px 1px 5px;*/
	font-size:12px;
	text-align: center;
	line-height:110%;
	padding: 3%;
	margin: 4% auto;
	width: 134px;
	border: solid 1px;
	border-bottom: solid 2px;
	border-right: solid 2px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.6);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
/*	transition-property: background-color;
	transition-duration: 4s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 4s;
	-o-transition-property: background-color;
	-o-transition-duration: 4s;*/
}

* html .box-ad {
		margin: 1% auto; /* Hack for HSIE 6*/
		}

.box-ad a{
	text-decoration:none;
	line-eight:120%;
	font-weight: bold;
	}

.box-ad a:hover{
	color:#999;
	}	
	
.box-ad li {
	list-style-type: none;
	margin-left: -10px;
}
/* test button */
.more-btn {
	margin:12px 0;
	}
	
.more-btn a{
	padding: 5px 14px;
	color:#fff;
	text-decoration:none;
	background:#FFFF00 url(../img/glass_btn.png) repeat-x 0 50%;
	border: 1px solid #3792b3;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}	

.more-btn a:hover{ color:#000;  
	background-color:#d09900;
	text-decoration:none;
	}
		
#home a, #sales a, #products a, #deals a, #parts a, #service a, #rentals a, #supplies a, #vendors a {color:#0000ff;}

#home #t-home, #sales #t-sale, #products #t-prod, #deals #t-deal, #parts #t-part, #service #t-serv, #rentals #t-rent, #supplies #t-supp, #vendors #t-vend {color:#FF0000;}


.group:after{ /* clears all floats */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
* html .group{ /* clears all floats for IE/win 6 */
	height:1%;
	}	
*:first-child+html .group { /* clears all floats for IE/win 7 */
	min-height: 1px;
	}
/* PNG Fix */

* html .man {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/vacuum-man.png' enabled='true', sizingMethod='scale');
	background-image:none;
	background-repeat:no-repeat;
	background-color: transparent;
	}