*, html, body {
padding: 0;
margin: 0;
border: none;
}

HTML 
{
	background-color: #ececec;
	background-image: url(img/bg.gif);
	background-position: top;
}

* html body {
  height:100%;
}

body, td
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: 000000;
}

a:link, a:visited
{
	color: #A80FDD;
	text-decoration: underline;
}

a:hover
{
	color: #c43cf0;
	text-decoration: none;
}

#main
{
	width: 100%;

}

#tdleft, #tdright, #tdcenter
{
	vertical-align: top;
}

#tdcenter
{
	width: 866px;
	padding-bottom: 50px;
}

#tdleft
{
	background-image: url(img/bgleft.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#tdright
{
	background-image: url(img/bgright.jpg);
	background-repeat: no-repeat;
}

#content
{
	background-color: #d9d9d9;
	background-image: url(img/bg_content.gif);
	background-repeat: repeat-x;
	overflow: auto;
	width: 866px;
	padding-bottom: 50px;
}

#works
{
	width: 208px;
	float: right;
	background-image: url(img/portfolio.jpg);
	background-repeat: no-repeat;
	margin-right: 12px;
	overflow: hidden;
}

#dark
{
	background-color: #202020;
	margin-left: 36px;
	background-image: url(img/bg_workleft.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#innerdark
{
	background-image: url(img/bg_workright.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 25px;
}

H1, H2
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

H1
{
	color: #5A0087;
	font-size: 20pt;
	margin-bottom: 15px;
}

H2
{
	color: #4f025a;
	font-size: 12pt;
	margin-bottom: 15px;
	padding-top: 15px;
}

#maintext
{
	display: table;
	_height: 0;/*IE5-6*/
	zoom: 1;/*IE7*/
	width: auto;
}

#header, #header div, #header div div
{
	height: 149px;
}

#header
{
	margin-left: 19px;
	margin-right: 9px;
	background-image: url(img/bg_header.gif);
	background-repeat: repeat-x;
	width: 612px;
}

#header div
{
	background-image: url(img/headerleft.jpg);
	background-repeat: no-repeat;
}

#header div div
{
	background-image: url(img/headerright.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#header div div img
{
	margin-left: 55px;
	margin-top: 17px;
}

#menu
{
	width: 203px;
	background-color: Black;
	background-image: url(img/light.gif);
	background-repeat: repeat-y;
	margin-top: 23px;
	margin-bottom: 40px;
	color: White;
	margin-right: 20px;
	float: left;
}

#menu div
{
	background-image: url(img/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#menu div div
{
	background-image: url(img/bg_menu_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-top: 25px;
	padding-bottom: 20px;
}

#menu H1
{
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	color: #8543b7;
	padding-left: 35px;
	background-image: url(img/bg_menutitle.gif);
	background-position: right;
	background-repeat: repeat-y;
	margin-right: 1px;
}

#menu H1 div
{
	padding: 0px;
	margin: 0px;
	background-image: url(img/icon_menutitle.gif);
	background-repeat: no-repeat;
	margin-right: 20px;
	background-position: right;
}

#menu ul
{
	padding: 0px;
	margin: 0px;
	margin-left: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#menu ul li
{
	list-style-type: none;
	font-size: 10pt;
}

#menu a, #menu a:hover
{
	color: White;
	text-decoration: none;
}

#menu a:hover
{
	color: #DA70D6;
}

#stat li
{
	font-size: 8pt;
}

#stat li span
{
	color: #672f8e;
}

.picts
{
	text-align: right;
}

* html .picts
{
	display: table;
	_height: 0;/*IE5-6*/
	zoom: 1;/*IE7*/
}

#works .picts
{
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
}

.picts img
{
	margin-bottom: 10px;
	margin-right: 10px;
	border: 2px solid White;
}

#works .picts img
{
	border: 1px solid #ce08d4;
	margin-right: 0px;
}

#footer
{
	background-image: url(img/bottomleft.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #202020;
	color: White;
}

#footer div
{
	background-image: url(img/bottomright.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 30px;
	padding-left: 30px;
}

#text, #indextext
{
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 40px;
	min-height: 800px;
}

#text
{
	display: table;
	_height: 0;/*IE5-6*/
	zoom: 1;
	padding-left: 0px;
  	width: 400px;
	overflow: hidden;
}

#icons img
{
	margin-right: 10px;
	margin-bottom: 10px;
}



p
{
	padding-bottom: 7px;
	text-align:justify;
}

form
{
	BORDER-RIGHT: 0px;
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-BOTTOM: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	MARGIN: 0px;
}

input.fld, textarea
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 9pt;
	border: 1px solid #b9b9b9;
	background-image: url(img/bg_input.gif);
	background-repeat: repeat-x;
}

textarea
{
	overflow: auto;
	margin-bottom: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;


}

input.btn
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #333333;
	border-top: 2px solid #666666;
	border-left: 2px solid #666666;
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	font-weight: bold;
	color: #fff;
	font-size: 10pt;
	text-align: center;
}