/* RESET (Based on Eric Meyer's Reset) */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td
							{ margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
	body 					{ line-height: 1; }
	ol, ul 					{ list-style: none; }
	blockquote, q 			{ quotes: none; }
	table 					{ border-collapse: collapse; border-spacing: 0; }


/* LAYOUT */

/* Body */

	body					{ margin: 5px 20px 20px 20px; background: #d9d9d9 url(../images/layout/bg.png) top repeat-x; }
	#wrapper				{ width: 785px; margin: 0 auto; }
	
/* Header */

	#header					{ padding: 20px 0; position: relative; }
	#header, #header a		{ }
	#header	img				{ margin: 0; border: 0; }
	
	#header #logo			{ display: block; width: 247px; }
	#header #contact		{ position: absolute; right: 0; bottom: 18px; line-height: 1.2;
							  text-align: right; font-size: 1.5em; color: #707070; display: none; }
	#header #contact a		{ font-size: 0.888em; color: #9b9b9b; text-decoration: none; }
	#header #contact a:hover{ text-decoration: underline; }
	
/* Inner */

	#inner					{ background: #fff; }
	
/* Main */

	#main					{ padding: 20px; border-top: 2px solid #b3b3b3;
							  overflow: hidden; }

/* Navigation */

	#nav, #nav ul			{ list-style: none; margin: 0; padding: 0; }
	#nav					{ float: left; width: 145px; }
	#nav li					{ margin: 0 0 2px 0; line-height: 1; }
	#nav a					{ display: block; padding: 8px 15px; color: #666666;
							  background: #ebebec url(../images/layout/nav_bg.png) left repeat-x;
							  border-bottom: 2px solid #d9d9d9; text-decoration: none; }
	#nav a:focus, 
	#nav a:hover,
	#nav li.active a		{ border-bottom-color: #b3b3b3;}
	#nav li.active a		{ color: #ea0000; font-weight: bold; }
	#nav li.active			{ margin-bottom: 3px; }

	#nav li.active ul		{ margin-top: 2px; }
	#nav li.active ul li	{ margin-bottom: 2px; }
	#nav li.active ul a		{ color: #666666; font-weight: normal; padding: 6px 15px;
							  font-size: 0.8em; line-height: 1.2; border-bottom: 2px solid #d9d9d9; }
	#nav li.active ul a:focus, 
	#nav li.active ul a:hover, 
	#nav li.active ul li.active a
							{ border-bottom-color: #b3b3b3; }
	#nav li.active ul li.active a
							{ color: #ea0000; }

/* Main */

	#content				{ float: left; width: 580px; margin: 0 0 0 20px; }
	
	#banner					{ position: relative; height: 189px; }
	#banner img				{ position: absolute; top: 0; left: 0; margin: 0; z-index: 10; }
	#banner img.first		{ z-index: 20; }

	#advert					{ position: absolute; top: 22px; right: 0; }
	
/* Footer */

	#footer					{ padding: 20px; border-top: 2px solid #b3b3b3; font-size: 0.916em;
							  overflow: hidden; }
	#footer, #footer a		{ color: #9a9a9a; }
	#footer p				{ margin: 0; }

	#footer #copyright		{ float: right; }
	#footer .col			{ float: left; margin: 0 0 0 20px; padding: 0 0 0 20px;
							  border-left: 1px solid #d4d4d4; min-height: 65px; }
	#footer .col_first		{ margin: 0; padding: 0; border-left: 0; }
	
	#footer ul				{ margin: 0; padding: 0; list-style: none; }

/* TEXT */

/* Fonts */

	html					{ font-size: 100%; }
	body					{ color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 75%; }

	h1, h2, h3, h4, h5, h6	{ color: #16168f; }
	h1						{ font-size: 1.833em; font-weight: bold; }
	h2						{ font-size: 1.5em; font-weight: bold; }
	h3						{ font-size: 1.166em; font-weight: normal; }
	h4						{ font-size: 1em; font-weight: bold; }
	h5						{ font-size: 1em; font-weight: bold; }
	h6						{ font-size: 1em; font-weight: bold; }

	p						{ }
	
	pre						{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;
							  white-space: -o-pre-wrap; word-wrap: break-word; }	
	pre, code				{ font-family: Consolas, "Courier New", Courier, monospace; }

	em						{ font-style: oblique; }
	strong					{ font-weight: bold; }
	
	q						{ }

	del 					{ text-decoration: line-through; }
	ins 					{ text-decoration: underline; }

	sup 					{ vertical-align: super; }
	sub 					{ vertical-align: sub; }

	abbr					{ border-bottom: 1px dotted; cursor: help; }
	
	a						{ color: #16168f; }
	a:visited				{ }
	a:hover,
	a:focus					{ }
	a:active				{ }

	blockquote				{ font-style: oblique; }

	dt 						{ font-weight: bold; }

	caption					{ font-size: 0.9em; }

	.note					{ color: #666; }
	.error					{ color: #ff0000; }

/* Line Heights */

	h1, h2, h3, h4, h5, h6	{ line-height: 1.2; }
	p, li, dt, dd, 
	td, th,	caption			{ line-height: 1.5; }
	pre						{ line-height: 1.2; }

/* Margins */

	h1, h2, h3, h4, h5, h6	{ margin: 1em 0 0 0; }
	p, ul, ol, dl, pre, 
	blockquote				{ margin: 1em 0 0 0; }
	blockquote				{ margin-left: 2em; margin-right: 2em; }

	ul, ol					{ padding-left: 2em; overflow: hidden; }
	ul ul, ul ol,
	ol ol, ol ul			{ margin-top: 0; margin-bottom: 0; }
	
	dd 						{ margin-left: 2em; }

	.top					{ margin-top: 0 !important; }
	.top_h1					{ margin-top: 2.0em !important; }
	.top_h2					{ margin-top: 1.8em !important; }
	.top_h3					{ margin-top: 1.6em !important; }
	.top_h4					{ margin-top: 1.4em !important; }
	.top_h5					{ margin-top: 1.2em !important; }
	.top_h6					{ }

/* Text Alignment */

	.text_center			{ text-align: center; }
	.text_left				{ text-align: left; }
	.text_right				{ text-align: right; }
	.text_justify			{ text-align: justify; }

/* List Styles */

	ul						{ list-style: disc; }
	ul ul					{ list-style: circle; }
	ul ul ul				{ list-style: square; }
	ol						{ list-style: decimal; }
	ol ol					{ list-style: lower-alpha; }
	ol ol ol				{ list-style: lower-roman; }
	
	
/* IMAGES & MEDIA */

	img, object, .object	{ display: block; margin: 1em auto; }


/* OBJECTS */

	.object					{ margin: 1em auto; }
	.object_standard		{ width: 200px; }

	.object img,
	.object object, 
	.object table			{ margin: 0; border: 0; float: none; }

	.object p				{ padding: 0.5em; margin: 0; background: #333; color: #fff; font-size: 0.7em; }

/* Alignment */
	
	.object_center			{ margin-left: auto; margin-right: auto; clear: both; }
	.object_left			{ margin-left: 0; margin-right: auto; clear: both; }
	.object_right			{ margin-left: auto; margin-right: 0; clear: both; }
	.object_float_left		{ margin-left: 0; margin-right: 1em; float: left; clear: left; }
	.object_float_right		{ margin-left: 1em; margin-right: 0; float: right; clear: right; }


/* TABLES  */

	table					{ width: 100%; margin: 1em 0; }
	th, td 					{ padding: 2px 0; vertical-align: top; border: 0 solid #ddd; }
	th						{ font-weight: bold; text-align: left; }

	thead th				{ border-bottom-width: 2px; }
	tfoot th, tfoot td		{ border-top-width: 2px; }
	tbody th, tbody td		{ border-bottom-width: 1px; }
	
	tbody tr:hover td		{ background-color: #eee; }

	caption					{ caption-side: bottom; }


/* Forms */

	form					{ }
	fieldset				{ margin: 0; padding: 0;
							  border: 0; }
	legend					{ display: none; }

	.form					{ margin: 1.5em 0 0 0; padding: 0 0;
							  border-top: 2px solid #d9d9d9; }
	.form > *:first-child 	{ margin-top: 0; }
	.form .top-child		{ margin-top: 0; }
	.form fieldset			{ margin: 1em 0 0 0; padding: 0.5em 0 0 0; }
	.form legend			{ font-weight: bold;
							  color: inherit;
							  display: block;
							  margin: 0; padding: 0; }
	.form legend span		{ display: block; }

	.form .control			{ overflow: hidden; margin-top: 0.5em; }
	.form .mandatory		{ }
	.form .description		{ float: left; width: 140px; }
	.form .fields			{ margin: 0 0 0 150px; }
	.form .fields p			{ font-size: 0.75em; /* 12px */
							  margin-top: 0.25em; }

	.form label				{ display: block; }
	.form .asterisk			{ float: right; font-size: 1em; color: #ccc; font-weight: normal; }

	.form .actions			{ padding: 0 0 0 150px; background: transparent; }
	.form .actions legend	{ display: none; }


	.form .field			{ }
	.form .field.part		{ display: inline-block;  }
	.form .affix			{ font-size: 12px; }

	.form .messages			{ margin-bottom: 0; }

/* Inputs */

	input, button, select,
	textarea				{ font-size: 1em; font-family: sans-serif;
							  text-rendering: optimizeSpeed; }
	textarea.monospaced		{ font-family: Consolas, "Courier New", Courier, monospace; }
	optgroup				{ font-style: normal; font-weight: bold; }

	input[type=text],
	input.type_text,
	input[type=password],
	input.type_password,
	textarea				{ margin: 0; padding: 4px; border: 1px solid #aaa; }
	select					{ margin: 0; padding: 3px; border: 1px solid #aaa; }
	optgroup				{ text-indent: 2px; }
	optgroup option			{ padding-left: 15px; }
	input[type=file],
	input.type_file			{ margin: 0; }

	input[type=radio],
	input.type_radio,
	input[type=checkbox],
	input.type_checkbox 	{ margin: 0; vertical-align: -0.15em; font-size: 0.85em; }

	.size_liquid			{ width: 97%; }

	input.size_xxs			{ width: 3em; }
	input.size_xs			{ width: 6em; }
	input.size_s			{ width: 12em; }
	input.size_m			{ width: 18em; }
	input.size_l			{ width: 24em; }
	input.size_xl			{ width: 30em; }
	input.size_xxl			{ width: 36em; }

	textarea.size_xs		{ height: 2.5em; }
	textarea.size_s			{ height: 5em; }
	textarea.size_m			{ height: 10em; }
	textarea.size_l			{ height: 20em; }
	textarea.size_xl		{ height: 40em; }



/* HORIZONTAL RULES */

	.rule					{ border-top: 1px solid #eee; margin: 1em 0; }
	.rule hr				{ display: none; }

/* Gallery */

	.row					{ overflow: hidden; }
	.row_5					{ margin: 10px 0 0 0; }
	.row_4					{ margin: 12px 0 0 0; }
	.row_first				{ margin-top: 1em; }

	.col					{ float: left; }
	.row_5 .col				{ width: 108px; margin: 0 0 0 10px; }
	.row_4 .col				{ width: 136px; margin: 0 0 0 12px; }
	.col_first				{ margin-left: 0 !important; }

	.col img				{ margin: 0; }
	.col p					{ margin: 0.2em 0 0 0; font-size: 0.9em; }

