* { margin: 0; padding: 0; }

html, body {
	height: 100%;
	min-width: 524px; /* width of main content */
	min-height: 738px; /* height of main content */
}

body {
	background-color: #fcc6b7;
	background: url(images/bg-wp-transp.png),
				url(images/bg-wp-part.png),
				url(images/bg-transp.png),
				url(images/bg-pattern.png),
				url(images/bg-image.jpg);
	background-repeat: no-repeat,
				repeat-y,
				no-repeat,
				repeat,
				no-repeat;
	background-position: center center;
	background-size: 420px 100%,
				524px,
				cover,
				100px,
				cover;
}

#vert_filler {
	float: left;
	width: 100%;
	height: 50%;
	margin-top: -369px;
}
	
#content {
	position: relative;
	width: 524px;
	height: 738px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#logo {
	width: 420px;
	height: 540px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	clear: both;
	pointer-events: none;
}

h1.nir {
	width: 420px;
	height: 540px;
	display: table-cell; 
	vertical-align: middle; 
	text-align: center;
	font-size: 2em;
	color: #fffde5;
	font-family: 'Pontano Sans', sans-serif;
	text-shadow: 1px 1px 2px black, 1px 1px 2px black, 1px 1px 5px black, 1px 1px 5px black;
}

h1.nir:before {
	content: url(images/komite-kreatif-logo.png);
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

#cfs_line, #jcq_line {
	width: 111px;
	position: absolute;
	top: 524px;

}

#cfs_line {
	left:139px;
}

#jcq_line {
	left: 274px;
}

#cfs_logo, #jcq_logo {
	width: 108px;
	height: 108px;
	position: relative;
	left: 3px;
	overflow: hidden;
	pointer-events: none;
}

h2.nir {
	width: 108px;
	height: 108px;
	display: table-cell; 
	vertical-align: middle; 
	text-align: center;
	font-size: 1.2em;
	color: #fffde5;
	font-family: 'Pontano Sans', sans-serif;
	text-shadow: 1px 1px 2px black, 1px 1px 2px black, 1px 1px 5px black, 1px 1px 5px black;
}

#cfs_logo h2.nir:before {
	content: url(images/line-custom-fashion-and-style.png);
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

#jcq_logo h2.nir:before {
	content: url(images/line-jacqueline-la-rouge-collection.png);
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

.links {
	list-style-type: none;
	margin-left: 3px;
	margin-top: 1px;
}

.links a, .links span {
	width: 39px;
	height: 52px;
	float: left;
	margin-left: -3px;
	font-size: 1em;
	font-family: 'Pontano Sans', sans-serif;
	word-break: break-all;
	overflow: hidden;
}

.links a {
	outline: 0;
	overflow: hidden;
}

.links a:before {
	content: url(images/facebook-twitter-etsy-links.png);
	display: inline-block;
	float:left;
	font-size: 0;
	line-height: 0;
}

.fb a:focus:before {margin: 0 0 0 0;}
.fb a:hover:before {margin: 0 0 0 -39px;}
.fb a:active:before {margin: 0 0 0 -78px;}

.tw a:before,
.tw a:focus:before {margin: -52px 0 0 0;}
.tw a:hover:before {margin: -52px 0 0 -39px;}
.tw a:active:before {margin: -52px 0 0 -78px;}

.et a:before,
.et a:focus:before {margin: -104px 0 0 0;}
.et a:hover:before {margin: -104px 0 0 -39px;}
.et a:active:before {margin: -104px 0 0 -78px;}

.links span:before {
	content: url(images/facebook-twitter-etsy-links.png);
	display: inline;
	float: left;
	font-size: 0;
	line-height: 0;	
}

.fb span:before {margin: 0 0 0 -117px;}
.tw span:before {margin: -52px 0 0 -117px;}
.et span:before {margin: -104px 0 0 -117px;}

#text_container {
	position: absolute;
	width: 524px;
	margin: auto;
	bottom: 0;
}

#kk, #copyright {
	position: relative;
	color: #fffde5;
	font-family: 'Pontano Sans', sans-serif;
	text-align: center;
	text-shadow: 1px 1px 2px black, 1px 1px 2px black;
}

#kk {
	font-size: 10.44pt;
}

#kke {
	color: inherit;
	text-decoration: none;
}

#copyright {
	font-size: 6.8pt;
}