/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
}

/* default --------------------------------------------------------------------------------------------------- */

a	{
	text-decoration: none;
	font: 11px/1.6 "droid-sans-1","droid-sans-2",sans-serif;  color: black; text-decoration: underline; font-weight: bold; 

	}
	
a:hover  {
	color: #e41a5d;
}	

p	{
 	font-family: "droid-sans-1","droid-sans-2", sans-serif; color: red; 
	}
	
p.style	{
	letter-spacing: 0.1em;
}


.img	{
	width: 530px; border: none;
	padding: 10px 0 8px 0;
	opacity: 0.9;
	}





html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
    font: 11px/1.6 Verdana Sans-serif;  
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}



/* Boxes --------------------------------------------------------------------------------------------------- */

#cont {
    position: absolute;
    top:0;left:0;
    z-index:70;
    overflow:hidden;
}

.box { 
    margin: auto 0 0 630px ; padding: 20px 0 0 0px;
    width: 550px; 
    position: fixed; bottom: 0;
}

.box_yellow { 
    background: none;
    padding: 10px 10px 10px 10px; 
    border-top: 0px solid #e41a5d; border-bottom: none;
    opacity: 0.8; 
}

.box_pink { 
    background: whitesmoke;
    padding: 10px 10px 10px 10px;
    border-top: 10px solid #e41a5d; border-bottom: 4px solid black;
    opacity: 0.8; 
    
}

.box_blue { 
    background: powderblue;
    padding: 10px 10px 10px 10px;
    border-top: 10px solid #e41a5d; border-bottom: 4px solid black;
    opacity: 0.8;  
}

#navi {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.navibox { 
    margin: 0 0 0 630px ;
    width: 550px;
    background: none;
    opacity: 0.8;
    border-bottom: none solid #e41a5d;
}

#navi2 {
	background: none ;
	padding: 4px 10px 4px 25px;

}

#focus-stealer      { position: absolute; left: -9999px; }



/* navigation --------------------------------------------------------------------------------------------------- */


#navlist		{ margin: 0; padding: 5px 0 15px 10px; border-bottom: none dotted gray; }

#navlist ul, #navlist li 
				{ margin: 0; padding: 0; display: inline; list-style-type: none; }

#navlist a:link, #navlist a:visited 
				{ float: left; line-height: 14px; font-weight: bold; font-size: 9px; letter-spacing: 0.2em; margin: 0 10px 4px 10px; text-decoration: none; color: dimgray; }

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover 
				{ padding-bottom: 2px; background: transparent; color: #e41a5d; }

#navlist a:hover
				{ color: #e41a5d; }



#navi2 a 	{ 
			font-size: 9px;
			color: gray;
			text-decoration: none;  }

#navi2 a:hover
				{ color: #e41a5d; }



/* Typography --------------------------------------------------------------------------------------------------- */

h1 { 
	font-family: "droid-sans-1","droid-sans-2", sans-serif; font-size: 60px;
	letter-spacing: 0em; 
	line-height: 1.0em; 
	color: #e41a5d;
	padding-bottom: 10px;
}

h2 	{ 
	font-family: "droid-sans-1","droid-sans-2", sans-serif; 
	font-size: 18px; 
	color: #e41a5d; 
	line-height: 1.5em; 
}


h3 { 
	font-family: "droid-sans-1","droid-sans-2",sans-serif; 
	font-size: 11px; color: #e41a5d; 
	line-height: 1.5em; 
	font-weight: normal; 
}

hnr { 
	font: bold 69px Garamond, serif; font-style: italic; 
	float: left;
	color: white;
	padding: 0 16px 30px 0;
}