﻿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.BodyTable
{
    border:0px solid blue;
    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;	
	height:32px;
	width:100%;		
	}
	
div#vanityCENTER{	
	background-color:#E0ffff;
	position:absolute;
	top:32px;
	left:0px;
	height:116px;
	width:100%;
	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;
	height:32px;
	width:100%;	
}

div#vanityLEFT{	
	background-image:url('Images/BrassVert.jpg');
	background-size:contain; 
	background-repeat:repeat-y;
	width:32px;
	height:95%;
	position:absolute;
	top:0px;
	left:0px;
	border:0px solid red;
}

div#vanityRIGHT{	
	background-image:url('Images/BrassVert.jpg'); 
	background-size:contain;
	background-repeat:repeat-y;
	width:32px;
	height:95%;
	position:absolute;
	top:0px;
	right:0px;
	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;
	}

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 12px 4px 12px;
	margin-top:4px;
    background-color:transparent;
	border:0px solid Green;
}
div.MenuTable a, a:visited	
{
	text-decoration:none; 
    font-family:'Times New Roman',Times,serif;
    font-size:16px;
    font-weight: normal;
	color:black;
}

div.Content
{
	border:5px inset #ccccff;
	background: white url('Images/planks6.jpg') repeat;
	padding:24px 5px 5px 32px;
	/*width:auto;*/
	width:auto;
	min-height:400px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: left;
	/*text-indent: 24px;*/
	margin: 0px;	
}
div.About
{
	border:5px inset #ccccff;
	background: white url('Images/planks6.jpg') repeat;
	padding:2px 64px 5px 24px;
	/*width:auto;*/
	width:auto;
	min-height:600px;
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: left;
	/*text-indent: 24px;*/
	margin: 0px;	
}

div.AboutSub
{
	border:0px Solid #000000;
	/*background: white url('Images/planks6.jpg') repeat;*/
	background: transparent;
	padding:4px 12px 4px 12px;
	width:auto;		
	font-family:'Times New Roman',Times,serif;
	font-size:12px;
	text-align: left bottom;
	margin: auto;
	vertical-align:bottom;
}

table#ContentTable
{
    border:5px inset #ccccff;
    /*background-color:white;*/
    background: white url('Images/planks6.jpg') repeat;
    /*background-color: white;*/
   /* background-image: url('Images/planks1.jpg');*/
    /*background-repeat: repeat;*/
    padding:0px;
    width:100%;
    margin-left:0px;
}

table#BottomBar
{
    border:0px solid black;
    background-color:#E0ffff; 
    padding:0px;
    width:100%; 
    margin-left:0px;
}

div.BottomFlags
{    
    border:0px solid black;
    background-color:Transparent; 
    padding:0px;
    width:100%;
	height:100%;
	margin-left:auto;
    margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	text-align:center;
}

/* 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)
{

}

/* small */
@media screen and (min-width:391px) and (max-width:599px)
{
}

/* midrange */
@media screen and (min-width:600px) and (max-width:799px)
{
}
