/*
	 CSS-Style for d=3
	 revision: 1.0.1
	 date: 26 july 2010
*/


/* transparancy classes */
.transparent_class {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

.selectTrans{
	background-color: transparent;
	background-image: url(../images/transb.png);
	background-repeat: repeat;
}

.selectSolid{
	background-color: transparent;
	background-image: url(../images/transa.png);
	background-repeat: repeat;
}

.selectTransFooter{
	background-color: transparent;
	background-image: url(../images/footer_s.png);
	background-repeat: repeat;
}

/* end */


* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow: hidden;
	font-family:Century Gothic,"Lucida Grande",Arial,sans-serif;
	font-size:12px;
}

#bg { 
    position: fixed; 
}

#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%;
}

#cont {
    position:absolute;
    top:50;left:0;
    z-index:1;
    /*overflow:auto;*/
}

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

/* got to remove annoying rec-boxes... */
:focus {
    outline: 0;
}


/* Menu markup */
#menu-box {
	padding: 0;
	margin: 0;
	position:absolute;
	top:270px;
	left:75px;
	z-index: 2;
	width:100%;
	}
	
#menu {
	top: 75px;
	left:81px;
	width:90px;
	height:500px;
	display: block; 
	float:left;
	list-style-type:none;
	position: absolute;
}
#menu1 li
{
display: inline;
/* for IE5 and IE6 */
}
#menu a {
	display: block;
	text-indent: -900%;
	width: 69px;
	height: 58px;
}
#menu a:hover {
	background-position: left bottom;
}
#menu .download {
	margin-top:6px;
	display: block;
	width: 69px;
	height: 22px;
	background: url(../images/menu_download.png) no-repeat;
}
#menu .do {
	margin-top:6px;
	display: block;
	width: 69px;
	height: 22px;
	background: url(../images/menu_do.png) no-repeat;
}
#menu .desire {
	margin-top:6px;
	display: block;
	width: 69px;
	height: 22px;
	background: url(../images/menu_desire.png) no-repeat;
}
#menu .dream {
	margin-top:6px;
	display: block;
	width: 69px;
	height: 22px;
	background: url(../images/menu_dream.png) no-repeat;
}
#menu .dare {
	margin-top:6px;
	display: block;
	width: 69px;
	height: 22px;
	background: url(../images/menu_dare.png) no-repeat;
}
#menu .date {
	margin-top:6px;
	display: block;
	width: 69px;
	height: 22px;
	background: url(../images/menu_date.png) no-repeat;
}
#menu .dear {
	margin-top:6px;
	display: block;
	width: 69px;
	height: 22px;
	background: url(../images/menu_dear.png) no-repeat;
}
/* end */

/* content markup */

h1,h2,.large,.left {
	font-family:Century Gothic,"Lucida Grande",Arial,sans-serif;
	font-size:20px; 
	color:#000000
}

h2,.box div img {
	padding-bottom:10px
}
 p {
 	font-family:Century Gothic,"Lucida Grande",Arial,sans-serif;
	font-size: 12px;
 }
 
 
.white {
	color:#FFFFFF
}

.black {
	color:#FFFFFF
}
 
.title {
	float: right;
	font-size: 20px;
	margin: 5px 260px 0 0;
}

.linkbox_l {
	text-align:right;
	width: 180px;
	height: 78px;
	display: block;
	float: left;
	margin: 5px 0 0 10px;
	overflow: hidden;
	/*border: dotted 1px black;*/
}

.linkbox_m {
	text-align: center;
	width: 50px;
	height: 78px;
	display: block;
	margin: 35px 10px 0 10px;
	float: left;
	overflow: hidden;
	/*border: dotted 1px black;*/
}

.linkbox_r {
	text-align: left;
	width: 180px;
	height: 78px;
	display: block;
	float: right;
	margin: 5px 10px 0 0;
	overflow: hidden;
	/*border: dotted 1px black;*/
}

.box {
	padding: 10px;
	position:absolute;
	top:70px;
	left:370px;
	width:450px;
	height:620px;
	padding-bottom:100px;
	display: block;
	z-index:90;
}

/* divs content */
#box-head {
	width: auto;
	height: 40px;
}

#box-content {
	min-width: 450px;
	width: auto;
	height: auto;
}

#box-inner {
	width: 450px;
	height:auto;
	min-height: 389px;
	max-height: 389px;
	text-align: right;
	overflow: hidden;
}

#box-footer {
	width: auto;
	height: 90px;
}
/* end */