/*
    CSS for the special IDs and classes for the main page
*/


#content {						/* this is 'it': content goes here */
    width: 764px;
	margin:  0 12px 0  0px;
	padding: 0  0   0  0px;
	float: left;
    /* background:silver; */
}

div.shiftr {	padding-left: 12px;	}

div#topbar {                    /* this is the box with some CSM devices on the main page */
    background-image: url("../images/bar.jpg");
}


/* ------------ These are for the navigation links around the circle-triangle --------------- */

div#circle {
	position: relative;
	height: 260px;				/* the pic is 255 */
}

img#circle {
	position: absolute;			/* absolute inside div.circle */
	left: 233px;
}

div.clnk {						/* This is the class for all the link fields around the circle */
	position: absolute;
	padding: 0;
	width: auto;
}

div.flag {						/* This is the class for the flags */
	position: absolute;
	width: 35px;
	height: 40px;
    background:silver;
}


p.prodarea {					/* the (fat) paragraph with the product area headline */
	font-size: 18px;
	font-weight: bold;
	margin:  0px 0px 8px 0px;
	padding: 0
}

/* We use these ID's to set the correct positions */
#lnkpcmcia 		{ left: 100px; top:  20px;}
#lnktools 		{ left: 155px; top: 185px; }
#lnkmeas 		{ left: 460px; top:  60px; }


/* #flag_d { left: 830px; top: 30px; }
#flag_e { left: 830px; top: 60px; } */

/* #flag_d { left: 400px; top: 0px; }
#flag_e { left: 400px; top: 0px; } */

/* --- experimental --- */