/* CSS Document */

body { 
	font:75%  Arial, Helvetica, sans-serif;
	color:#333; 
	background:black url(images/back.jpg) repeat-y top center; /* zeldman.com */
	margin:0; 
	text-align:center; /* Positions all content in the center of the viewport */
}

/*  container ---------------------------------------------------------------- */	
	
div#container {
	width:800px;
	text-align:right;
	padding:0;
	margin:0  auto;
	height: 800px;
}

/*  header ---------------------------------------------------------------- */	
	
div#header { 
	width:750px;
	padding:0;  
	margin:0 auto; 
}

/*  left_part ---------------------------------------------------------------- */	
	
div#left_part { 
	float: left;
	width:345px;
	margin:0 auto;
	margin-bottom: 20px;
}	

div#left_part p {
	margin-right: 10px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #CC0000;
}

div#left_part a:hover {
	font-weight:200;
	color:#FFFFFF;
}

/*  left-part ----- menu ----------------------------------------------------- */

div#menu {
	float: right;
	width: 323px;
	margin-top: 45px;
	padding-bottom: 25px;
}

div#menu img {
	margin-bottom: 15px;
	margin-top: 15px;
}

div#menu img.select {
	margin-bottom: 5px;
	margin-top: 15px;
	margin-right: 10px;
}

div#menu h3 {
	margin-right: 15px;
	text-align: right;
	color: #CC0000;
	font-size: 14px;
	font-weight: normal;
	font-style:normal;
	font: Arial, Helvetica, sans-serif;
}

div#menu h3:hover {
	font-weight: bold;
}

div#menu p {
	margin-right: 15px;
	text-align: right;
	color: #EA907F;
	font-size: 12px;
	font-weight: normal;
	font-style:italic;
	font: Arial, Verdana,  Helvetica, sans-serif;
	margin-bottom: 35px;
}

/*  right_part ---------------------------------------------------------------- */	
	
div#right_part {
	float: right;
	width:440px;
	margin:0 auto;
	margin-bottom: 10px;
}	

/*  right_part ----- intro ---------------------------------------------------- */	

div#intro {
	height: 400px;
	background-image: url(images/Intro_title.jpg);
}	

div#intro img {
	text-align:center;
	margin-top: -65px;
	margin-right: 35px;
}	

div#intro img.p {
	margin-top: 365px;
	margin-right: 5px;
	
}	

/*  right_part ----- content ---------------------------------------------------- */	

div#content {
	float:right;
	width:415px;
	padding: 5px 15px 5px 10px;
	margin-top: 35px;
}	

div#content p {
	text-align: justify;
	color:#EEA699;
	font-family: Verdana, Modern, sans-serif, Arial,;
	font-size: 12px;
	font-weight:400;
	line-height: 18px;
}	

div#content p:hover {
	background-color: #1A0000;
}	

div#content p.p {
	text-align: left;
	color:#EEA699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:500;
	line-height: 18px;
}

div#content img.a {
	width: 200px;
	height: 140px;
	margin-right: 15px;
	border: #000000 ridge 2px;
	margin-bottom: 1px;
}

div#content img.b {
	width: 215px;
	height: 160px;
	margin-left: 10px;
	margin-bottom: 2px;
	border: #000000 ridge 2px;
	margin-top: 8px;
}

div#content img.c {
	width: 220px; 
	height: 170px;
	margin-left: 12px;
	margin-bottom: 6px;
	border: #000000 ridge 2px;
}

div#content img.p {
	width: 190px; 
	height: 145px;
	margin-left: 8px;
	margin-bottom: 4px;
	border: #000000 ridge 2px;
}

div#content img.p2 {
	width: 160px; 
	height: 230px;
	margin-left: 8px;
	margin-bottom: 4px;
	border: #000000 ridge 2px;
}

div#content img.f {
	width: 120px; 
	height: 105px;
	border: #CC0000 1px dotted;
}

div#content img.g {
	width: 80px; 
	height: 105px;
	border: #CC0000 1px dotted;
}


div#content li.a {
	text-align: left;
	font: bold;
	margin-left: 25px;
	margin-top: 20px;
	color: #CC3333;
	font-size: 15px;
	font: bold;
}

div#content p.c {
	line-height: 24px;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
	font: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 45px;
	margin-bottom: 45px;
}

div#content p.c2 {
	line-height: 24px;
	text-align: left;
	color: #EA907F;
	font-size: 16px;
	font: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	margin-top: 35px;
	margin-left: 45px;
}

div#content p.c3 {
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	font: Arial, Helvetica, sans-serif;
}

div#content p.c4 {
	line-height: 16px;
	text-align: center;
	color: #EA907F;
	font-size: 12px;
	font: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 5px;
	margin-bottom: 15px;
}


div#content table {
	width: 420px;
	
}

div#content td {
	width: 125px;
	height: 120px;
}

div#content tr {	
	width: 125px;
	height: 120px;
}

/*  footer ----- -------------------------------------------------------------- */

div#footer {
	background-image: url(images/footer.jpg);
	margin-top: 15px;
	height: 20px;
	width: 821px;
	clear: both;
	border-top-color: #000000;
	border-top-style: double;
	padding: 1px;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#footer a, a:link, a:visited {
	text-decoration: none;
	color: #CC0000;
}

div#footer a:hover {
	text-decoration: underline;
}