@charset "utf-8";
/* CSS Document */

/* Homepage only css */


#erosmainbg {
	background: transparent url(/css/images/erosbg2.jpg) no-repeat;
	position:relative;
	height: 605px;
	width: 940px;;
}

ul#fpboxes {
	position: relative;
	float: left;
	width: 270px;
	left: 30px;
	top: 30px;
	cursor:pointer;
}


ul#fpboxes li {
	background: transparent url(/css/images/erosmainblockbg.png);
	margin-bottom: 10px;
	padding: 0px;
	position: relative;
	width: 100%;
}

ul#fpboxes li a, ul#fpboxes li p, ul#fpboxes li h2 {
	position: relative;
	z-index: 2;
	padding: 20px;
        color: #4d4d4d;
}

#fpboxes p
{
    margin-bottom:0;
}

ul#fpboxes li h2
{
	padding-bottom: 0;
	margin-bottom: 0;
}


li.hover div.fadeIn {
	top: 0;
	left: 0;
	position: absolute;
	background: #c38d0f;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: none;
}

#erosinfoblock {
	background: transparent url(/css/images/erosmainaboutbg.png);
	display: inline;
	position: relative;
	right: 0px;
	bottom: 25px;
	padding: 10px;
}


/* star html hacks read by IE-Mac and IE-Win<7 */

* html .module a { /* link box */
    display: block; /*table-cell is not supported, and we need that width/height for the maxed clickable area */
    }

* html .module a span { /* contains the link text */
    display: inline-block; /* these two inline-blocks sit side-by-side in one line */
    vertical-align: middle; /* aligns with respect to the line box of b.openm */
    }

* html .module b.opnm { /* empty vertical opener extra element */
    display: inline-block; /* these two inline-blocks sit side-by-side in one line */
    vertical-align: middle; /* I don't understand why, but it is needed in IE6 */
    height: 100%; /* opens the line-box to the current height of the link box */
    width: 1px; /* IEMac needs a width for inline-block to exist */
    margin-left: -1px; /* compensate for width, keep them in one line */
}

/* modules */

#modules {
	position: relative;
	top: 30px;
	float: right;
	width: 280px;
}

#modules ul {
	background: transparent url(/css/images/erosmainblockbg.png) repeat scroll 0 0;	
	margin-bottom: 30px;
	position: relative;
}

.module h3 {
	background: transparent url(/css/images/moduleheaderbg.png) repeat scroll 0 0;
}

#modules .module li, #modules .module ul, #modules .module h3 {
	width: 250px;	
}

#modules .module li.last {
                background:none;
}
.module a {
	color: #4d4d4d;	
}

.module a:hover {
       background: #C8C5BD;
	text-decoration: none;
}

.module span.date {
        font-weight: bold;
}