@import url("global.css");
@import url("navigation.css");
@import url("widgets.css");

@media screen, projection {

/* CONTAINERS: =containers
----------------------------------------------- */
	div#leftContent, div#rightContent	{ margin: 15px 0 20px 0; }

	div#leftContent		{ width: 500px; float: left; }
	div#rightContent	{ width: 200px; float: right; clear: right; }

	#subChoices		{ margin-top: 10px; background: transparent url(../images/bgsubspan.jpg) repeat-x; height: 135px; position: relative; }

	span.subRoundLeft	{ background: transparent url(../images/subLeftRound.jpg) no-repeat; height: 9px; width: 9px; position: absolute; top: 0; left: 0; }
	span.subRoundRight	{ background: transparent url(../images/subRightRound.jpg) no-repeat; height: 9px; width: 9px; position: absolute; top: 0; right: 0; }

	#subSolutions		{ float: left; }
	#subSupport			{ width: 250px; float: right; }

	#subSolutions h2, #subSupport h2 { z-index: 100; }

	#subSolutions h2,
	#subSupport h2			{ margin: 12px 0 12px 15px; }

	#subSolutions h2,
	#subSolutions h2 span	{ background: transparent url(../images/sub-solutions.gif) no-repeat; height: 18px; width: 75px; }

	#subSupport h2,
	#subSupport h2 span		{ background: transparent url(../images/sub-support.gif) no-repeat; height: 18px; width: 65px; }

	#subChoices li	{ background: transparent url(../images/list-item.gif) 15px 10px no-repeat; font-size: 11px; list-style-type: none; line-height: 24px; padding: 0 0 0 30px; }

	#subChoices li a			{ color: #333333; }
	#subChoices li a:hover		{ color: #377479; font-weight: bold; }

}