/*
    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;
}

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; }


/* --- experimental --- */