/* Color Palette 
 Color Name 	|	RGB values 			| 	hex values
 ----------------------------------------------------
 Black		| 	rgb(0,0,0);			|	#000000
 Brown		|	rgb(143,81,39)		|	#683d20
 Olive		|	rgb(102,102,51)		|	#666633
 Biege		|	rgb(233,232,207)	|	#E9E8CF
 Pink		|	rgb(203,106,99) 	|	#CB6A63
 Blue		|	rgb(175,225,237)	|	#AFE1ED
 Chartruse	|	rgb(202,231,111)	|	#CAE76F
*/


body{ 
padding:0px; 
margin:0px;
font-size: 20px;
text-align:justify; 

/*font-family:Tahoma;*/
font-family:Arial;
}

a
{
text-decoration:none;
color: #68c7dd;
}

a visited{
color: #000000;
}

a:hover{
color:rgb(100,100,100);
color: #68c7dd;
}
a img
{
border:none;
}
.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

:hover.info{z-index:25; background-color:#E9E8CF;}

.info span{display: none;}

:hover.info span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:5px; left:5px; 
    border:1px solid #666633;
    background-color:#E9E8CF; color:#666633;
    text-align: center;}
}

/* CUSTOM STYLE CLASSES */
.productName{
font-size:22px;
}

.product{
font-size:20px;
text-align:left;
border-bottom:1px solid #666633;
}

.productDescription{
text-align:justify;
font-size:14px;
}

.product a{
/*font-weight:bold;*/
font-size: 18px;
border-bottom:1px solid #E9E8CF;
text-align:center;
}

.subproduct a{
text-align:left;
font-size:14px;
font-weight:bold;
}

:hover { 
text-decoration: none; 
} 

:active {
/*font-weight: bold; */
} 

#baseLayer{
/* size of the base layer */
width:800px;
height:1200px;
margin:5px;
padding:0px;

font-size:16px;
}

#logo{
width:250px;
height:250px;
padding:0px;
margin:0px;
float:left;
background:url('../images/logo-large.gif') no-repeat; text-align:center;
}

#logo2{
width:150px;
height:150px;
padding:0px;
margin:0px;
background:url('../images/logo-small.gif') no-repeat;
}

div{
margin:0px;
}