body {
	text-align:center;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	background-color:#8e8e90;
	background-image:url(images/bg.jpg); 
	background-repeat:no-repeat;
	background-position: top center;
}
#fixed {
 	margin: 0px auto;
	width:1000px;   /* you can use px, em or % */
	height:160px;
	text-align:left;
	background-image:url(images/bg_top.jpg);
	background-repeat:no-repeat;	
}
a {
	color:#666;
	border:none;
}
a:hover {
	color:#333;
	border:none;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	font-size:90%;
	font-weight:bold;
	height:140px;
}

#logo {
	height: 140px;
	width: 250px;
}

#logo img {
	float:left;
	padding:0px;
	margin:20px 0px 0px 0px;
	border:none;
	display: block;
}

#popOut {
	height: 160px;
	width: 750px;
}

#popOut img {
	float:right;
	padding:0px;
	margin:0px;
	border:none;
}

#menu {
	padding:0;
	margin:0;
	margin-top:110px;
	float:left;
	width:750px;
	height:50px;
}
#testPad{
	padding:0;
	margin:0;
	clear:both;
	height:200px;
	width:1000px;
	background-image:url(images/bg_middle.jpg);
	background-repeat:no-repeat;	
	}
#testPad object{
	height:161px;
	width:160px;
	margin-left:44px;
	margin-top:21px;
	float:left;
}
#testPad img{
	padding:0;
	margin:0;
	float:right;
}


	
#pageTitle{
	clear:both;
	float:left;
	height:60px;
	width:1000px;
	}	
	

#pageTitle p{	
	margin:0;
	padding:0;
	padding-left: 290px;
	font: 24px/60px Verdana, sans-serif;
	color:#FFFFFF;
	background-image:url(images/bg_title02.jpg);
	background-repeat:no-repeat;		
}

	.productsDiv {
		margin:0;
		padding:0;
		margin-left:25px;
		width:338px;
		float:left;
		display:inline;	
	}
	
	.servicesDiv {
		margin:0;
		padding:0;
		margin-right:25px;
		width:338px;
		float:right;
		display:inline;	
	}	
	
	.productsTab {
		padding:0;
		padding-left:14px;
		margin:0;
		background-image:url(images/products_tab.gif);
		background-repeat:no-repeat;
		height:37px;
		width:338px;
		font: 14px/38px Verdana, sans-serif, bold;
		clear:both;
	}
	.productsPhoto{
		padding:0;
		margin:0;
		margin-bottom:12px;
		height:112px;
		width:172px;
		float:left;
	}
	
	.productsPhoto img{
		padding:0;
		margin:0;
		border:none;
	}
	
	.productsContent{
		padding:0;
		margin:0;
		height:112px;
		width:166px;
		background-image:url(images/products_bg_right.jpg);
		background-position:right;
		background-repeat:no-repeat;
		float:right;	
		font: 12px/16px Verdana, sans-serif;
		color:#333;					
	}	
	
	.content{
		margin:0;
		padding:14px;
		float:left;
	}

	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.leftmenu {
	    background-color:#FFFFFF;    	/* Right column background colour */
		background-image:url(images/bg_bothCol.jpg);
		background-repeat:repeat-y;
	}
    .leftmenu .colmid {
        float:left;
        width:200%;
       /* margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
            	/* Center column background colour */	
    }
    .leftmenu .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:250px;         	/* Left column width + right column width */
            	/* Left column background colour */
    }
    .leftmenu .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:250px;        	/* Width of left column */
	   /* padding-bottom:1em; */	/* Center column bottom padding. Leave it out if it's zero */
	}
	.leftmenu .col1 {
        margin:0 0px 0 250px;     	/* Center column side padding:
                            	Left padding = left column width + Center column left padding width
                            	Right padding = right column width + Center column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	
	}
	
	.leftmenu .col1 .rightFloat{
		float:right;
		margin-right:20px;
		margin-left:40px;
		margin-top:8px;
		}	
	.leftmenu .col1 .rightFloat img{
		display:block;		
	}
		
	.leftmenu .col1 .rightFloatTitle{
		margin: 0;
		padding:0;
		width: 165px;
		height: 38px;
		background-image:url(images/swivelLabels.gif);
		}		
	.leftmenu .col1 .rightFloatTitle p{
		padding:0px;
		margin:0px;
		padding-left:14px;
		font: 14px/38px Verdana, sans-serif, bold;
		}	
		
	#swivelTable{
		padding-left:20px;
	}	
			
	#swivelTable td{
		width: 165px;
	}	
	#inspectionTable{
		padding: 40px;
		vertical-align:top;
	}	
	#inspectionTable td{
		vertical-align:top;
		padding: 10px;
		background-color:#DFE6EE;
		border-bottom:solid #FFFFFF;
	}
	
	

	.leftmenu .col1 p{
		font: 14px Verdana, sans-serif;
		padding-left: 40px;
		padding-top: 20px;
		padding-right: 40px;
	}

    .leftmenu .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:250px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
	.leftmenu .col2 .locations{
		background-image:url(images/location_body.gif);
		width:220px;
		height:339px;	
		margin:0px 15px;
	}	
	.leftmenu .col2 .locations .locationTitle p{
		padding-left: 18px;
		color:#FFF;
		font: 14px/38px Verdana, sans-serif, bold;
	}		
	
	.leftmenu .col2 .locations p{
		padding-left: 30px;
		font: 12px/18px Verdana, sans-serif;
		color:#333;	
	}
	
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:1000px;
		height:51px;
		/* border-top:1px solid #000;*/
		background-image:url('images/bg_footer.jpg');
		background-repeat:none;		
    }
    #footer p {
        padding:10px;
        margin:0;
	}
	.maps{
		padding-top: 10px;
		padding-left: 20px;
		}
	.certs{
		padding-top: 20px;
		padding-left: 60px;
		}