/* Milca SalonSpa Master Stylesheet 
==================================
colors:     */

/* Global Styles */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 12pt;
    color:#557dba; }

a           {color:#ff5716;}
a:hover     {color:#da4d46;}    
img         {border-width:0;}    
/* Basic Page Elements 
======================*/    
html{ height:100%;}

body
{
    background:#CD8500 ;
    margin-top:20px;
    
    text-align:center;}

#page
{
    width:800px;
    background:url(../images/page.gif);
    text-align:left;
    margin-left:auto;
    margin-right:auto;}    

#master
{
    margin-bottom:20px;
    border-collapse:collapse;
    background:#fff;}

#layout
{
    border-collapse:collapse;}    

/* Default Elements
===================*/
h1
{
    font-size: 16pt;
    margin-bottom: 1em;
    color: #ff5716;}

h2
{
    font-size: 16pt;
    font-style:italic;
    margin-bottom: 1em;
    color: #557dba;}

h3
{
    margin-bottom: .5em;}
  
p
{
    margin-bottom: 1em;}    

ul, ol
{
    margin-left: 3em;
    margin-bottom: 1em;}


/* Sitewide Navigation 
======================*/
#menu
{
    text-align:center;}

#nav
{
    margin-left:95px;
    list-style:none;    }

#nav li
{
    float:left;    }

#nav a
{
    display:block;
    height:21px;
    padding-top:10px;
    padding-left:4px;
    padding-right:4px;
    margin-right:5px;
    float:left;
    font-size:11pt;
    text-decoration:none;
    color:#577dbb;}

#nav a:hover, #menu a.on
{
    background:#eba79a;
    color:#fff;}


/* Main Content Areas 
====================*/
.content
{
    padding-bottom: 1em;}


/* Specific Overriding Rules 
============================*/

#home #container
{
    background:url(../images/bk_hometable.jpg) no-repeat;}

#divalink a
{
    color:#fff;
    font-size: 12pt;
    font-weight:lighter;
    text-decoration:none;
    display:block;
    margin-top:2px;
    }    

#home p
{    
    color:#fff;}    

#home h1
{
    margin-bottom:15px;
    font-weight:lighter;
    color:#a63144;
    font-size:29pt;}    


/* Footer 
=========*/
#footer {}

#footer p
{    
    margin-bottom:0em;
    text-align:left;
    color: #9dbcd9;
    letter-spacing:.05pt;
    font-size: 6pt;}
    
#sub #container
{
    background:url(../images/container.gif) repeat-y;}    



/* #master td    {border: solid 1px #000;}  /* Fix for Firefox */
/* html #master td{border: none;}                /* Revert back to original for IE */    

#sub #master
{
    margin-bottom:0;}

#home #content p
{
    font-size:9pt;}    

h1 a
{
    color:#ff5716;}

h1 a:hover
{
    text-decoration:underline;
    color:#da4d46;}   

#signups
{    
    padding-top:4px;}

#signups a
{
    font-size:9pt;
    text-decoration:none;
    color:#fff;}    


#signups a:hover
{
    text-decoration:underline;    }    
         
/*logoworks links*/    
#logoworks
{
	margin: 0px auto;
	padding: 0px auto;
	font-size: 8pt;
	text-align:center;	
	color: #9dbcd9;
}
#logoworks a
{
	color: #9dbcd9;
	text-decoration: none;
}
#logoworks a:hover
{
	text-decoration: underline;	
}
/* Image Roll over
====================*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}