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


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
	width:100%;
	height:100%;
	text-align:center;
	font-family:DINOT-Regular, Arial, Helvetica, sans-serif;
	line-height:1.2;
}

#video {
	margin:auto;
	width:777px;
	margin-bottom:-100px;
}

#wrapper {
	background:url(img/introBg.jpg) no-repeat top left;
	margin:auto;
	width:777px;
	height:681px;
	text-align:left;
	font-size:15px;
}

#wrapper .flip .inner-content{
	margin:20px 10px 10px 10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	position:absolute;
	z-index:3;
	width:105px;
}

#wrapper .flip .inner-content a,
#wrapper .flip .inner-content a:link,
#wrapper .flip .inner-content a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	position:absolute;
	display:block;
	z-index:1;
}


#wrapper .flip .front,
#wrapper .flip .back{
	z-index:10;
}

#wrapper #boxTopLeft{
	float:left;
	display:inline;
	width:129px;
	height:130px;
	margin:101px 0px 0 121px;
	position:relative;
}

#wrapper #boxTopLeft div.front{
	background:url(img/boxTopLeftText.jpg) no-repeat top left;
	position:absolute;
	width:129px;
	height:130px;
}

#wrapper #boxTopLeft div.back {
	background:url(img/boxTopLeft.jpg) no-repeat top left;
	position:absolute;
	width:129px;
	height:130px;
}






#wrapper #boxTopRight{
	float:left;
	display:inline;
	width:130px;
	height:130px;
	margin:101px 100px 0 1px;
	position:relative;
}

#wrapper #boxTopRight div.front{
	background:url(img/boxTopRightText.jpg) no-repeat top left;
	position:absolute;
	width:130px;
	height:130px;

}

#wrapper #boxTopRight div.back{
	background:url(img/boxTopRight.jpg) no-repeat top left;
	position:absolute;
	width:130px;
	height:130px;

}



#wrapper #boxCenterLeft{
	float:left;
	display:inline;
	width:129px;
	height:129px;
	margin:66px 0 0 55px;
	position:relative;
}

#wrapper #boxCenterLeft div.front{
	background:url(img/boxCenterLeftText.jpg) no-repeat top left;
	position:absolute;
	width:129px;
	height:129px;
}

#wrapper #boxCenterLeft div.back{
	background:url(img/boxCenterLeft.jpg) no-repeat top left;
	position:absolute;
	width:129px;
	height:129px;
}





#wrapper #boxCenter {
	float:left;
	display:inline;
	width:194px;
	height:194px;
	margin:1px 1px 0 1px;
	padding:0;
	position:relative;
	z-index:1000;
	
}

#wrapper #boxCenter a,
#wrapper #boxCenter a:link,
#wrapper #boxCenter a:visited {
	margin:0;
	padding:0;

}

#wrapper #boxCenter div.front{
	background:url(img/boxCenterTransparent.gif) no-repeat top left;
	position:absolute;
	width:194px;
	height:194px;
	
	}
	
#wrapper #boxCenter div.front a,
#wrapper #boxCenter div.front a:link,
#wrapper #boxCenter div.front a:visited {
	margin:5px 0 0 15px;
	font-size:24px;
	padding:5px 0 0 15px;
}

#wrapper #boxCenter div.back {
	background:url(img/boxCenterTransparent.gif) no-repeat top left;
	position:absolute;
	width:194px;
	height:194px;
	z-index:1000;
}

#wrapper #boxCenterRight {
	float:left;
	display:inline;
	width:130px;
	height:129px;
	margin:0px 0 0 0px;
	position:relative;
}

#wrapper #boxCenterRight div.front{
	background:url(img/boxCenterRightText.jpg) no-repeat top left;
	position:absolute;
	width:130px;
	height:129px;
}

#wrapper #boxCenterRight div.back{
	background:url(img/boxCenterRight.jpg) no-repeat top left;
	position:absolute;
	width:130px;
	height:129px;
}





#wrapper #boxBottomRight {
	float:right;
	display:inline;
	width:129px;
	height:128px;
	margin:1px 64px 0 0px;
	position:relative;
}

#wrapper #boxBottomRight div.front{
	background:url(img/boxBottomRightText.jpg) no-repeat top left;
	position:absolute;
	width:129px;
	height:128px;
}

#wrapper #boxBottomRight div.back{
	background:url(img/boxBottomRight.jpg) no-repeat top left;
	position:absolute;
	width:129px;
	height:128px;
}




#wrapper #boxBottomLeft {
	float:left;
	display:inline;
	width:129px;
	height:130px;
	margin:1px 0 0 259px;
	position:relative;
}

#wrapper #boxBottomLeft div.front{
	background:url(img/boxBottomLeftText.jpg) no-repeat top left;
	position:absolute;	
	width:129px;
	height:130px;
}

#wrapper #boxBottomLeft div.back{
	background:url(img/boxBottomLeft.jpg) no-repeat top left;
	position:absolute;	
	width:129px;
	height:130px;
}




#wrapper #boxBottomCenter {
	float:left;
	display:inline;
	width:130px;
	height:130px;
	margin:1px 0 0 1px;
	position:relative;
}

#wrapper #boxBottomCenter div.front{
	background:url(img/boxBottomCenterText.jpg) no-repeat top left;
	position:absolute;
	width:130px;
	height:130px;
}

#wrapper #boxBottomCenter div.back{
	background:url(img/boxBottomCenter.jpg) no-repeat top left;
	position:absolute;
	width:130px;
	height:130px;
}

#wrapper .litBox{
	float:left;
	display:inline;
	width:65px;
	height:63px;
	margin:0px 0 0 0px;
}

#wrapper .litBox div{
	width:65px;
	height:59px;
	font-size:12px;
	padding:3px 3px 0 3px;
	margin:0;
}

#wrapper .litBox div a{
	padding:0px 0 0 2px;
	margin:0;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	position:absolute;

}





#wrapper .downloadBox{
	float:left;
	display:inline;
	width:65px;
	height:65px;
	margin:0px 0 0 0px;
}

#wrapper .downloadBox div{
	background:url(img/buttonDownloads.jpg) no-repeat top left;
	width:65px;
	height:65px;
	font-size:12px;
	padding:5px 3px 0 3px;
	margin:0;
}

#wrapper .downloadBox div a{
	padding:0px 0 0 2px;
	margin:0;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	position:absolute;

}


#wrapper .smallBoxbottom{
	float:left;
	display:inline;
	width:65px;
	height:65px;
	margin:1px 0 0 325px;
}

#wrapper .smallBoxbottom div{
	background:url(img/smallButton.jpg) no-repeat top left;
	width:65px;
	height:65px;
	font-size:11px;
	padding:0;
	margin:0;
}

#wrapper .smallBoxbottom div a{
	padding:20px 0 0 3px;
	margin:0;
	font-weight:bold;
}

#wrapper a.logo {
	float:left; 
	margin-top:158px; 
	display:inline;
}

#wrapper .footer {
	text-align:right;
	clear:both;
}

#wrapper .footer ul {
}

#wrapper .footer ul li {
	display:inline;
	color:#000;
	float:right;
	font-size:12px;
	font-weight:normal;
}

#wrapper .footer ul li a,
#wrapper .footer ul li a:link,
#wrapper .footer ul li a{
	color:#000;
	float:right;
	padding:0;
	margin:0;
	font-weight:normal;
	padding:0 5px;
	
}

#wrapper .footer ul li a:hover,
#wrapper .footer ul li a:focus {
	text-decoration:underline;
}