#calculator td {
	background-color: #85c668;
}

#calculator input{
	border: solid 1px black;
	text-align: right;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	background:url(bg.jpg) repeat-x #e7eff5;
}
p{
	margin:0;
	padding:0;
}
#wrapper{
	width:824px;
	margin:25px auto;
	padding:0 0 0 9px;
	background:white;
	border-left:2px #e1e1e1 solid;
	border-right:2px #e7eff5 solid;
	border-bottom:2px #e7eff5 solid;
	border-top:2px #e1e1e1 solid;
}
	#wrapper2{
		background:#FFFFFF;
		margin:9px 0 0 0;
		padding:0;
		float:left;
		width:653px;
	}

#PaletteContainer
{
	border: solid 1px #cccccc;
	margin: 5px;
	padding: 4px;
	overflow: auto;
	width: 97%;
	height: 94px;
}

.CalcBlue
{
	color: #ff0000;
}

#ColorComment
{
	width: 100%;
	width: 97%;
	margin: 5px;
}
.PaletteItem
{
	 margin: 2px;
	 width: 18px;
	 height: 18px;
	 border: solid 1px #000000;
	 float: left;
}

/*header*/
#header{
}
	
	#menu{
		text-align:center;
		margin:0px;
		padding:0 5px 0 0;
		font-size:12px;
		background:#85c668;;
		color:white;
		display:block;
	}
		#menu ul{
			margin:0;
			padding:3px 0;
			list-style:none;
		}
			#menu ul li{
				display:inline;
			}
				#menu ul li a{
					color:#FFFFFF;
					text-decoration:none;
					padding:0 2px;
					list-style:none;
				}
					#menu ul li a:hover{
						color:#006633;
					}
#content{
	min-height:550px;
	position:relative;
	font-size:12px;
	padding:10px;
	
}
	#Gallery{
		margin:0 auto;
	}
		#Gallery img{
			border:1px solid #999999;
			margin-right:4px;
			margin-bottom:4px;
		}
	*html #content{
		height:580px;
	}
				
	#content h1{
		padding:0 0 4px 0;
		margin:0 0 10px 0;
		color:#4479a9;
		font-size:18px;
		font-weight:normal;
		border-bottom:1px solid #4479a9;
	}
		#content h1 a{
			text-decoration:none;
			color:#4479a9;
		}
		#content h2{
			font-size:12px;
			margin:4px 0;
			padding:0;
		}	
		#content h2 a{
			text-decoration:none;
			color:#000000;
		}
		#content h2 a:hover{
			text-decoration:underline;
		}
		#content h3{
			margin:0;
			padding:4px 0 0 4px;
			font-size:14px;
			color:#4479a9;
			text-decoration:none;
		}
		#content h3 a{
			font-size:14px;
			color:#4479a9;
			text-decoration:none;
		}
		#content h4{
			color:#006699;
			font-size:14px;
			margin:5px 0 0 0;
			padding:0 0 0 5px;
		}
		#content h4 a{
			text-decoration:none;
			color:#006699;
			font-size:14px;
			margin:5px 0 0 0;
			padding:0;
		}
		#products{
			width:430px;
			float:right;
			margin:0;
			padding:0;
		}
			#products h5{
				font-size:12px;
				background:#85c668;
				color:#FFFFFF;
				padding:0 0 0 7px;
				margin:1px 0 0 0;
				text-decoration:none;
			}
			.article{
				margin:0 0 30px 0;
				clear:both;
				color:#006699;
			}
				.article img{
					float:left;
					margin:10px 0 10px 20px;
					padding:0 20px;
					clear:both;
				}
					.article p{
						margin:0;
						padding:25px 15px 0 5px;
						background:#FFFFFF;
						color:#006699;
					}
						.articleimg{
							width:420px;
							padding:0 20px !important;
						}
				.article h4{
					background:#D9ECFF;
				}
				.more{
					margin:-5px 10px 0 0;
					padding:0;
					text-decoration:none;
					float:right;
					color:#006699;
					clear:both;
				}
					.more:hover{
						text-decoration:underline;
					}
			#submenu{
				text-decoration:none;
				margin:0;
				padding:0;
				width:140px;
				float:left;
			}
				#submenu ul{
					margin:0;
					padding:0;
					list-style:none;
					color:#4479a9;
				}
					#submenu ul{
						margin:0;
						padding:0 0 0 20px;
					}
					#submenu ul li a{
						margin:0;
						padding:0;
						color:#4479a9;
						text-decoration:none;
					}
						#submenu ul li a:hover{
							margin:0;
							padding:0;
							background:#006699;
							color:#FFFFFF;
						}
			.table{
				float:left;
				margin:0px;
				padding:0px 0 10px 0;
				width:310px;
			}	
				#pages{
					width:427px;
					background:#D9ECFF;
					text-align:right;
					padding:3px 3px 0 0;
					margin:0;
					color:#006699;
				}
				#pages a{
					text-decoration:none;
					color:#006699;
				}
				#language{
					color:#849baf;
					font-size:10px;
					text-align:right;
					position:absolute;
					top:7px;
					right:0px;
				}
					#language img {
						border:1px solid #849baf;
						margin:0 5px 0 0;
						vertical-align:middle;
					}
						#language a{
							color:#849baf;
							text-decoration:none;
						}
/*footer*/
#footer{
	border-top:1px solid #4479a9;
	text-align:center;
	color:#849baf;
	font-size:12px;
	margin:0 10px;
	padding:10px 0 10px 0;
}
	#footer ul{
		margin:0;
		padding:0;
		list-style:none;
	}
		#footer ul li{
			padding-right:5px;
			display:inline;
		}
			#footer ul li a{
				text-decoration:none;
				color:#849baf;
			}
				#footer ul li a:hover{
					text-decoration:underline;
				}
/*more*/
#more{
	margin:0 0 0 10px;
	font-size:11px;
	color:#FFFFFF;
	margin:0;
	width:162px;
	float:right;
}
	#more a{
		text-decoration:none;
		color:#FFFFFF;
	}
	#more a:hover{
		text-decoration:none;
		color:#85c668;
	}
	#more h1{
		font-weight:normal;
		font-size:18px;
		margin:0;
		text-align:left;
	}
	#more p{
		line-height:18px;
		text-align:left;
	}
		#search{
			padding:20px 0 0 20px;
			margin:0px;
			height:45px;
			background:url(bgsearch.jpg) #85c668 left bottom no-repeat;
		}
			.inputText{
				width:84px;
				height:12px;
				margin:0;
				padding:3px;
				font-size:11px;
				color:#999999;
			}
				.button{
					margin:0 2px 0 7px;
					background:url(lupa.jpg) no-repeat;
					width:22px;
					height:22px;
					border:none;
				}
					#applications{
						padding:10px;
						text-align:center;
						background:url(bgapp.jpg) #4479a9 left bottom no-repeat;
					}
						#simulator{
							padding:10px;
							text-align:center;
							background:url(bgsim.jpg) #7aa2c6 left bottom no-repeat;
						}
							#create{
								color:#000000;
								padding:10px 5px;
							}
								#create img{
									vertical-align:middle;
								}