/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #6a6a6a; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #6a6a6a; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 670px; }

	/* ### header container ### */
	#headerCntr { padding: 0 10px 0 11px; position: relative; width: 649px; height: 204px; background: url('../images/header-bg.jpg') left top no-repeat; }
	#headerCntr h1 { position: absolute; top: 47px; left: 32px; }
	#headerCntr h1 a { display: block; width: 196px; height: 42px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	#headerCntr img { margin: 59px 15px -15px 0; float: right; }
	
		/* ### categories box ### */
		.categoriesBox { height: 34px; overflow: hidden; background: #f7edd4; }
		.categoriesBox ul { padding-left: 19px; list-style: none; line-height: 34px; }
		.categoriesBox li { padding: 0 5px; float: left; background: url('../images/catrgories-li.jpg') right center no-repeat; }
		.categoriesBox li.last { background: none; }
		.categoriesBox a { text-decoration: none; display: block; color: #6a6a6a; font-size: 11px; }
		.categoriesBox a:hover { text-decoration: underline; }
	
		/* ### search box ### */
		.searchBox { width: 649px; height: 61px; position: relative; background: url('../images/search-bg.jpg') left top repeat-x; }
		.searchBox fieldset { padding: 13px 0 0 9px; border: none; } 
		.searchBox input.text { padding: 10px 10px 10px 15px; border: none; width: 566px; height: 18px; display: block; float: left; background: url('../images/input-bg.jpg') left top no-repeat; }
		.searchBox input.button { border: none; cursor: pointer; width: 39px; height: 37px; background: url('../images/search.jpg') left top no-repeat; }
	
	/* ### content container ### */
	#contentCntr { padding: 0 12px; overflow: hidden; width: 646px; background: url('../images/content.jpg') left repeat-y; }
	
		/* ### center container ### */
		#centerCntr { margin: 0 auto; width: 600px; }
		
			/* ### definition box ### */
			.definitionBox { width: 100%; overflow: hidden; }
			.definitionBox h2 { line-height: 40px; color: #535354; font-size: 14px; }
			.definitionBox a { text-decoration: underline; color: #6a6a6a; }
			.definitionBox a:hover { text-decoration: underline; }
			.definitionBox p { padding-bottom: 20px; line-height: 24px; text-align: justify; }
			.definitionBox p span { font-weight: bold; }
			.definitionBox .ratio { padding: 0px 15px; position: relative; margin-bottom: 15px; width: 562px; height: 100px; background: url('../images/ratio.jpg') left bottom no-repeat; }
			.definitionBox h4 { position: absolute; top: 0px; padding: 0 7px; color: #535354; font-size: 9px; font-weight: normal; float: left; background: #fff; }
			.definitionBox img { margin-top: 20px;}
			.definitionBox p.formula { margin: 25px auto 0 auto; width: 95%; overflow: hidden; }
			.definitionBox p.formula span { padding: 0 2px; line-height: 50px; text-align: center; font-family: Georgia; font-size: 13px; font-style: italic; float: left; }
			.definitionBox p.formula span.last { line-height: 25px; text-align: left; width: 210px; overflow: hidden; display: block; float: left; text-align: center; }
			.definitionBox p.formula span.last span { padding: 0; line-height: 23px; border-bottom: 1px solid #3d3d3d; }
			.definitionBox ul { padding-bottom: 20px; list-style: none; line-height: 24px; }
			.definitionBox ul a{ text-decoration:none; }
			.definitionBox  ul.level1{ padding-left: 35px; line-height: 20px; list-style-type: disc; }
			.definitionBox  ul.level2{ padding-left: 35px; line-height: 20px; list-style-type: circle; }
		
			/* ### article box ### */
			.articleBox { width: 100%; overflow: hidden; }
			.articleBox h2 { line-height: 50px; color: #535354; font-size: 14px; }
			.articleBox p { padding-left: 45px; margin-left: 7px; line-height: 18px; background: url('../images/txt-bg.jpg') left 7px no-repeat; }
			.articleBox a { text-decoration: none; color: #6a6a6a; }
			.articleBox a:hover { text-decoration: underline; }
			.articleBox form { margin: 15px 0; }
			.articleBox legend { padding: 0 7px 5px 7px; margin-left: 10px; color: #6a6a6a; border: none; overflow: hidden; }
			.articleBox fieldset { padding-bottom: 13px; margin-bottom: 15px; border: 1px solid #dfdfdf; }
			.articleBox label { display: block; }
			.articleBox input.text { padding: 8px; margin: 4px 0 4px 10px; color: #868686; width: 554px; height: 18px; float: left; border: none; background: url('../images/artical-input.jpg') no-repeat; }
			.articleBox textarea.text, .articleBox textarea.info { padding: 8px; margin: 4px 0 4px 10px; width: 554px; height: 73px; float: left; border: none; background: url('../images/define.jpg') no-repeat; }
			.articleBox textarea.info { height: 196px; background: url('../images/info.jpg') no-repeat; }
			.articleBox input.button { margin-right: 15px; font-weight: bold; cursor: pointer; text-transform: uppercase; color: #6a6a6a; border: none; float: right; background: none; }
			.articleBox ul { padding-bottom: 20px; list-style: none; line-height: 24px; }
			.articleBox  ul.level1{ padding-left: 35px; line-height: 20px; list-style-type: disc; }
			.articleBox  ul.level2{ padding-left: 35px; line-height: 20px; list-style-type: circle; }

	/* ### footer container ### */
	#footerCntr { padding: 10px 12px 10px 12px; overflow: hidden; width: 646px; background: url('../images/footer.jpg') left top no-repeat; }
	#footerCntr ul { padding-top: 4px; list-style: none; float: right; font-size: 11px; color: #a4a4a4; }
	#footerCntr li { padding: 0 4px; float: left; border-right: 1px solid #a4a4a4; line-height: 11px; }
	#footerCntr li.last { border: none; }
	#footerCntr a { text-decoration: none; color: #a4a4a4; }
	#footerCntr a:hover { text-decoration: underline; }			
	
	#suggestions { margin-bottom: 20px; margin-left: 20px; float: left; width: 568px; border: 1px #CCCCCC solid;	}		
	#suggestions .suggestion{padding: 2px 0px 2px 20px; float: left; width: 548px; font-family: Arial; font-size: 12px; color: #535354; 	}
	.sugBox { padding: 0 12px; overflow: hidden; width: 646px; background: url('../images/content.jpg') left repeat-y;}