body {
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
    background: url(../images/bg_spots.png) left top repeat-x;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 1px;

}


a { color: #fd33b8; text-decoration: none; }

a:hover { text-decoration: underline; }

#spots {
	width: 100%;
	height:100%;
	text-align:left;
     background: url(../images/bg_body.png) center repeat-y;

	}

#dots {
	width: 100%;
	height:100%;
	text-align:center;
	background: url(../images/bg_dots.png) top repeat-x;
	}

#wrapper {
	width: 935px;
	margin: 0 auto;
	padding: 10px;
	}
	
#mast {
	text-align: center;
	margin: 10px 0 0px 0;
	height: 100px;
	}
	
ul#nav { 
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
}

ul#nav li { 
	display: inline;
	margin: 0 18px;
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #fd33b8;
	}
	
ul#nav li a { 
	color: #dcdbdb;
	text-decoration: none;
	}
	
ul#nav li a:hover { color: #fd33b8; }

#flashContent { 	
	width:100%; 
	height:100%; 
	}
	
.content {
	text-align:center; 
	width: 900px;
	margin: 0 auto;
	padding-left: 20px;
}	
	
.contentText {
	width: 480px;
	margin: 0 auto;
	margin-top: 125px;
	text-align: justify;
	}
	
h1 { 
	font-weight: normal;
	letter-spacing: 3px;
	font-size: 40px;
	display:inline;
	line-height: 36px;
}

p {line-height: 18px; display: inline; }
	

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}