html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
a, abbr, address, del, em, img, ins, small, strong, tt, ul, ol, li, dl, dt, dd, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea {
	margin: 0; padding: 0; border: 0; outline: 0;
	background: transparent;
	color: black;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	line-height: 22px;
}
input, textarea {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
}
ul {
	list-style: none;
}
ol li {
	list-style: inside;
}
:focus {
	outline: none;
}
p {
	margin-bottom: 16px;
	line-height: 22px;
	font-style: normal;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
html, body {
	height: 100%;
}
body {
	background: #fff;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}

#container {
	min-height: 100%;
	height: auto !important; 
	height: 100%; 
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background: url(../images/template/container-bg.jpg) top center repeat-x fixed;
}
#site {
	width: 940px; height: auto;
	position: relative;
	margin: 0 auto;
	padding-bottom: 100px;
}
#site header {
	width: 940px; height: 236px;
	position: relative;
	float: left;
}
header a#logo {
	width: 181px; height: 188px;
	position: absolute;
	top: 55px; left: 0;
	display: block;
	background: url(../images/template/logo-il-dolce-jeans.png) 0 0 no-repeat;
}
header #title {
	width: 656px; height: 80px;
	position: absolute;
	bottom: 0; right: 0;
	display: block;
	margin: 59px 50px 42px 58px;
}
#title h1 {
	width: 656px; height: 36px;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/template/h1-title.png) 0 0 no-repeat;
}
#title .facbook-like {
	width: 656px; height: 24px;
	position: absolute;
	bottom: 0; left: 0;
}
#site article {
	width: 599px; height: auto;
	position: relative;
	float: left;
	margin: 65px 0 140px 308px;
}
article section {
	width: 599px; height: auto;
	position: relative;
	float: left;
}
article #fotos {
	height: 299px;
	margin-bottom: 48px;
	overflow: hidden;
}
article #fotos .shadowbox {
	width: 599px; height: 299px;
	position: absolute;
	top: 0; left: 0;
	display: block;
	background: url(../images/template/button-fotos.png) 0 0 no-repeat;
}
#newsletter {
	width: 536px; height: auto;
	padding: 52px 29px 71px 34px;
	background: url(../images/template/newsletter-bg.png) top left repeat;	
}
#newsletter h2 {
	width: 536px; height: 22px;
	margin-bottom: 13px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: url(../images/template/title-nieuwsbrief.png) 0 0 no-repeat;
}
#newsletter div.form {
	width: 536px; height: auto;
	position: relative;
	float: left;
	padding: 21px 0 0 0;
	background: url(../images/template/border-nieuwsbrief.gif) 0 0 no-repeat;
}
#newsletter div.input {
    width: 410px; height: 28px;
	position: relative;
	float: left;
	margin-right: 3px;
}
#newsletter .input label {
    width: 410px; height: 28px;
    position: relative;
    float: left;
	display: block;
	line-height: 28px;
	background: url(../images/template/input-bg.gif) 0 0 no-repeat; 
}
#newsletter p {
    color: #979797;
	font-family: Arial;
}
#newsletter #signed {
    color: #979797;
	font-family: Arial;
	display: none;
}
#newsletter .input label em {
    width: 400px; height: 18px;
    position: absolute;
    left: 0; top: 0;
	margin: 5px 5px;
	line-height: 18px;
    color: #979797;
	font-family: Arial;
}
#newsletter .input label input {
    width: 400px; height: 18px;
    position: absolute;
    left: 0; top: 0;
    margin: 0;
	margin: 5px 5px;
	line-height: 18px;
    border: 0 none;
    color: #000;
	font-style: italic;
	background: url(../images/template/fade-input.gif) no-repeat;
}
#newsletter div.submit {
	position: relative;
	float: left;
	width: 115px;
	height: 28px;
}
#newsletter div.submit input {
	width: 115px; height: 28px;
	position: relative;
	line-height: 28px;
	text-indent: -99999px;
	cursor: pointer;
	display: block;
	border: none 0;
	background: url(../images/template/btn-inschrijven.gif) 0 0 no-repeat;
}
#site:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
footer {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0px !important;
	bottom: -1px;
	left: 0;
	background: url(../images/template/footer-bg.png);
}
footer #footer-container {
	width: 940px; height: 70px;
	position: relative;
	margin: 0 auto;
	padding-top: 30px;
}
footer #left {
	width: 250px; height: 52px;
	position: relative;
	float: left;
	line-height: 26px;
	color: #3c3c3c;
	font-family: Arial;
}
footer #left span {
	color: #cc2229;
	font-family: Arial;
}
footer #left a {
	color: #3c3c3c;
	font-family: Arial;
}
footer #right {
	width: 138px; height: 33px;
	position: relative;
	float: right;
	padding: 0 0 0 100px;
	display: none;
	background: url(../images/template/title-volgons.png) 0 0 no-repeat;
}
footer #right a {
	width: 33px; height: 33px;
	position: relative;
	float: left;
	margin-right: 12px;
	display: block;
	overflow: hidden;
	text-indent: -999999px;
}
footer #right #tw {
	background: url(../images/template/twitter-sprite.png) top left no-repeat;
}
footer #right #tw:hover {
	background: url(../images/template/twitter-sprite.png) bottom left no-repeat;
}
footer #right #fb {
	background: url(../images/template/facebook-sprite.png) top left no-repeat;
}
footer #right #fb:hover {
	background: url(../images/template/facebook-sprite.png) bottom left no-repeat;
}
footer #right #yt{
	margin-right: 0;
	background: url(../images/template/youtube-sprite.png) top left no-repeat;
}
footer #right #yt:hover {
	background: url(../images/template/youtube-sprite.png) bottom left no-repeat;
}
footer #women {
	width: 532px; height: 868px;
	position: absolute;
	top: -795px; left: -120px;
	background: url(../images/template/women.png) 0 0 no-repeat;
}
