/* CSS Document */
/* reset for css
---------------------------------------- */
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, hr,
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;
	outline: 0;
	font-size: 100%;
	font-family:inherit;
	vertical-align: baseline;
	background: transparent;
}

html {
	font-size:100.01%;
	}
	
textarea, input, select {
	font-size:1.2em;
	font-family:inherit;
	}
	
blockquote, q {
	quotes:none;
	}
	
q:before, q:after, blockquote:before, blockquote:after {
	content:'';
	content:none;
	}

ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	/*text-align:left;*/
	/*width:100%;*/
}

/* frame
---------------------------------------- */

html, body {
	/*height:100%;*/
}

body, textarea, input, select {
	font-family:Arial, sans-serif;
}
	
body {
	background:#000 url(gfx/bg.png) center 0 no-repeat;
	font-size:62.5%;
	line-height:1.5;
	color:#fff;
}

	#main-container {
		width:822px;
		margin:0 auto;
	}

/* quots
---------------------------------------- */
q:before {
	content:'\00ab';
}
	
	q q:before {
		content:'\201e';
	}
		
q:after {
	content:'\00bb';
}
	
	q q:after {
		content:'\201c';
	}
		
/* links
---------------------------------------- */
a {
	cursor:pointer;
	text-decoration:underline;
}
	
	a img {
		border:0;
	}

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

a:visited, a:hover {
	color:#fff;
}
	
a:active {
	color:#d1138a;
}

/* headers
---------------------------------------- */
h1 {
	font-size:2.5em;
}

h2 {
	font-size:1.8em;
}

h3 {
	font-size:1.4em;
}

/* overflows
---------------------------------------- */
.overflow {
overflow:auto;
}

.hide {
overflow:hidden;
}

/* Header
---------------------------------------- */
#header {
	position:relative;
	height:320px;
	z-index:2;
}

	/*Logo*/	
		#header #logo {
			width:340px;
			height:215px;
			position:absolute;
			top:22px;
			left:233px;
		}
		
			#header #logo a {
				height:100%;
				display:block;
				position:relative;
			}
			
				#header #logo a span {
					position:absolute;
					top:0;
					left:0;
					display:block;
					width:100%;
					height:100%;
					background:url(gfx/bg.png) -381px -22px no-repeat;
				}
			
	/*Icons*/
		ul#icons {
			position:absolute;
			top:23px;
			right:53px;
		}
		
			ul#icons li {
				position:absolute;
				top:0;
				left:0;
				height:29px;
			}
			
				ul#icons a {
					height:100%;
					display:block;
					position:relative;
					text-indent:-9999px;
				}
				
					ul#icons span {
						display:block;
						height:100%;
						width:100%;
						position:absolute;
						top:0;
						left:0;
						background:url(gfx/h/ico.png) 0 0 no-repeat;
					}
					
			ul#icons li.home {
				width:32px;
			}
			
				ul#icons li.home span {
					background-position:0 -29px;
				}
				
				ul#icons li.home a:hover span {
					background-position:0 0;
				}
			
			ul#icons li.mail {
				width:35px;
				left:32px;
			}
			
				ul#icons li.mail span {
					background-position:-32px -29px;
				}
				
				ul#icons li.mail a:hover span {
					background-position:-32px 0;
				}
				
	/*Nav*/
		ul#nav {
			font-size:1.4em;
			position:absolute;
			top:254px;
			left:-16px;
			height:83px;
			width:859px;
			background:url(gfx/h/nav.png) 0 0 no-repeat;
		}
			
			ul#nav li {
				float:left;
				height:83px;
				position:relative;
				left:30px;
			}
		
				ul#nav a {
					display:block;
					float:left;
					height:100%;
					color:#edb1cc;
					text-decoration:none;
					line-height:86px;
					padding:0 13px;
					letter-spacing:1px;
				}
				
				ul#nav a:hover {
					color:#fff;
					background:url(gfx/h/nav.png) 0 -83px no-repeat;
				}
				
				ul#nav li.active a {
					color:#fff;
				}

/* Content
---------------------------------------- */
#content-container {
	background:url(gfx/c/bg.png) -822px 0 repeat-y;
}

	#article {
		background:url(gfx/c/bg.png) 0 0 no-repeat;
		padding:33px 47px 5px 218px;
		font-size:1.2em;
		color:#b7a8c5;
		overflow:auto;
	}
	
		#article h2 {
			text-transform:uppercase;
			font:13px/1 Arial,sans-serif;
			color:#fff;
			margin:0 0 0 -177px;
		}
		
		#article p.description {
			color:#fff;
			font-size:13px;
			margin-top:0;
		}
		
		#article p {
			margin:14px 0;
		}
		
		#article .side {
			width:150px;
			position:relative;
			left:-177px;
			float:left;
			margin:10px -177px 0 0;
		}

/* Footer
---------------------------------------- */
#footer {
	position:relative;
	height:149px;
	background:url(gfx/f/bg.jpg) 0 0 no-repeat;
}

	#f_decor {
		display:block;
		width:52px;
		height:118px;
		background:url(gfx/f/f_decor.jpg) 0 0 no-repeat;
		position:absolute;
		top:0;
		left:100%;
	}

	#web-link {
		position:absolute;
		top:70px;
		right:154px;
		font-size:1em;
	}