/* CSS Document */
body {
	background-image: url(images/html/td_html.jpg);
	background-repeat: repeat-x;
	background-color: #ebebeb;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align:center;
}

div#wrapper {
	padding-top:30px;
	width: 830px; 
	height: 630px; 
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

td#grid {
	background-image: url("images/html/grid_element_plain-trans.png");
	background-repeat: no-repeat;
	background-position:center;
	width:142px;
	height:142px;
	vertical-align:middle;
	text-align:center;
}

a#image {
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	border:0;
}

.normal {
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#ababab;
}

.linebreak {
	font-size: 7px;
}

.dark {
	font-size: 11px;
	font-weight:bold;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#f0f0f0;
	text-decoration:none; 
	letter-spacing: 1px;
} 

.noborder {
	border:none;
}

div#background {
	background: url("images/html/background-trans.png") top center no-repeat;
	height:470px;
	width:830px;
	margin-top:10px;
}

div#background_image {
	width:820px;
	height:460px;
}

div#background_gallery {
	background: url("images/html/gallery_background-trans.png") top center no-repeat;
	width:820px;
	height:460px;
}

div#background_media {
	background: url("images/html/grid_background-trans.png") top center no-repeat;
	width:800px;
	height:440px;
	float:left;
	padding-left:25px;
	overflow:auto;
	z-index:99;
	margin-top:-455px;
	text-align:left;
	position:absolute
}

div#htmlarea {
	background: url("images/html/html-trans.png") top center no-repeat;
	width:400px;
	height:440px;
	overflow:auto;
	text-align:left;
	z-index:99;
	margin-top:-455px;	
	position:absolute
}

div#promos {
	height:100px;
	width:830px;
	z-index:99;
	margin-top:-50px;
	position:absolute
}

td#menu_item {
	height: 20px;
	text-align:left;
	vertical-align:middle;
}

a#promo_label {
	color:#FFFFFF;
	font-size:9px;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	position:relative;left:+45px;top:+5px;
	letter-spacing:0.05em;
	text-decoration:none;
}

a#promo_label_big {
	color:#FFFFFF;
	font-size:9px;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	position:relative;left:+35px;top:+5px;
	letter-spacing:0.05em;
	text-decoration:none;
}

td#promo_item_big {
	background: url("images/html/gradient-big-trans.png") top center no-repeat;
	height: 100px;
	text-align:center;
	vertical-align:top;
	padding-top:5px;
}

td#promo_item {
	background: url("images/html/gradient-trans.png") top center no-repeat;
	height: 100px;
	text-align:center;
	vertical-align:top;
	padding-top:5px;
}

td#copyright {
	color:#838383;
	font-size:9px;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	padding-left:10px;
}

form  {
	margin: 1em 0 0 0;
	padding: 0;
}

form label {
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#ababab;
}

form input.text  {
	border: 1px solid #300;
	width: 305px;
}

form textarea  {
	height: 10em;
	border: 1px solid #300;
	width: 305px;
}

form input.button  {
	border: 1px solid #300;
	background-color: #fff;
	color: #000;
	width: 100px;
}

form input.error, form textarea.error  {  border: 1px solid red;  }

/* anti-spam trickery */
input#email  {  display: none;  }

div.error p, div.error strong, div.error li
{
	color: red;
}