html
{
	overflow-y:scroll;
}
body 
{
    background-color:#000000;	
}

div.PageHeader
{	
    position:relative;
	width:360px; 
	         
}

div.PageSpan
{
	position:relative;
	border: 0px inset red;
	padding:0px 0px 0px 0px;
}

span#Services
{
	/*position:relative;*/
	/*top: 48px;*/
	border: 0px inset red;
	padding:0px 0px 0px 0px;
}
h1
{
	color:#eeb10f;
	text-decoration:none;
	font-size:36px;
	font-family: "Berlin Sans FB", "Myriad Web Pro", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	}

h2
{
	color:black;
	text-decoration:none;
	font-size:20px;
	font-family: "Myriad Web Pro", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3
{
	color:black;
	text-decoration:none;
	font-size:14px;
	font-family: "Berlin Sans FB", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

img
{     
    padding:0px 0px 0px 0px;
}

table
{
    border-collapse:collapse;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-family:"Myriad Web Pro",Arial,Helvetica,sans-serif;
}

p
{
    line-height:100%;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-family:"Myriad Web Pro",Arial,Helvetica,sans-serif;
	padding:0px 128px 0px 0px;
}

p.Home, ul.Home
{
    line-height:100%;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-family:"Myriad Web Pro",Arial,Helvetica,sans-serif;
	padding:0px 128px 0px 0px;
}

span.Question
{	
	line-height:100%;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-family:"Myriad Web Pro",Arial,Helvetica,sans-serif;
	padding:0px 128px 0px 0px;
	font-weight:bold;
}

span.Answer
{
	line-height:100%;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-family:"Myriad Web Pro",Arial,Helvetica,sans-serif;
	padding:0px 128px 0px 0px;
	font-weight:normal;
	font-style:normal;
}

a, a:visited
{
	color:Blue;
	text-decoration:underline;
	font-family:"Myriad Web Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
}

ul
{
	margin:0px;
	list-style-type:disc;
	list-style-position:inside;		
}

li
{
	font-size:12px;
	font-family:"Myriad Web Pro",Arial,Helvetica,sans-serif;
	font-style:normal;	
}

div.Main
{
    z-index: 1;
    width:800px;	
    margin-left:auto;
    margin-right:auto;
	margin-top:8px;
    border-top:10px outset #8b4513;
	border-right:10px inset #dc8d4c;
	border-bottom:10px inset #8b4513;
	border-left:10px outset #eeb10f;    
	background-color:#8b4513;
    background-image:url(Images/horgradient_brown_tan.jpg);
    background-repeat:repeat-y;
	background-size:100%;	
}
    
div.Vanity
    {
	margin-left:auto;
	margin-right:0px;	
	}
    div.Vanity img
    {
    	padding:8px 0px 4px 32px;
        border:0px solid green;
		width:222px; 
		height:89px;
    }

div.GoldBar
{    
    background:#eeb10f; 
    height:8px;    
	margin:0px 160px 0px auto;	
}

div.TopMenu
{
     background-color:#eeb10f;	 
	 margin:0px 160px 0px auto;
	 height:24px;	 
     }
     
    div.TopMenu ul
    {
		border:0px solid transparent;
        text-align:left;
		height:20px;		
	}
    div.TopMenu li
    {                
		list-style-type:none;
        height:20px;
		padding:0px 12px 0px 12px;
        background-color:#eeb10f;
		display:inline;
    }
	
    div.TopMenu a, a:visited
    {
        color:#000000;
        text-decoration:none;
        font-family:Arial,Helvetica,sans-serif;
        font-size:12px;
	}

div.Content
{
    position:relative;
	border: 3px inset yellow;	
	background-color: white; 
    min-height:480px;
    margin-left:auto;
	margin-right:160px;
	padding:12px 5px 5px 32px;	
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;        
}

div.ContactDiv
{
    position:relative;
	border: 0px inset #666;	
	background-color: white; 
    min-height:480px;
    margin-left:auto;
	margin-right:auto;
	padding:4px 4px 4px 4px;	
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;        
}

div.ServiceMenu
{
    z-order:1;
	border:0px solid green; 
	position:absolute;
	top:8px;
	right:16px;	
    background-color:Transparent; 
    width:auto;    
	margin: 0px auto 0px 0px;  
    padding:0px 0px 0px 0px;
}
	div.ServiceMenu ul
	{
		list-style-type:none;
	}
	div.ServiceMenu li
	{		
		border:0px solid green; 		 
		padding:16px 0px 0px 0px; 
		text-align:center; 
		vertical-align:bottom; 
		background-image:url(Images/BGServices.png);
		background-repeat:no-repeat;
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		font-style:normal;
		color:#eeb10f;
		height:32px; 
		width:132px; 
		background-size:100% 100%;
	}
	div.ServiceMenu a, a:visited
	{
		border:0px solid yellow;
		color:#eeb10f;
	}
	
#BottomSubMenu
{
	border:0px solid green;
	margin-bottom:0px;
	position:absolute;
	bottom:0px;
}
#BottomSubMenu ul
    {
	border:0px solid red;
	text-align:left;
	margin-left:0px;
	margin-right:0px;		
    }
    #BottomSubMenu li
    {
        display:inline;
        height:16px;
        padding:0px 12px 0px 12px;
		margin:0px;
        background-color:Transparent;
        border-left:0px solid Gray;
		color:Gray;
		/*cursor:pointer;*/
	}
	#BottomSubMenu a, a:visited
	{
		color:Gray;
		text-decoration:none;
		font-family:Arial,Helvetica,sans-serif;
		font-size:10px;
	}
	
div.ServicesImage
{
    float:right;
    width:180px; 
    height:108px; 
    position:relative; 
    top:-120px;
    background-image:url(Images/tools1.bmp);
}

div.BottomBar
{
    border:0px solid green;	
	background-color:#8b4513; 
    height:48px;
    margin-left:0px;
    margin-right:0px;	
    padding:4px 0px 0px 0px;	
	font-family:Arial,Helvetica,sans-serif;	
	font-size:14px;
}

div.BottomBar ul
    {
        border:0px solid red;	
		text-align:center;	
		margin-left:0px;		
		margin-right:0px;
    }
	
	div.BottomBar li
    {
        display:inline;
        height:16px;        
		margin:0px;
        background-color:Transparent;        
		color:Gray;
		padding:0px 12px 0px 12px;
		margin:0px;   
	}
	
	div.BottomBar a, a:visited
	{
		color:Gray;
		text-decoration:none;
		font-family:Arial,Helvetica,sans-serif;
		font-size:14px;
	}
    
div.RightTopLogo
    {
    /*width:20%;
    height:48px;
    float:right;
    margin-bottom:0px;
    margin-top:auto;
    background-color:blue;  
*/  
}
	
td.ConCol1
{
	text-align:right;
}
td.ConCol2
{
	text-align:left;
	padding:0px 0px 0px 8px;
}
td.ColReq
{
	color:red;
}
#MenuFrame, #DoubleRight
{
    float:right;
    border:0px inset green;
    background-color:Transparent; 
    width:auto;
    height:440px;
    margin-left:0px;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 8px 0px 0px;   
}

div#HomeImgDiv
{	
	float:right;	
}
img#HomeImg
{
	height:196px; 
	width:305px; 
	padding:3px 8px 0px 0px; 
	margin:0px 0px 12px 24px;
	margin:0px auto 12px auto;	
} 


/* 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){
body 
{
   /* background-color:Yellow;*/
	/*width:310px;*/
	width:100%;
	margin: 0px auto 0px auto;	
/*	background-color:#CCC;*/
}

div.PageHeader
{	    	
	border:0px solid red;
	padding: 12px 0px 0px 0px;
	width: 160px;
	height: 140px;          
}

h1
{	
	font-size:24px;		
}

p
{
    padding:0px 16px 0px 0px;
}

p.Home, ul.Home
{
    padding:0px 16px 0px 0px;
}
span.Question
{	
	padding:0px 16px 0px 0px;	
}

span.Answer
{
	padding:0px 16px 0px 0px;	
}

div.Main
{    
    width:100%;
	/*margin-left:0px;
    margin-right:0px;*/
	/*width:300px;*/	
	margin: 0px auto;
    border-top:5px outset #8b4513;
	border-right:0px inset #dc8d4c;
	border-bottom:5px inset #8b4513;
	border-left:0px outset #eeb10f;    
}
    
div.Vanity
    {
	margin:auto;
	height:128px;
	vertical-align:central;
	
	}
    div.Vanity img
    {
    	padding:20px 0px 2px 4px;
		margin:auto;
		border:0px solid green;
		width:155px; 
		height:62px;		
		
    }
	
div.GoldBar
{   
    background:#eeb10f; 
    height:8px;    	
	margin:0px auto 0px auto;
}

div.TopMenu
{      
     margin:0px 0px 0px 0px;	  
	 height:100%;	 
	 /*position:absolute;*/
	 top:13px;
	 right:0px;	 
	 /*border-right:2px inset #dc8d4c;
	 border-bottom:2px inset #8b4513;
	 border-left:2px outset #eeb10f; */ 
	 float:right;	
	 border:2px inset yellow;
}
         
    div.TopMenu ul
    {		        
		height:128px;	
		padding:0px 10px 0px 5px;		
	}
	
    div.TopMenu li
    {          
		display:list-item;
		list-style-type:none;     
        height:12px;
        padding:4px 0px 4px 0px;
       	
    }
    div.TopMenu a, a:visited
    {
         font-size:16px;
	}

div.Content
{       
	margin-left:0px;
	margin-right:auto;
	padding:12px 5px 5px 6px;		          
}

/*div.ServiceMenu
{    
	no different properties  
}*/
	
	div.ServiceMenu li
	{
		height:32px; 
		width:132px; 
		background-size:100% 100%;
	}
		


#BottomSubMenu ul
    {
		
    }
	
    #BottomSubMenu li
    {        
		padding:0px 8px 0px 8px;		
		text-align:center;
		font-size:8px;
	}
	
div.BottomBar
{        
    /*height:48px;  */ 
	font-size:10px;	 
}

div.BottomBar ul
    {        
		text-align:center;
		margin-left:0px;		
		margin-right:0px;
    }
	
    div.BottomBar li
    { 		
        padding:0px 8px 0px 8px;
		margin:0px;        
	}
	
	div.BottomBar a, a:visited
	{
		font-size:10px;
	}
 


div#HomeImgDiv
{
	text-align:center;
	float:none;		
}
img#HomeImg
{
	height:137px; 
	width:213px; 
	padding:0px 0px 0px 0px; 
	
	margin:0px auto 12px auto;
	
}
}
/* mini */

/* small */
@media screen and (min-width:391px) and (max-width:599px)
{
div.PageHeader
{	    	
	border:0px solid red;
	padding: 12px 0px 0px 0px;
	width: 320px;
	height: 140px;         
}

h1
{	
	font-size:24px;		
}

p
{
    padding:0px 16px 0px 0px;
}

p.Home, ul.Home
{
    padding:0px 16px 0px 0px;
}
span.Question
{	
	padding:0px 16px 0px 0px;	
}

span.Answer
{
	padding:0px 16px 0px 0px;	
}

div.Main
{    
    width:100%;
	margin-left:0px;
    margin-right:0px;	
    border-top:5px outset #8b4513;
	border-right:0px inset #dc8d4c;
	border-bottom:5px inset #8b4513;
	border-left:0px outset #eeb10f;    
}
    
div.Vanity
    {
	margin-left:0px;
    margin-right:0px;	
	height:128px;
	}
    div.Vanity img
    {
    	padding:20px 0px 2px 4px;
		border:0px solid green;
		width:155px; 
		height:62px;		
    }
	
div.GoldBar
{   
    background:#eeb10f; 
    height:8px;    	
	margin:0px auto 0px auto;
}

div.TopMenu
{      
     margin:0px 0px 0px 0px;	 
	 height:100%;	 
	 /*position:absolute;*/
	 top:13px;
	 right:0px;	 
	 /*border-right:2px inset #dc8d4c;
	 border-bottom:2px inset #8b4513;
	 border-left:2px outset #eeb10f; */ 	
	 border:2px inset yellow;
}
         
    div.TopMenu ul
    {		        
		height:128px;	
		padding:0px 10px 0px 10px;		
	}
	
    div.TopMenu li
    {          
		/*display:inline; */  
		list-style-type:none;     
        height:12px;
        padding:4px 16px 4px 0px;
		padding:4px 0px 4px 0px;
       	
    }
    div.TopMenu a, a:visited
    {
         font-size:16px;
	}

div.Content
{       
	margin-left:0px;
	margin-right:auto;
	padding:12px 5px 5px 6px;		          
}

/*div.ServiceMenu
{    
	no different properties  
}*/
	
	div.ServiceMenu li
	{
		height:32px; 
		width:132px; 
		background-size:100% 100%;
	}
		


#BottomSubMenu ul
    {
		
    }
	
    #BottomSubMenu li
    {        
		padding:0px 8px 0px 8px;		
		text-align:center;
		font-size:8px;
	}
	
div.BottomBar
{        
    height:48px;   
	font-size:14px;	 
}

div.BottomBar ul
    {        
		text-align:center;
		margin-left:0px;		
		margin-right:0px;
    }
	
    div.BottomBar li
    { 		
        padding:0px 12px 0px 12px;
		margin:0px;        
	}
	
	div.BottomBar a, a:visited
	{
		font-size:14px;
	}

div#HomeImgDiv
{
	/*text-align:center;*/
	float:right;		
}
img#HomeImg
{
	height:147px; 
	width:229px; 
	padding:0px 0px 0px 0px;	
	margin:0px auto 12px auto;
	
}
}
/* small */

/* midrange */
@media screen and (min-width:600px) and (max-width:799px)
{
div.PageHeader
{	    	
	border:0px solid red;
	padding: 12px 0px 0px 0px;
	width: 380px;
	height: 140px;          
}

h1
{	
	font-size:36px;		
}

p
{
    padding:0px 16px 0px 0px;
}

p.Home, ul.Home
{
    padding:0px 16px 0px 0px;
}
span.Question
{	
	padding:0px 16px 0px 0px;	
}

span.Answer
{
	padding:0px 16px 0px 0px;	
}

div.Main
{    
    width:100%;
	margin-left:0px;
    margin-right:0px;	
    border-top:5px outset #8b4513;
	border-right:0px inset #dc8d4c;
	border-bottom:5px inset #8b4513;
	border-left:0px outset #eeb10f;    
}
    
div.Vanity
    {
	margin-left:0px;
    margin-right:0px;	
	}
	
    div.Vanity img
    {
    	padding:20px 0px 2px 4px;
		border:0px solid green;
		width:155px; 
		height:62px;		
    }
	
div.GoldBar
{   
    background:#eeb10f; 
    height:8px;    	
	margin:0px auto 0px auto;
}

div.TopMenu
{
     width:100%;
	 position:relative;
	 background-color:#eeb10f;
     margin:0px 0px 0px 0px;	
	 height:24px;
	 
	}
     
    div.TopMenu ul
    {		
        text-align:left;
		height:20px;		
	}
	
    div.TopMenu li
    {                
		list-style-type:none;
        height:16px;
		padding:0px 12px 0px 12px;
        background-color:#eeb10f;
		display:inline;
    }
	
    div.TopMenu a, a:visited
    {
        color:#000000;
        text-decoration:none;
        font-family:Arial,Helvetica,sans-serif;
        font-size:12px;
	}
    
div.Content
{       
	margin-left:0px;
	margin-right:auto;
	padding:12px 5px 5px 6px;			          
}

/*div.ServiceMenu
{    
	no different properties  
}*/
	
	div.ServiceMenu li
	{
		height:32px; 
		width:132px; 
		background-size:100% 100%;
	}
		


#BottomSubMenu ul
    {
		
    }
	
    #BottomSubMenu li
    {        
		padding:0px 8px 0px 8px;		
		text-align:center;
		font-size:8px;
	}
	
div.BottomBar
{        
    height:48px;   
	font-size:14px;	 
}

div.BottomBar ul
    {        
		text-align:center;
		margin-left:0px;		
		margin-right:0px;
    }
	
    div.BottomBar li
    { 		
        padding:0px 12px 0px 12px;
		margin:0px;        
	}
	
	div.BottomBar a, a:visited
	{
		font-size:14px;
	}

div#HomeImgDiv
{
	/*text-align:center;*/
	float:right;		
}
img#HomeImg
{
	height:147px; 
	width:229px; 
	padding:0px 0px 0px 0px;	
	margin:0px auto 12px auto;
	
}
}
/* misrange */