/*
20071002
Imagine Domestic Interiors

Questions:
djk@daimi.au.dk

Revisions:
20071005 - cssImagine_page.css
20071002 - cssImagine_page.css
*/

/*=============== TEMP ===============*/



/*=============== GENERAL ===============*/
body {
	margin: 5px 0px 20px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', verdana, geneva, arial, helvetica, sans-serif;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #3f3f3f;
	font-size: 70%;
	background-color: #ffffff;
}

div {
	margin: 0;
	padding: 0;
}

/*=============== ID # ===============*/
body#index {
	margin: 20px 0px 20px;
	padding: 0;
	background-color: #ffffff;
}

iframe#ifr00 {
}

iframe#ifrText {
	height: 100%;
	width: 100%;
}
iframe#ifrTest {
}

/*=============== containers ===============*/

#ctnContent {
	position: absolute;
	left: 50%;
	width: 960px;
	margin-left: -480px;
}

#ctnNav {
	text-align: left;
	
	position: relative;
	left: 100px;
	top: 0px;
	
	z-index: 50;
	
	width: 440px;
	height: 42px;
	
	padding: 0;
	line-height: 42px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	background-color: #00bbff;
	color: #000000;
	
	display: block;
}
#ctnNav p {
}

#ctnFrameImg {
	position: relative;
	top: -30px;
	left: 0px;
	z-index: -100;
	
	width: 955px;
	height: 397px;
	
	background-image: url(../graphics/bgIndex.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#ctnFrameText {	
	position: relative;
	top: -30px;
	left: 0px;
	z-index: -50;
	
	width: 600px;
	height: 300px;
	
	padding: 10px 10px 10px;
}

#ctnFrameTest {
	position: absolute;
	top: 75px;
	left: 400px;
	z-index: -50;
}

#ctnFooter {
	position: absolute;
	bottom: 0px;
	z-index: 50;
	
	width: 100%;
	height: 14px;
	
	font-size: 80%;
	background-color: #ffffff;
	color: #5d5d5d;
	text-align: center;
	
	display: block;
}

#ctnFooter p {
	line-height: 14px;
}

#divDownload {
	padding: 0 0 0 20px;
}

/*=============== CLASS . ===============*/
.cssframe {
	overflow: auto;
	width: 200px;
	top: 0px;
	left: 0px;
}

.newsLink {
	position: relative;
	left: 15px;
}

.m-marker {
	font-size: 95%;
	font-weight: normal;
	color: #8C8C8C;
}

.marker01 {
	color: #000000;
	background-color : #ffff00;
}
.marker02 {
	font-weight: bold;
	color: #212121;
	font-size: 85%;
}
.marker03 {
	font-weight: bold;
	color: #212121;
	font-size: 85%;
}
.marker04 {
	font-weight: bold;
	color: #212121;
	font-size: 85%;
	vertical-align: middle;
}

.placeTop {
	z-index: 300;
}
.placeMiddle {
	z-index: 250;
}
.placeBottom {
	z-index: 200;
}

.headerIcon {
	
}

.navItem {
	margin: 0 0 0 12px;
}

.imgIcon {
	margin: 0 7px 0 0;
	vertical-align: middle;
}

/*=============== LINKS A ===============*/
a {
	color: #00bbff;
	text-decoration: none;
	font-weight: normal;
}

a:active {
}

a:visited {
}

a:hover {
	text-decoration: underline;       
}

a.news {
	color: #FF7800; 
}
a.news:hover {
	color: #ffffff;
	background-color: #FF7800;             
}

a.downloadLink:hover {
	color: #212121;             
}
a.contactLink:hover {
	color: #212121;             
}

a.footer {
	color: #8c8c8c; 
}
a.footer:visited {
	color: #8c8c8c;
}
a.footer:hover {
	color: #ffffff;
	background-color: #8c8c8c;             
}

a.footer {
	color: #5d5d5d; 
}
a.footer:visited {
	color: #5d5d5d;
}
a.footer:hover {
	color: #ffffff;
	background-color: #5d5d5d;             
}

#ctnNav a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
}
#ctnNav a:visited {
}
#ctnNav a:hover {           
}
#ctnNav a:hover img {           
}

a.scroller {
	text-decoration: none;
}

a.scroller:hover {
}
