/*
	BODY
*/
BODY, TD, TH, INPUT, TEXTAREA, SELECT
{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:10px;
	color:#666666;
}
BODY
{
	margin:0px;
	background:#585459 url("texture_dark.jpg");
}

/*
	IMAGES
*/
IMG
{
	border:0px;
}
IMG.flag
{
	margin:0px 1px;
	width:9px;
	height:9px;
}
IMG.icon
{
	margin:3px;
}

/*
	LINKS
*/
A
{
	color:#222222;
	text-decoration:none;
}
A:hover
{
	text-decoration:underline;
}
P A, UL A, OL A, FORM A
{
	background:#d6ff71;
	background:url("marker_green.png") repeat-x center center;
}
/*P A:visited
{
	color:#666666;
	text-decoration:line-through;
	background:url("marker_gray.png") repeat-x center center;
}*/

/*
	HEADLINES
*/
H1
{
	font-size:16px;
	color:#302B54;
}
H2, H3
{
	font-size:10px;
	letter-spacing:1px;
}
H2
{
	color:#7B76AB;
}
H3
{
	font-weight:normal;
}
H2.error
{
	color:#FF2929;
}

/*
	PARAGRAPHS
*/
P
{
	line-height:20px;
	text-align:justify;
}
P.preview
{
	margin:0px -9px;
}
P.preview IMG
{
	margin:0px 4px;
}

/*
	LISTS
*/
UL
{
	list-style-type:disc;
	padding:0px 16px;
	line-height:20px;
}

H1
{
	margin:10px 0px 20px 0px;
}
H2
{
	margin:20px 0px 10px 0px;
}
P, UL, OL, LI, FORM, H3
{
	margin:8px 0px;
}

/*
	FORMS
*/
FORM DIV
{
	margin:10px 0px;
}

INPUT.text, TEXTAREA
{
	border:1px solid #E5E5E5;
	padding:2px 3px;
	color:#808080;
}
INPUT.submit
{
	color:#000000;
	cursor:pointer;
}
/*RED VERSION => INPUT.error, TEXTAREA.error, SELECT.error
{
	border:1px solid #FF5C5C ! important;
	color:#FF4242 ! important;
}*/
INPUT.error, TEXTAREA.error, SELECT.error
{
	border:1px solid #8A83C5 ! important;
	color:#766EB8 ! important;
}
H3.error
{
	color:#766EB8 ! important;
}

/*#tts
{
	width:760px;
}*/
DIV.category
{
	margin:8px;
	background:#E8DFEB url("texture_light.jpg") top left;
}
DIV.category.sub
{
	margin:8px 8px;
	margin-bottom:8px;
}
DIV.rectangle
{
	width:560px;
	height:22px;
	background-color:#FFFFFF;
	background-position:center left;
	background-repeat:no-repeat;
}
DIV.rectangle.black
{
	color:#FFFFFF;
	background-color:#000000;
}
DIV.rectangle.black IMG
{
	color:#FFFFFF;
}
DIV.rectangle A
{
	display:block;
}
DIV.rectangle A:hover
{
	background-color:transparent;
}
DIV.rectangle A, DIV.rectangle DIV
{
	height:10px;
	padding:6px 0px; 
}
DIV.rectangle.big
{
	height:44px;
}
DIV.rectangle.big A, DIV.rectangle.big DIV
{
	height:22px;
	padding:11px 0px; 
}
DIV.content
{
	width:444px;
	width:480px;
	background-color:#FFFFFF;
	padding:10px 40px;
}
DIV.content .page_small
{
	float:right;
	width:200px;
	padding-top:34px;
	padding-left:40px;
	padding-bottom:15px;
}

#header
{
	background-position:bottom left;
}
#about
{
	background-position:center left;
}
#works
{
}
#playground
{
	background-position:right left;
}
#contact
{
	background-position:bottom left;
}
DIV.category.about
{
	background-position:bottom left;
}





/*
	IE HACKS
*/
* HTML H1
{
	margin-top:20px;
}

/* box model hack http://tantek.com/CSS/Examples/boxmodelhack.html */
* HTML DIV.content
{
	width:560px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:480px;
}
html>body DIV.content
{
	width:480px;
} 
/*
	MOZ HACKS
*/
::-moz-selection
{
	color:#fff;
	background-color:#7B76AB;
}