body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td, img, hr, embed, object { 
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	background: #eee;
}


/* ------------------------------------ */


#container {

}

	#subcontainer {
		width: 508px;
		margin: 0 auto;
		background: #fff;
	}

/* ------------- */

#header {
	height: 50px;
	padding: 20px;
	background: #8cc540;
	_padding: 0 20px;
}

	#header p {
		color: #5a8127;
	}
	
		#header p a {
			color: #fff;
			font: bold 18px/50px Arial, Helvetica, sans-serif;
			_font: bold 18px/80px Arial, Helvetica, sans-serif;
		}

/* ------------- */

#content {
	padding: 20px;
}

/* ------------- */

#footer {
	padding: 20px;
	background: #f8f8f8;
}

	#footer p {
		padding: 0;
		color: #333;
		font: normal 12px/18px Arial, Helvetica, sans-serif;
	}
	
		#footer p a {
			color: #333;
			font-weight: normal;
		}

/* ------------------------------------ */

a {
	/* font-weight: bold; */
	color: #3080cb;
}

a:hover {
	color: #8cc540;
}

/* ------------------------------------ */

h1 {
	padding: 0 0 10px 0;
	font: bold 18px/27px Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	color: #000;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #f8f8f8;
}

p {
	padding: 0 0 10px 0;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}

/* ------------------------------------ */

/* ------------- */

form#count {
	overflow: hidden;
	zoom: 1;
}

	form#count p.item {
		float: left;
		width: 156px;
	}
	
	form#count p.item select {
		width: 151px;
	}
	
	form#count p.txt {
		clear: both;
		float: none !important;
	}

	form#count p.txt input#txt {
		width: 460px;
		margin: 0 0 5px 0;
	}
	
	form#count div#preview {
		padding: 0 0 15px 0;
	}

	form#count textarea#code {
		width: 460px;
		height: 40px;
		margin: 0 0 10px 0;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
/* ------------- */

ul#ex {
	list-style: none;
	padding: 0 0 20px 0;
}

	ul#ex li {
		padding: 5px 0 0 0;
	}

/* ------------- */

div#ad {
	height: 100%;
	width: 100%;
	position: absolute;
	display: none;
}

	div#ad div#background {
		height: 100%;
		width: 100%;
		position: absolute;
		background: #000;
		filter:alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity:0.7;
	}

	div#ad #content {
		background: #fff;
		position: absolute;
		width: 510px;
		margin: 100px 50% 0 0;
		right: -255px;
		padding: 0;
	}
	
		div#ad #content p#heading {
			background: #8cc540;
			font: bold 13px/21px Arial, Helvetica, sans-serif;
			color: #fff;
			padding: 10px;
		}
		
		div#ad #content p {
			padding: 10px;
			font: bold 13px/21px Arial, Helvetica, sans-serif;
		}
		
		div#ad #content span {
			padding: 10px;
		}
		
	div#ad #content p#close {
		text-align: right;
		font: bold 14px/14px Arial, Helvetica, sans-serif;
	}	
		
		div#ad #content p#close a {
			text-decoration: none;
		}

#ad2 {
	padding: 0 0 10px 0;
}

#ad2 div {
	height: 60px;
	width: 468px;
	background: #c0c0c0;
}