* { margin: 0px; padding: 0px; border: 0px; }
body { margin: auto; text-align: center; }
ul, p { text-align: left; font: normal normal .8em/1.4em arial, tahoma, sans-serif; }

h1 { text-align: left; font: normal bold 1.2em/1.5em arial, tahoma, sans-serif; color: #0066CC; }
h2 { text-align: left; font: normal bold .8em/1em arial, tahoma, sans-serif; color: #000000; }

a { font: normal normal 1em/1em arial, tahoma, sans-serif; text-decoration: none; color: #999999; }
	a:hover, a.mail:hover, a.list:hover { text-decoration: underline; color: #000000; }
	#topNav a { font-size: .8em }
	a.boldLink, a.mail { font-weight: bold; }
	a.mail, a.list { color: #0066CC; }
	
p { padding: 10px 0px 0px 0px; }

ul { padding: 10px 0px 0px 20px; line-height: 1.7em; }
	ul.arrows { padding: 10px 0px 0px 0px; list-style: none; line-height: 1.1em; }
		ul.arrows li { padding: 0px 0px 0px 40px; margin-bottom: 10px; background: white url(../images/icons/arrowIcon.gif) no-repeat 10px top; }

img.arrow { float: left; margin-right: 10px; vertical-align: middle; }

#container { text-align: left; width: 900px; padding: 10px; margin: 10px auto; }

#header { height: 105px; color: #999999;  }
	#topLogo { float: left; height: 105px; }
	#topNav { margin-top: 10px; float: right; height: 105px; }
		#topNav img { margin: 10px; vertical-align: middle; }

#nav { margin-top: 15px; height: 29px; background: white url(../images/tiles/greyWhite.gif) repeat-x top left; border: 1px solid #999999; }
	#nav a.solution { float: left; width: 206px; height: 29px; background: white url(../images/buttons/solutionButtonSprite.gif) no-repeat 0px 0px; }
	#nav a.demo { float: left; width: 213px; height: 29px; background: white url(../images/buttons/demoButtonSprite.gif) no-repeat 0px 0px; }
	#nav a.contact { float: left; width: 205px; height: 29px; background: white url(../images/buttons/contactButtonSprite.gif) no-repeat 0px 0px; }
	#nav a.solimar { float: left; width: 268px; height: 29px; background: white url(../images/buttons/solimarButtonSprite.gif) no-repeat 0px 0px; }
		#nav a.solution:hover, #nav a.demo:hover, #nav a.contact:hover, #nav a.solimar:hover { background-position: 0px -29px; }

#movie { margin-top: 10px; }

#news { height: 29px; margin-top: 10px; margin-bottom: 10px; background: white url(../images/tiles/greyWhite.gif) repeat-x bottom left; border: 1px solid #999999; }
	#news h2 { float: left; padding: 8px 20px 0px 10px; }
	.newsbarButton { height: 29px; float: left; text-align: left; color: #0066CC; background: transparent; cursor: pointer; }
	.newsbarLeft, .newsbarRight { float: left; width: 22px; border: 0px; cursor: pointer; }
	.newsbarLeft { height: 29px; background: transparent url(../images/icons/arrowLeftIcon.gif) no-repeat 5px 10px; }
	.newsbarRight { margin-right: 10px; height: 29px; background: transparent url(../images/icons/arrowRightIcon.gif) no-repeat 10px 10px; }
	#allNews { float: right; }
		#allNews a { font-size: 80%; color: #0066CC; }
			#allNews a:hover { color: #000000; }
				
#adSpace { }

#footer { margin-top: 10px; padding: 5px; border-top: 1px solid #999999; font: normal normal .7em/1em arial, tahoma, sans-serif; color: #aaaaaa; }

#contentTop, #contentBottom { clear: both; margin-top: -10px; }
	.sectionTop, .sidebarTop, .sectionBottom, .sidebarBottom { margin-top: 10px; padding: 10px; border: 1px solid #999999; }
		.sectionTop, .sidebarTop { min-height: 160px; height:auto !important; height: 160px; }
		.sectionBottom, .sidebarBottom { margin-bottom: 10px; min-height: 190px; height:auto !important; height: 190px; }
		.sectionTop, .sectionBottom { float: left; width: 530px;  }
		.sidebarTop, .sidebarBottom { float: right; width: 315px; }
			.sectionHeader, .sidebarHeader { height: 20px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #999999; }
				.sectionHeader img.title, .sidebarHeader img.title { float: left; }
				/*.sectionHeader img.more, .sidebarHeader img.more { float: right; } */
			.sectionHeader a, .sidebarHeader a { float: right; display: block; width: 55px; height: 11px; margin-top: 5px; background: white url(../images/buttons/moreButtonSprite.jpg) no-repeat 0px 0px; }
				.sectionHeader a:hover, .sidebarHeader a:hover { background-position: 0px -11px; }

#headerBanner { margin-top: 10px; margin-bottom: 10px; }

/* #contentContainer { float: left; margin-top: 0px; margin-bottom: 20px; padding: 1px 1px 1px 1px; border-bottom: 1px solid #999999; background: white url(../images/tiles/contentTile.jpg) repeat-x top left; } */
#contentContainer { float: left; margin-top: 0px; margin-bottom: 20px; background: #ffffff; }
	
#sideNav { float: left; margin-top: 0px; margin-right: 0px; width: 200px; min-height: 800px; height:auto !important; background: white url(../images/tiles/contentTile.jpg) repeat-x 0px -200px; height: 800px;  }
	#sideNav .menu { padding: 0px; }
	#sideNav .menu a { font-size: 85%; margin: 0px auto; background: white url(../images/tiles/buttonBack.jpg) no-repeat top left; color: #666666; font-weight: bold; }
	#sideNav .menu ul { list-style: none; padding: 0px; margin: 0px; }
		#sideNav .menu li { padding: 0px 0px 0px 0px; border-bottom: 1px solid #999999; }
	#sideNav .menu a { padding: 10px 0px 0px 10px; display: block; width: 188px; height: 25px; }
		#sideNav .menu a:hover { text-decoration: none; background-position: 0px -40px; }
	#sideNav .menu h2 { padding: 0px 0px 0px 5px; color: #006699; border-bottom: 1px solid #999999; }

.content { border: 1px solid #999999; margin-top: 0px; margin-bottom: 10px; margin-left: 10px; width: 645px; padding: 20px; float: right; background: #ffffff; }
	.content p { padding: 5px 0px 15px 0px; }
	.content h2 { padding: 10px 0px 0px 0px; }
	.content a { font-weight: bold; color: #006699; text-decoration: none; }
		.content a:hover { text-decoration: underline; color: #000000; }
	.content a.bodyLinks { font-weight: normal; text-decoration: underline; }
	.content ul { font-size: 1em; }
	
	ul.list { font-size: .8em; margin-bottom: 10px; }
	ul.pdf { font-size: .8em; padding: 10px 0px 0px 0px; list-style: none; line-height: 1.1em; margin-bottom: 10px; }
		ul.pdf li { height: 31px; padding: 10px 0px 0px 40px; background: white url(../images/icons/pdf.jpg) no-repeat 0px top; }

.icon { float: right; margin-left: 20px; margin-top: 20px; }

.formContainer { text-align: left; }
	.formContainer label { margin-top: 5px; display: block; float: left; vertical-align: middle; width: 200px; font: normal normal .8em/1.5em arial, tahoma, sans-serif; }
	.formContainer input, textarea { float: left; margin-top: 5px; margin-bottom: 5px; border: 1px solid #999999; }
	.formContainer input.tiField, textarea { width: 300px; }
		.formContainer textarea { height: 150px; }

		.error { color: red; font: normal bold .8em/1.5em arial, tahoma, sans-serif; }
		
.moodalChrome, .moodalChromeNoFloat {
	background-color: #E7E7E7;
	background-image: url(../images/img-moo/expand.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 10px 10px 20px 10px;
	
}

.moodalChrome { float: right; margin-top: 20px;	margin-left: 20px; }

.moodalChromeNoFloat { margin: 0px auto; display: block; width: 400px; margin-bottom: 10px; }

.moodalChrome:hover, .moodalChromeNoFloat:hover {
	background-color: #444444;
	display: block;
}

.calculatorButtons { margin-top: 10px; width: 620px; }
	.calculatorButtons input { border: 1px solid #999999; font: normal bold 1em/1em arial, tahoma, sans-serif; }
	
	.calculatorButtons a { margin-right: 10px; width: 75px; height: 50px; display: block; border: 0px; float: left; }
		.calculatorButtons a.labor { background: transparent url(../images/buttons/calculatorLabor.jpg) no-repeat 0px 0px; }
		.calculatorButtons a.apps { background: transparent url(../images/buttons/calculatorApps.jpg) no-repeat 0px 0px; }
		.calculatorButtons a.bw { background: transparent url(../images/buttons/calculatorBW.jpg) no-repeat 0px 0px; }
		.calculatorButtons a.color { background: transparent url(../images/buttons/calculatorColor.jpg) no-repeat 0px 0px; }
		.calculatorButtons a.facility { background: transparent url(../images/buttons/calculatorFacility.jpg) no-repeat 0px 0px; }
		.calculatorButtons a.shipping { background: transparent url(../images/buttons/calculatorShipping.jpg) no-repeat 0px 0px; }
		.calculatorButtons a.savings { background: transparent url(../images/buttons/calculatorSavings.jpg) no-repeat 0px 0px; }
			.calculatorButtons a.labor:hover , .calculatorButtons a.apps:hover, .calculatorButtons a.bw:hover, .calculatorButtons a.color:hover, .calculatorButtons a.facility:hover, .calculatorButtons a.shipping:hover, .calculatorButtons a.savings:hover { background-position: 0px -50px; }

.calcButton { display: block; float: left; width:90px; height: 50px;  }
	
	
.calcPages { text-align: left; width: 630px; background: #eeeeee; float: left; }
	.calcPages input { margin-top: 10px; margin-bottom: 5px; float: left; border: 1px solid #999999; width: 80px; }
	.calcPages input.required {margin-top: 15px; border: 1px solid red; }
	.calcPages input.standard { margin-top: 15px; border: 1px solid #999999; }
	.calcPages input.standardResult { border: 0px solid #999999; text-align: right; font-weight: bold; background: transparent; }
	.calcPages label { margin-left: 10px; margin-top: 10px; display: block; width: 300px; float: left; vertical-align: middle; font: normal normal .8em/1.5em arial, tahoma, sans-serif;}

#savings label { width: 300px; }
#savings input.standardResult { width: 200px; }

