* { margin: 0; padding: 0;
	font-family: Verdana, sans-serif; }

span.code { font-family: "Courier New", monospace } 

html { height: 100%; width: 100%;
	background: #eee; }

body { height: 100%; width: 100%;
	background: #eee; }
	
	#container { position: relative;
		width: 650px;
		margin: 0 auto; 
		background: #fff; }
		
		#head { position: relative;
			width: 650px; height: 111px;
			background: url("./img/top_corner.png") top right no-repeat; }
						
				img#logo { position: absolute;
					left: 67px; top: 18px;
					width: 198px; height: 51px; }
					
				img#bynotes { position: absolute;
					right: 39px; top: 45px;
					width: 263px; height: 21px; }
				
				ul#menu { position: absolute;
					left: 67px; top: 81px;
					width: 544px; height: 19px;
					padding-top: 11px;
					background: url("./img/top_line.png") top left no-repeat;
					
					list-style: none; }
					
					ul#menu li { float: left;
						padding-right: 19px; }
						
					ul#menu li.right { float: right;
						padding-right: 0; }
						
						ul#menu li a { color: #666;
							font-size: 12px;
							text-decoration: none; }
							
						ul#menu li a:hover { color: #029802; }
							
						ul#menu li.active a { color: #029802;
							font-weight: bold; }
		
		#content { padding: 60px 65px 0 185px; }
			
			#content h1 { margin-bottom: 25px;
				font-size: 15px; font-weight: bold; }
				
			#content h2 { margin-bottom: 15px;
				font-size: 13px; font-weight: bold; } 
			
				#content h2 a { color: #000 !important; }
				#content h2 a:hover { color: #029802 !important; }
			
			#content p { margin-bottom: 15px;
				font-size: 13px; }
				
			#content ul { margin-bottom: 15px; 
				padding-left: 20px;
				list-style: outside;
				font-size: 13px; }	
				
				#content ul li { margin-bottom: 5px; }
				
			.comment { position: absolute; 
				width: 110px;
				left: 67px;
				padding-top: 1px;
				font-size: 12px;
				color: #999; }
				
			#content a { color: #029802; }
				
				#content a:visited { color: #660; }
				#content a:hover { color: #029802; }
				
				#content a.pdf { display: block;
					padding: 12px 0 9px 30px;
					background: url("./img/pdf_icon.png") no-repeat; }
		
			img.screenshot { display: block;
				width: 400px; 
				margin: 15px 0; }
			
			.work { overflow: hidden;
				margin-bottom: 35px; }
				
				a.thumbLink { float: right; display: inline;
					width: 180px;
					margin-left: 15px; margin-bottom: 5px; }
				
					a.thumbLink img { border: none; }
				
				img.thumb { float: right; display: inline;
					width: 180px;
					margin-left: 15px; margin-bottom: 10px; }
						
			form { font-size: 12px; }
			
				form.contact { margin-top: 35px; }
				
				.formline { padding-bottom: 5px; }
				
				.buttons { padding-top: 20px;
					height: 20px; } 
		
				label { position: absolute;
					width: 110px;
					left: 67px;
					padding-top: 1px;
					color: #666;
					font-weight: bold; font-size: 12px; }
					
					label.error { position: static; display: block;
						width: 400px; height: auto;
						color: #999;
						font-weight: normal; font-size: 10px; }
				
				input { border: 1px solid #ccc; }	
				
					input.text { width: 280px; }

					input.code { width: 140px; }
					
					input.invalid { background: #fdd; }
					input.valid { background: #dfd; }
					
					input.button { float: right;
						padding: 1px 10px; 
						border: 1px solid #296729; 
						background: #51cc51; color: white;
						font-size: 13px; font-weight: bold;
						cursor: pointer; }
						
						input.button.disabled {
							border: 1px solid #999;
							background: #ccc; color: #666; }
				
				textarea { border: 1px solid #ccc;
					font-size: 13px; }
					
					textarea.invalid { background: #fdd; }
					textarea.valid { background: #dfd; }
					
				a#refresh { display: block;
					width: 142px; height: 52px;
					margin-top: 5px; }
				
					img.code { width: 140px; height: 50px;
						border: 1px solid #ccc; }
				
		#footer { position: relative;
			width: 650px; height: 39px;
			margin-top: 60px;
			background: url("./img/bottom_line.png") left top no-repeat; }
			
			p#copyright { position: absolute;
				top: 8px; right: 39px;
				
				color: #aaa;
				font-size: 11px; }
				
/* LiveInternet */

#invisibleCounter { position: absolute;
	right: 1px; top: 1px; }
	
#liLogo { position: absolute;
	right: 39px; top: -35px; }
	
	#liLogo a img { width: 31px; height: 31px;
		border: none; }