@charset "UTF-8";

/*----------( GLOBAL: )---------*/
	
	html,
	body {
		font-family: Georgia, "Times New Roman", Times, serif;
		background: #fff url(../images/template/bg-01.gif);
		color: #000;
		height: 100%;
	}
	p,
	ul,
	h1, h2, h3, h4, h5, h6 { margin: 1em 0; }
	p {
		font-size: 116%;
		line-height: 1.5;
	}
	ul {
		font-size: 108%;
		margin-left: 2em;
		line-height: 1.2;
	}
	ul li { margin: .25em; }
	h1, h2, h3, h4, h5, h6 {
		font-family: helvetica, arial, sans-serif;
		line-height: 1;
	}
	a { color: #ff0084; text-decoration: none; }
		a:visited { color: #ff0084; }
			a:visited:hover,
		a:focus,
			a:focus:hover,
		a:hover,
		a:active {
			text-decoration: underline;
		}
	img { display: block; }
	
/*----------( STRUCTURE & BRANDING: )---------*/
	
	#container { margin: 5em; }
	h6#logo {
		text-indent: -999em;
		width: 79px;
		height: 48px;
		margin: 0 0 2em;
		padding: 0;
		overflow: hidden;
		position: relative;
		top: 0;
		left: -6px;
	}
		h6#logo a {
			background: url(../images/template/logo-01.png) no-repeat;
			width: 100%;
			height: 100%;
			display: block;
		}
			h6#logo a:active,
			h6#logo a:focus { outline: none; }
	.title h1,
	.title h2 {
		font-size: 100%;
		font-weight: normal;
		letter-spacing: .04em;
		line-height: 2;
		vertical-align: middle !important;
		white-space: nowrap;
		padding: 0;
	}
	.title h1 { margin-bottom: 2em; }
		.title h1 span,
		.title h2 a {
			color: #000;
			background: #eee;
			border-width: 10px;
			border-style: solid;
			border-color: #eee;
			/*
			border-top-left-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
			border-bottom-left-radius: 3px;
			-moz-border-radius-bottomleft: 3px;
			-webkit-border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-webkit-border-bottom-right-radius: 3px;
			*/
		}
			.title h2 a:visited { color: #000; }
				h2 a:visited:hover,
			.title h2 a:focus,
				h2 a:focus:hover,
			.title h2 a:hover,
			.title h2 a:active {
				color: #fff;
				text-decoration: none;
				border-color: #000;
				background: #000;
				/*
				-webkit-box-shadow: 0 0 5px #999;
				-moz-box-shadow: 0 0 5px #999;
				box-shadow: 0 0 5px #999;
				*/
			}
				.title h1 span b,
				.title h2 a b {
					font-size: 131%;
					margin: 0 .5em;
				}
			.title h1 span {
				color: #fff;
				border-color: #000;
				background: #000;
				display: inline;
				/*
				-webkit-box-shadow: 0 0 5px #999;
				-moz-box-shadow: 0 0 5px #999;
				box-shadow: 0 0 5px #999;
				*/
			}
			.title h1 i,
			.title h2 i { display: none; }
	.loader {
		background: url(../images/template/loader-02.gif) no-repeat center center;
		height: auto;
		min-height: 100px;
	}
	* html .loader { height: 100px; }
	.wrap { margin: 2.5em 0; }
	.body,
	.description { width: 854px; }
		.description p {
			font-family: helvetica, arial, sans-serif;
			xfont-weight: bold;
			font-size: 100%;
			letter-spacing: .05em;
			xcolor: #666;
			margin-top: .2em;
		}
	.spice {
		border: 1px solid #ddd;
		padding: 10px;
	}
	
/*----------( UTILITY: )---------*/
	
	.hide, hr { display: none !important; }
	.off { position: absolute; left: -999em; top: -999em; }
	.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .clear { zoom: 1; }
	*:first-child+html .clear { zoom: 1; }
	
/*----------( MISCELLANEOUS: )---------*/
	
	.body h2 {
		font-size: 146.5%;
		font-weight: bold;
		line-height: 1.5em;
		margin-bottom: 0;
	}
	.body h3 {
		font-size: 116%;
	}
	.body h4 {
		font-size: 85%;
		font-weight: bold;
		text-transform: uppercase;
		xcolor: #999;
		margin-top: 0;
	}