body
{
    background-color:#ffffff;
    background-image:url('Images/water033.jpg');
    background-repeat:repeat-x;
    background-attachment:fixed;
    background-position:bottom;	
}

h1
{
	font-family:'Times New Roman',Times,serif;
	font-size:24px;
}

p
{
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	color:#000000;
}
table
{
    border-collapse:collapse
}

div.BodyContent
{
    border:0px solid yellow;
    padding:0px; 
    background-color:Transparent; 
    position:relative;
    z-index: 1;
    width:952px;
	margin-left:0px; 
	
}

div#vanity{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:176px;
	border:0px solid red;	
	}
	
div#vanityTOP{
	background-image:url('Images/BrassHor.jpg'); 
	background-size:contain;
	background-repeat:repeat-x;
	position:absolute;
	top:0px;
	left:0px;	
	width:100%;
	height:32px;
	}
	
div#vanityCENTER{	
	background-color:#E0ffff;
	position:absolute;
	top:32px;
	left:0px;
	width:100%;
	height:116px;	
	text-align:center;
	z-index:0;
}
	
div#vanityBOTTOM{
	background-image:url('Images/BrassHor.jpg'); 
	background-size:contain;
	background-repeat:repeat-x;
	position:absolute;	
	bottom:0px;
	left:0px;
	width:100%;	
	height:32px;
}

div#vanityLEFT{	
	background-image:url('Images/BrassVert.jpg');
	background-size:contain; 
	background-repeat:repeat-y;
	position:absolute;
	top:0px;
	left:0px;
	width:32px;
	height:95%;
	border:0px solid red;
}

div#vanityRIGHT{	
	background-image:url('Images/BrassVert.jpg'); 
	background-size:contain;
	background-repeat:repeat-y;
	position:absolute;
	top:0px;
	right:0px;
	width:32px;
	height:95%;
	border:0px solid red;
}
	
div#vanityTL{
	background-image:url('Images/BrassTopLeft.jpg');
	background-size:contain;
	position:absolute;
	top:0px;
	left:0px;		
	width:32px;
	height:32px;	
	border:0px solid red;
	z-index:1;
	}
		
div#vanityTR{
	background-image:url('Images/BrassTopRight.jpg');
	background-size:contain;
	position:absolute;
	top:0px;
	right:0px;	
	width:32px;
	height:32px;	
	border:0px solid red;
	z-index:1;
	}
	
div#vanityBL{
	background-image:url('Images/BrassBottomLeft.jpg');
	background-size:contain;
	position:absolute;
	bottom:0px;
	left:0px;	
	width:32px;
	height:32px;	
	border:0px solid red;
	z-index:1;
	}
	
div#vanityBR{
	background-image:url('Images/BrassBottomRight.jpg');
	background-size:contain;
	position:absolute;	
	bottom:0px;
	right:0px;
	width:32px;
	height:32px;	
	border:0px solid red;
	z-index: 1;
	}

img#largeFlag
{
	height:40px; 
	width:40px; 
	margin:10px 5px; 
	border:1px solid black;
}

/* ------------------ */

div#info{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:60px;
	border:0px solid red;
	line-height:.75em;	
	background-color:#E0ffff;
	}
	
div#infoTOP{
	background-image:url('Images/BrassHor.jpg'); 
	background-size:contain;
	background-repeat:repeat-x;
	position:absolute;
	top:0px;
	left:0px;	
	height:6px;
	width:100%;	
	z-index:2;	
	}
	
div#infoCENTER{	
	background-color:#E0ffff;
	/*background-color:#F00;*/
	position:absolute;
	/*top:6px*/;
	top:10px;
	left:0px;	
	width:100%;
	/*height:48px;*/
	height:50px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	z-index:0;
}
	
div#infoBOTTOM{
	background-image:url('Images/BrassHor.jpg'); 
	background-size:contain;
	background-repeat:repeat-x;
	position:absolute;	
	bottom:0px;
	left:0px;
	width:100%;	
	height:6px;
	z-index:2;
}

div#infoLEFT{	
	background-image:url('Images/BrassVert.jpg');
	background-size:contain; 
	background-repeat:repeat-y;
	position:absolute;
	top:0px;
	left:0px;
	width:6px;
	height:95%;
	border:0px solid red;
	z-index:2;
}

div#infoRIGHT{	
	background-image:url('Images/BrassVert.jpg'); 
	background-size:contain;
	background-repeat:repeat-y;
	position:absolute;
	top:0px;
	right:0px;
	width:6px;
	height:95%;
	border:0px solid red;
	z-index:2;
}
	
div#infoTL{
	background-image:url('Images/BrassTopLeft.jpg');
	background-size:contain;
	position:absolute;
	top:0px;
	left:0px;		
	width:6px;
	height:6px;	
	border:0px solid red;
	z-index:3;
	}
		
div#infoTR{
	background-image:url('Images/BrassTopRight.jpg');
	background-size:contain;
	position:absolute;
	top:0px;
	right:0px;	
	width:6px;
	height:6px;	
	border:0px solid red;
	z-index:3;
	}
	
div#infoBL{
	background-image:url('Images/BrassBottomLeft.jpg');
	background-size:contain;
	position:absolute;
	bottom:0px;
	left:0px;	
	width:6px;
	height:6px;	
	border:0px solid red;
	z-index:3;
	}
	
div#infoBR{
	background-image:url('Images/BrassBottomRight.jpg');
	background-size:contain;
	position:absolute;	
	bottom:0px;
	right:0px;
	width:6px;
	height:6px;	
	border:0px solid red;
	z-index:3;
	}

a#VanityName, a#VanityName:visited
{
    color:#000000;
    text-decoration:none; 
    font-family:'Times New Roman',Times,serif;
    font-size:2em;
    font-weight: bold;
}

div.MenuTable
{
   width:100%;
   height:20px;
   z-index:1;
   border:0px solid Green;
   background-color:Transparent; 
   margin-top:4px;
   padding:4px 0px 4px 0px; 
   background-image:url('Images/Wood013.jpg'); 
   background-repeat:repeat;    	
}
div.MenuTable ul
{
	margin:0px;
	list-style-type:none;
	list-style-position:inside;
}
div.MenuTable li
{
	display:inline;
    width:240px;
    height:20px;
    padding:4px 60px 4px 60px;
	margin-top:4px;
    background-color:transparent;
	border:0px solid Green;
}
div.MenuTable a, a:visited	
{
	text-decoration:none; 
    font-family:Arial, 'Times New Roman',Times,serif;
    font-size:16px;
    font-weight: normal;
	color:black;
}

div.PageContent
{
	border:5px ridge #ccccff;	
	background: white url('Images/planks6.jpg') repeat;
	padding:24px 5px 5px 32px;
	padding:24px 12px 5px 12px;
	/*width:auto;*/
	width:auto;
	min-height:400px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: left;
	/*text-indent: 24px;*/
	margin: 2px 0px 2px 0px;	
}

img#founders
{	
	float:right;
	width:297px;
	height:238px ;
	padding:0px 0px 0px 0px; 
	position:relative; 
	left:-170px;
	top:30px;
	z-index:2;
}

img#catalog
{
	float:right;
	width:188px;
	height:168px;
	padding:0px 0px 0px 0px; 
	position:relative; 
	left:280px;
	top:60px;
	z-index:1;
}

img#engines
{
	float:right;
	width:144px;
	height:148px;
	padding:0px 0px 0px 0px;
	position:relative;
	left:60px;
	top:60px;
	z-index:1;
}

div.AboutSub
{
	border:0px Solid red;
	/*background: white url('Images/planks6.jpg') repeat;*/
	background:transparent;
	padding:4px 12px 4px 12px;
	width:auto;		
	height:250px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align:left bottom;
	margin:auto 16px auto auto;
}

#aboutFounders
{
	background-image: url(images/About-Founders.jpg);	
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	clear:left;
	width:250px;
	height:228px;
	padding:8px 16px 8px 16px;
	border:0px solid green;	
	vertical-align:middle;
}

.aboutText
{
	padding:8px 24px 8px 24px;
	border:0px solid green;
	vertical-align:middle;
}

#aboutEngine
{	
  	background-image: url(images/About-Engine.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	float:right;
	clear:right;
	width:250px;
	height:209px;
	padding:8px 16px 8px 16px;
	border:0px solid green;
	vertical-align:middle;
}

#aboutParts
{ 	
  	background-image: url(images/About-Parts.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	clear:left;
	width:250px;
	height:210px;
	padding:8px 16px 8px 16px;
	border:0px Solid green;
	vertical-align:middle;
}

div.BottomFlags
{    
    border:0px solid black;
    background-color:Transparent; 
    padding:0px;
    width:100%;
	height:100%;
	margin-left:auto;
    margin-right:auto;
	margin-top:2px;
	margin-bottom:auto;
	text-align:center;
}

div.ContactContent
{	
	border:0px solid green;	
	padding:8px 8px 8px 8px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: center;
	margin: 2px 32px 2px 0px;
	float:left;
}
	
div.ContactMap
{
	border:0px solid green;	
	padding:8px 8px 8px 8px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: center;
	margin: 2px 12px 2px 0px;
}

#mapFrame
{	
	width:425px;
 	height:350px;
}

#MapLink
{
	color:#0000FF;
	text-align:center
}

#ContactBar
{
	position:relative;
	width:96%;
	text-align:center;
	margin:4px auto 0px auto;
	border:0px ridge #ccccff;
}
div#ContactBar a, a:visited
{
	color:blue;	
}
div.CatalogContent
{
	border:5px ridge #ccccff;	
	background: white url('Images/planks6.jpg') repeat;
	padding:0px 0px 0px 0px;
	width:auto;
	min-height:1140px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align:center;
	margin: 0px 0px 8px 0px;	
	position:relative;
	background-color:transparent; 
	background-image:url('Images/PaperBG369.jpg'); 
	background-repeat:repeat;
	/*overflow-y:scroll;*/ 		
}

#CatalogMenu
{
	border:0px solid red;
	width:160px;
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	margin:0px;
	
}

div.CatalogPage
{
	border:4px double black;	
	padding:8px 0px 0px 0px;
	margin: 8px 0px 8px 0px;
	width:94%;
	min-height:1100px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align:center;
	position:relative;
	left:2%;
	background-color:transparent; 
	background-image:url('Images/PaperBG369.jpg'); 
	background-repeat:repeat;
	overflow-y:scroll; 		
}

#CatalogFrame
{
	border:0px solid green;
	position:absolute;
	/*right:0px;*/
	top:108px;
	/*width:740px;*/
	left:2%;
	width:96%;
	text-align:center;
	margin:6px 0px 0px 0px;
}

#HMCatalogFrameId
{
	overflow:hidden;
	border:0px ridge #ccccff;	
	text-align:center;	
	margin:0px auto 0px auto;	
}
	
.CatalogList
{
	width:100%;	
	padding:0px;
	margin:0px;
}

.CatalogSection
{
	border:0px solid #ccccff;
	text-align:left;
	list-style-type:none;
	list-style-position:inside;
	font-weight:bold;
	text-transform:uppercase;
	padding:12px 0px 4px 4px;
	margin:0px;
}

.CatalogItem
{
	border:0px solid #ccccff;
	padding:0px;
	margin:0px 0px 0px 12px;	
	list-style-type:none;
	list-style-position:inside;
	background:transparent url('Images/PaperBG369.jpg') repeat-x bottom left;	
}

.CatalogItem:Hover
{
	background-image:url('Images/cardboard-seamless-texture-1377.gif');
}

	
#catPrev
{
	border:0px solid red;
	background-color:transparent;
	width:30%;
	position:absolute;
	left:0px;
	top:0px;
	text:black;
}
#catThis
{	
	border:0px solid blue;
	background-color:transparent;
	width:30%;
	position:absolute;
	left:33%;
	top:0px;
}
#catNext
{
	border:0px solid green;
	background-color:transparent;
	width:30%;
	position:absolute;	
	top:0px;
	left:66%;
}
#catFull
{
	border:2px solid black;
	/*background-color:green;*/
	/*width:100%;*/
	width:640px;
	height:820px;
	/*width:768px;
	height:984px;*/
	position:absolute;	
	background-size:100%;	
	top:44px;
	left:10%;
	margin: 0px auto 0px auto;
}
.glossymenu{
	padding:0px 0px 0px 0px;
	width:300px;
	position:relative;
	width:96%;
	top:0px;
	left:0px;
	margin:2px auto 8px auto;
	z-index:99;	
	background:transparent url('Images/PaperBG369.jpg') repeat-x bottom left;
	border:3px ridge #ccccff;	
	
}

.glossymenu a.menuitem{
	background:black url('Images/PaperBG369.jpg') repeat-x bottom left;
	font:bold 12px 'Times New Roman',Times,serif;
	color:black;
	display:block;
	position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width:auto;
	padding:4px 0px 4px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	text-transform:uppercase;
	
	/*border:1px solid blue;*/
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:black;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
/*position:absolute;
top:5px;
right:5px;
border:none;*/
float:right;  
margin-left:5px;  
margin-right:5px;  
position:relative;
}

.glossymenu a.menuitem:hover{
background-image:url('Images/cardboard-seamless-texture-1377.gif');
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
/*background:transparent;*/
background-image:url('Images/PaperBG369.jpg')
background-repeat:repeat-x;
background-attachment:bottom left;
border-bottom:3px double black;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type:none;
margin:0px;
padding:0px;
}

.glossymenu div.submenu ul li{
border-top:1px solid black;
}

.glossymenu div.submenu ul li a{
display:block;
font:normal 12px 'Times New Roman',Times,serif;
color:black;
text-decoration:none;
padding:2px 0px 2px 0px;
}

.glossymenu div.submenu ul li a:hover{
background:#DFDCCB;
color:white;
}
	
	/* mini */
@media screen and (min-device-width: 320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 1),
	 screen and (min-device-width: 320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2),
	 screen and (min-device-width: 320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio: 2), 
	 screen and (min-device-width: 375px) and (max-device-width:667px), 
	 screen and (min-device-width: 414px) and (max-device-width:736px),
	 screen and (max-device-width: 390px)
{
div.BodyContent
{
	width:320px;
	width:100%;		
}

div#vanity{
	height:80px;		
	}
	
div#vanityTOP, div#vanityBOTTOM{
	height:12px;
	}
	
div#vanityCENTER{	
	top:12px;	
	height:56px;		
}

div#vanityLEFT, div#vanityRIGHT{	
	width:12px;	
}
	
div#vanityTL, div#vanityTR, div#vanityBL, div#vanityBR{
	width:12px;
	height:12px;	
	}

img#largeFlag
{
	height:16px; 
	width:16px; 
	margin:5px 3px 2px 3px; 
	border:1px solid black;
}

a#VanityName, a#VanityName:visited
{
    font-size:1em;
}

div#info{	
	height:60px;	
	}
	
div#infoTOP, div#infoBOTTOM{
	height:6px;	
	}
	
div#infoCENTER{	
	top:6px;	
	height:44px;	
}


div#infoLEFT, div#infoRIGHT{	
	width:6px;	
}
	
div#infoTL, div#infoTR, div#infoBL, div#infoBR{
	width:6px;
	height:6px;		
	}

div.MenuTable
{
   width:100%;
   height:20px;
   margin-top:4px;
   padding:4px 0px 4px 0px; 
}

div.MenuTable li
{	
    width:200px;
    height:20px;
    padding:4px 8px 4px 8px;
	margin-top:4px;    
}
div.MenuTable a, a:visited	
{	
    font-size:1em;
	color:white;
}

div.PageContent
{
	border:5px ridge #ccccff;
	background: white;
	/*padding:12px 5px 5px 16px;*/
	padding:12px 8px 4px 8px;
	font-size:12px;
	text-align:center;
}

img#founders
{
	float:none;
	width:149px;
	height:119px;
	padding:0px 0px 0px 0px; 
	position:relative; 
	left:50px;
	top:0px;	
}

img#catalog
{
	float:none;
	width:94px;
	height:84px;
	padding:0px 0px 0px 0px; 
	position:relative; 
	left:10px;
	top:-10px;
	z-index:1;
}

img#engines{
	float:none;
	width:72px;
	height:74px;
	padding:0px 0px 0px 0px; 
	position:relative;
	left:-80px;
	top:-100px;
	z-index:1;
	}
	
div.AboutSub
{
	border:0px Solid #000000;
	background:transparent;
	padding:4px 4px 4px 4px;
	width:auto;		
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: left bottom;
	margin: auto 8px auto auto;
	vertical-align:bottom;
}

#aboutFounders 
{	
	background-image:url(images/Founders lores - 0.jpg);
	background-size:contain;
	background-repeat:no-repeat;	
	float:left;
	clear:left;
	width:158px;
	height:127px;
	padding:0px 0px 0px 0px;
	margin:0px 8px 0px 0px;	
	border:0px solid green;
}

#aboutEngine
{	
  	background-image: url(images/About-Engine.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	float:right;
	clear:all;
	width:142px;
	height:119px;
	padding:4px 8px 4px 8px;
	margin:0px 8px 0px 8px;
	border:0px Solid green;
}
	
#aboutParts
{ 	
  	background-image: url(images/About-Parts.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	clear:left;
	width:142px;
	height:119px; 
	padding:4px 8px 4px 8px;
	margin:0px 8px 0px 8px;
	right:0px;
}

div.ContactContent
{		
	width:100%;
	text-align:center;
}

div.ContactMap
{
	border:0px solid green;	
	padding:8px 8px 8px 8px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: center;
	margin: 2px 12px 2px 0px;
}

#mapFrame
{	
	width:280px;
 	height:231px;
}

#MapLink
{
	color:#0000FF;
	text-align:center
}
	
div.CatalogContent
{
	min-height:640px;
	/*overflow-y:scroll;*/ 		
}
div.CatalogPage
{
	min-height:600px;
	overflow-y:scroll; 		
}

#CatalogFrame
{
	border:0px solid green;
	position:absolute;
	/*right:0px;*/
	top:108px;
	/*width:740px;*/
	left:2%;
	width:96%;
	text-align:center;
	margin:16px 0px 0px 0px;
}
	
#catPrev
{
	border:0px solid red;
	background-color:transparent;
	width:30%;
	position:absolute;
	left:0px;
	top:0px;
	text:black;
}
#catThis
{	
	border:0px solid blue;
	background-color:transparent;
	width:30%;
	position:absolute;
	left:33%;
	top:0px;
}
#catNext
{
	border:0px solid green;
	background-color:transparent;
	width:30%;
	position:absolute;	
	top:0px;
	left:66%;
}
#catPrev A, #catNext A
{
color:black;
}
#catFull
{
	border:2px solid black;
	/*background-color:green;*/
	/*width:100%;*/
	
	width:288px;
	height:369px;
	position:absolute;	
	background-size:100%;	
	top:88px;
	left:1%;
	margin: 0px 0px 0px 0px;
}	
.glossymenu{
	padding:0px 0px 0px 0px;
	/*width:300px;*/
	border:3px ridge #ccccff;	
	position:relative;
	width:96%;
	top:0px;
	left:0px;
	margin:2px auto 8px auto;
	z-index:99;	
	background:transparent url('Images/PaperBG369.jpg') repeat-x bottom left;
}

.glossymenu a.menuitem{
	background:black url('Images/PaperBG369.jpg') repeat-x bottom left;
	font:bold 12px 'Times New Roman',Times,serif;
	color:black;
	display:block;
	position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width:auto;
	padding:4px 0px 4px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	text-transform:uppercase;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:black;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
/*position:absolute;
top:5px;
right:5px;*/
border:none;
float:right;  
margin-left:5px;  
margin-right:5px;  
position:relative;
}

.glossymenu a.menuitem:hover{
background-image:url('Images/cardboard-seamless-texture-1377.gif');
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
/*background:transparent;*/
background-image:url('Images/PaperBG369.jpg')
background-repeat:repeat-x;
background-attachment:bottom left;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type:none;
margin:0px;
padding:0px;
}

.glossymenu div.submenu ul li{
border-bottom:1px solid blue;
}

.glossymenu div.submenu ul li a{
display:block;
font:normal 12px 'Times New Roman',Times,serif;
color:black;
text-decoration:none;
padding:2px 0px 2px 0px;
}

.glossymenu div.submenu ul li a:hover{
background:#DFDCCB;
color:white;
}
}
/* small */
/*@media screen and (min-width:391px) and (max-width:599px)*/
@media screen and (min-width:391px) and (max-width:639px)
{
div.BodyContent
{
	width:100%;		
}

div#vanity{
	height:80px;		
	}
	
div#vanityTOP, div#vanityBOTTOM{
	height:12px;
	}
	
div#vanityCENTER{	
	top:12px;	
	height:56px;		
}

div#vanityLEFT, div#vanityRIGHT{	
	width:12px;	
}
	
div#vanityTL, div#vanityTR, div#vanityBL, div#vanityBR{
	width:12px;
	height:12px;	
	}

img#largeFlag
{
	height:16px; 
	width:16px; 
	margin:5px 3px 2px 3px; 
	border:1px solid black;
}

a#VanityName, a#VanityName:visited
{
    font-size:1em;
}

div#info{	
	height:60px;	
	}
	
div#infoTOP, div#infoBOTTOM{
	height:6px;	
	}
	
div#infoCENTER{	
	top:6px;	
	height:44px;	
}

div#infoLEFT, div#infoRIGHT{	
	width:6px;	
}
	
div#infoTL, div#infoTR, div#infoBL, div#infoBR{
	width:6px;
	height:6px;		
	}

div.MenuTable
{
   width:100%;
   height:20px;
   margin-top:4px;
   padding:4px 0px 4px 0px; 
}

div.MenuTable li
{	
    width:200px;
    height:20px;
    padding:4px 8px 4px 8px;
	margin-top:4px;    
}

div.MenuTable a, a:visited	
{	
    font-size:1em;
	color:white;
}

div.PageContent
{
	border:5px ridge #ccccff;
	background: white;
	/*padding:12px 5px 5px 16px;*/
	padding:12px 8px 4px 8px;
	font-size:12px;
	text-align:center;
}

img#founders
{
	float:none;
	width:149px;
	height:119px;
	padding:0px 0px 0px 0px; 
	position:relative; 
	left:90px;
	top:0px;	
}

img#catalog
{
	float:none;
	width:94px;
	height:84px;
	padding:0px 0px 0px 0px; 
	position:relative; 
	left:100px;
	top:-10px;
	z-index:1;
}

img#engines{
	float:none;
	width:72px;
	height:74px;
	padding:0px 0px 0px 0px; 
	position:relative;
	left:-250px;
	top:-20px;
	z-index:1;
	border:0px solid red;
	}
	
div.AboutSub
{
	border:0px Solid #000000;
	background:transparent;
	padding:4px 4px 4px 4px;
	width:auto;	
	height:150px;	
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: left bottom;
	margin: auto 8px auto auto;
	vertical-align:bottom;
}

#aboutFounders 
{	
	background-image:url(images/Founders lores - 0.jpg);
	background-size:contain;
	background-repeat:no-repeat;	
	float:left;
	clear:left;
	width:158px;
	height:127px;
	padding:0px 0px 0px 0px;
	margin:0px 8px 0px 0px;	
	border:0px solid green;
}

#aboutEngine
{	
  	background-image: url(images/About-Engine.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	float:right;
	clear:all;
	width:142px;
	height:119px;
	padding:4px 8px 4px 8px;
	margin:0px 8px 0px 8px;
	border:0px Solid green;
}
	
#aboutParts
{ 	
  	background-image: url(images/About-Parts.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	width:142px;
	height:119px; 
	padding:4px 8px 4px 8px;
	margin:0px 8px 0px 8px;
}

	
div.CatalogContent
{
	min-height:860px;
	overflow-y:visible; 		
}
div.CatalogPage
{
	min-height:840px;
	overflow-y:visible; 		
}

#CatalogFrame
{
	border:0px solid green;
	position:absolute;
	/*right:0px;*/
	top:108px;
	/*width:740px;*/
	left:2%;
	width:96%;
	text-align:center;
	margin:16px 0px 0px 0px;
}
	
#catPrev
{
	border:0px solid red;
	background-color:transparent;
	width:30%;
	position:absolute;
	left:0px;
	top:0px;
	text:black;
}
#catThis
{	
	border:0px solid blue;
	background-color:transparent;
	width:30%;
	position:absolute;
	left:33%;
	top:0px;
}
#catNext
{
	border:0px solid green;
	background-color:transparent;
	width:30%;
	position:absolute;	
	top:0px;
	left:66%;
}
#catPrev A, #catNext A
{
color:black;
}
#catFull
{
	border:2px solid black;
	width:480px;
	height:615px;
	position:absolute;	
	background-size:100%;	
	top:88px;
	left:1%;
	margin: 0px 0px 0px 0px;
}	

}

/* midrange */
@media screen and (min-width:640px) and (max-width:799px)
{
div.BodyContent
{
	width:100%;		
}

div#vanity{
	height:80px;		
	}
	
div#vanityTOP, div#vanityBOTTOM{
	height:12px;
	}
	
div#vanityCENTER{	
	top:12px;	
	height:56px;		
}

div#vanityLEFT, div#vanityRIGHT{	
	width:12px;	
}
	
div#vanityTL, div#vanityTR, div#vanityBL, div#vanityBR{
	width:12px;
	height:12px;	
	}

img#largeFlag
{
	height:16px; 
	width:16px; 
	margin:5px 3px 2px 3px; 
	border:1px solid black;
}

a#VanityName, a#VanityName:visited
{
    font-size:1em;
}

div#info{	
	height:60px;	
	}
	
div#infoTOP, div#infoBOTTOM{
	height:6px;	
	}
	
div#infoCENTER{	
	top:6px;	
	height:44px;	
}

div#infoLEFT, div#infoRIGHT{	
	width:6px;	
}
	
div#infoTL, div#infoTR, div#infoBL, div#infoBR{
	width:6px;
	height:6px;		
	}

div.MenuTable
{
   width:100%;
   height:20px;
   margin-top:4px;
   padding:4px 0px 4px 0px; 
}

div.MenuTable li
{	
    width:200px;
    height:20px;
    padding:4px 8px 4px 8px;
	margin-top:4px;    
}

div.MenuTable a, a:visited	
{	
    font-size:1em;
}

div.PageContent
{
	border:5px ridge #ccccff;
	background: white;
	/*padding:12px 5px 5px 16px;*/
	padding:12px 8px 4px 8px;
	font-size:12px;
	text-align:center;
}

img#founders
{
	float:none;
	width:149px;
	height:119px;
	padding:0px 0px 0px 0px; 
	position:relative; 
	left:90px;
	top:0px;	
}

img#catalog
{
	float:none;
	width:94px;
	height:84px;
	padding:0px 0px 0px 0px; 
	position:relative; 
	left:100px;
	top:-10px;
	z-index:1;
}

img#engines{
	float:none;
	width:72px;
	height:74px;
	padding:0px 0px 0px 0px; 
	position:relative;
	left:-250px;
	top:-20px;
	z-index:1;
	border:0px solid red;
	}
	
div.AboutSub
{
	border:0px Solid #000000;
	background:transparent;
	padding:4px 4px 4px 4px;
	width:auto;		
	height:200px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: left bottom;
	margin: auto 8px auto auto;
	vertical-align:bottom;
}

#aboutFounders 
{	
	background-image:url(images/Founders lores - 0.jpg);
	background-size:contain;
	background-repeat:no-repeat;	
	float:left;
	clear:left;
	width:158px;
	height:127px;
	padding:0px 0px 0px 0px;
	margin:0px 8px 0px 0px;	
	border:0px solid green;
}

#aboutEngine
{	
  	background-image: url(images/About-Engine.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	float:right;
	clear:all;
	width:142px;
	height:119px;
	padding:4px 8px 4px 8px;
	margin:0px 8px 0px 8px;
	border:0px Solid green;
}
	
#aboutParts
{ 	
  	background-image: url(images/About-Parts.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	clear:left;
	width:142px;
	height:119px; 
	padding:4px 8px 4px 8px;
	margin:0px 8px 0px 8px;
	right:0px;
}

	
div.CatalogContent
{
	min-height:640px;
	/*overflow-y:scroll;*/ 		
}
div.CatalogPage
{
	min-height:1100px;
	overflow-y:scroll; 		
}

#CatalogFrame
{
	border:0px solid green;
	position:absolute;
	/*right:0px;*/
	top:108px;
	/*width:740px;*/
	left:2%;
	width:96%;
	text-align:center;
	margin:16px 0px 0px 0px;
	height:820px;
}
	
#catPrev
{
	border:0px solid red;
	background-color:transparent;
	width:30%;
	position:absolute;
	left:0px;
	top:0px;
	text:black;
}
#catThis
{	
	border:0px solid blue;
	background-color:transparent;
	width:30%;
	position:absolute;
	left:33%;
	top:0px;
}
#catNext
{
	border:0px solid green;
	background-color:transparent;
	width:30%;
	position:absolute;	
	top:0px;
	left:66%;
}
#catPrev A, #catNext A
{
color:black;
}
#catFull
{
	border:2px solid black;
	/*background-color:green;*/
	/*width:100%;*/
	
	/*width:288px;
	height:369px;*/
	height:820px;
	position:absolute;	
	background-size:100%;	
	top:88px;
	left:1%;
	margin: 0px 0px 0px 0px;
}	

}