body {

	font: 12px Tahoma, Arial, sans-serif;
	
	color: #a7a7a7;

	background: #1b1b1b url(../images/body-bg.jpg) repeat-x;

}

p {

	line-height: 17px;

}

img {

	border: 0px;

}

#container {
	
	width: 960px;
	
	margin-left: auto;
	
	margin-right: auto;

	background: url(../images/bg.jpg) repeat-y;

}

#top {

	height: 125px;

	width: 960px;

	background: url(../images/top.jpg) no-repeat;

}

#flash {

	height: 326px;

	width: 960px;

}

#content {

	width: 960px;

}

#content a {

	text-decoration: none;

	color: #FFFF00;

}

#lcol {

	position: relative; top: 20px; left: 25px;

	width: 315px;
	
	float: left;

}

#rcol {

	position: relative; top: 30px; right: 25px;

	width: 620px;
	
	float: right;

}

#headline {

	font: bold 18px "Trebuchet MS", Tahoma, Arial, sans-serif;
	
	text-transform: uppercase;
	
	margin-bottom: 30px;
	
	color: #ffffff;

}

#footer {

	position: relative; top: 50px;

	height: 50px; 

	width: 960px;
	
	clear: both;

	background: url(../images/bottom.jpg) no-repeat;

}

#footer ul {

	position: relative; top: 25px;

	float: right;
	
	padding-right: 35px;
	
	padding-bottom: 15px;

}

#footer li {

	display: inline;
	
	padding-right: 25px;

}

#footer a {

	text-decoration: none;
	
	color: #71716e;

}

.newsletter {

	position: relative; top: 25px; left: 30px;

}

.newsletter-input {

	height: 21px;
	
	width: 130px;

	border: none;
	
	padding-left: 10px;
	
	color: #666664;

	background: url(../images/email.jpg) no-repeat;

}

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  margin-top: 200px;
  width:423px;
  height:600px;
  display:none;
  z-index:9999;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog1 {
  width:423px; 
  height:600px;
}