/*main content*/

#mainContent{
	float:left;
	margin:0;
	padding:0;
	width:50%;
	
}

#mainContent .box{
	margin:0 0 0.25em 0;
	padding:0;
	
	font-size:1em;
}

#mainContent .box p{
	margin:0;
	padding:0.25em;
	
}

/*left side content*/

#leftSideContent{
	float:left;
	margin:0;
	padding:0;
	width:25%;
}

/*right side content*/

/*all browsers - weakness needed*/
#rightSideContent{
	float:right;
	margin:0;
	padding:0;
	width:24.9%;
}

/*Triple X filter*/

/*Mozilla, Safari, Konqueror, Opera 9, IE7; IE7 stops here*/
div[id="rightSideContent"]{width:24.9%;}

/*Mozilla, Safari, Konqueror*/
#contentWrapper div[id="rightSideContent"]:not([class="xxx"]){width:25%;}

/*Opera: negate width 24.9%*/
@media all and (min-width:0px) {#contentWrapper div[id="rightSideContent"]{width:25%;}}

/*box*/

.box{
	/*overwrite margin*/
	margin:0 0.25em 0.25em 0.25em;
}