*
{
	margin:0px;
	padding:0px;
}

/***********************************/

html,
body
{
	cursor:default;
	font-family:Verdana;
	font-size:0.9em;
	width:100%;
	background:#FFF url(images/spate.gif) no-repeat center top;
}

/***********************************/

acronym
{
cursor:help;
border:0px;
}

a
{
	text-decoration:none;
	white-space:nowrap;
	padding-bottom:4px;
	color:#000;
	background: transparent url(images/linie.gif) repeat-x 100% 100%;
}

h3
{
	margin:6px;
	font-family:Verdana;
	font-size:1.2em;
	margin-top:14px;
}

p
{
	margin:6px;
	letter-spacing:1px;
	text-align:justify;
}

h1
{
	padding:20px;
	padding-top:90px;
}

h1 span
{
	display:none;
}

h2
{
	font-size:1em;
	letter-spacing:3px;
	font-family:courier;
}

ul
{
	border:1px solid #BBB;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	list-style-type:lower-roman;
}

li
{
	margin-left:25px;
}

/***********************************/

#container
{
	position:absolute;
	left:50%;
	margin-left:-375px;
	width:750px;
}

#pageHeader,
#quickSummary
{
	text-align:center;
}

#quickSummary
{
	margin-top:10em;
	margin-bottom:-20px;
	text-align:left;
	margin-left:6px;
	color:#666;
	font-family:courier;
}

#quickSummary p
{
	margin:0px;
	padding:0px;
	font-style:italic;
	display:inline;
}

#quickSummary a
{
	color:#666;
}

#preamble
{
	border-top:3px double #DDD;
	margin-top:30px;
	width:100%;
}

#preamble h3,
#explanation h3,
#Photos h3,
#benefits h3,
#Extra h3
{
	border-bottom:1px solid #888;
}

#benefits
{
	background:transparent url(images/small.gif) no-repeat bottom center;
	padding-bottom:148px;
}

#explanation
{
	float:left;
	width:31%;
}

#Photos
{
	float:left;
	width:46%;
	border-left:2px solid #DDD;
	border-right:2px solid #DDD;
	margin-bottom:10px;
}

#Photos .p4
{
	border:2px solid #DDD;
	padding-left:4px;
	padding-right:4px;
	margin-top:30px;
}

#Photos .p4:first-letter
{
	text-transform:capitalize;
}

#benefits
{
	float:left;
	width:22%;
}

#Extra
{
	clear:both;

	margin-bottom:20px;
	background:transparent url(images/daci.gif) no-repeat left bottom;
	padding-bottom:45px;
}

#Extra .p5
{
	margin-top:20px;
	text-align:right;
	border-right:1.1em solid #CCC;
}

#footer
{
	text-align:center;
	font-size:0.9em;
	position:absolute;
	top:130px;
	width:100%;
}

#quickSummary .p1,
{
letter-spacing:0px;
}

#lselect
{
	position:absolute;
	top:30px;
	left:5px;
	font-size:0.8em;
}

#lAbout
{
	position:absolute;
	top:30px;
	right:0px;
	width:170px;
	font-size:0.8em;
}

#lLinks
{
	position:absolute;
	top:11em;
	right:0px;
	width:170px;
	font-size:0.8em;
}

#lselect a,
#lAbout a,
#lLinks a,
#footer a
{
	background:none;
	color:#555;
}

#lselect a:hover,
#lAbout a:hover,
#lLinks a:hover,
#footer a:hover
{
	color:#000;
}

 #footer a:hover
{
	text-decoration:none;
	white-space:nowrap;
	padding-bottom:4px;
	color:#000;
	background: transparent url(images/ceva.gif) repeat-x 100% 100%;
}

/**************image viewer**************/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}