/*-- 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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

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

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* page layout */

html {
	overflow: hidden;
	}

body {
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: "Century Gothic";
	font-size: 12px;
	background: #131415; 
	}

#background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	background: transparent url(images/background.jpg) center center no-repeat;
	}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 720px;
	width: 960px;
	margin: -360px 0 0 -480px;	
	}
	
/* Website logo */

#logo {
	top: auto;
	height: 90px;
	width: 470;
	margin: 240px 245px 0 245px;
	background: url(images/logo.png) no-repeat;
	text-indent: -9999px;
	}

/* Email subscription */

#subscribe_box {
	background: url(images/bar.png) -2px 48px no-repeat;
	margin: 0 310px 0 310px;
	padding: 50px 0 50px 0;
	}

#email {
	float:left;
	height: 20px;
	width: 260px;
	margin: 0 0 0 1px;
	padding: 2px 0 0 7px;
	background: transparent no-repeat;
	border: none;
	color: #a0a0a0;
	text-shadow: 0px 1px 3px #333;
	}

#email:focus {
	color: #fff;
	}
	
#submit {
	height: 20px;
	width: 70px;
	margin: 0 0 0 -3px;
	padding: 0;
	background: transparent no-repeat;
	border:none;
	color: #a0a0a0;
	text-shadow: 0px 1px 3px #333;
	cursor: pointer;
	}

#submit:hover, #submit:focus {
	color: #fff;
	}

.fail {
	float: left;
	padding-left: 10px;
	color: #A40000;
	font-size: 12px;
	text-shadow: 0px 1px 2px #666;
	display: none;
	clear: both;
	}
	
.success {
	float: left;
	padding-left: 10px;
	color: #FFF;
	font-size: 12px;
	text-shadow: 0px 1px 2px #666;
	display: none;
	clear: both;
	}
	
/* Social networks links */

ul#social {
	margin-right: 380px;
	margin-left: 380px;
	list-style-type: none;
	}

ul#social li a {
	float: left;
	width: 30px;
	height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	text-indent: -9999px;
	cursor: pointer;
	}

#iconTwit {
	background: url(images/Twi.png) no-repeat center bottom;
	}
#iconTwit:hover, #iconTwit:focus {
	background: url(images/Twi.png) no-repeat center top;
	}
	
#iconFace {
	background: url(images/Face.png) no-repeat center bottom;
	}
#iconFace:hover, #iconFace:focus {
	background: url(images/Face.png) no-repeat center top;
	}

#iconDel {
	background: url(images/Del.png) no-repeat center bottom;		
	}
#iconDel:hover, #iconDel:focus {
	background: url(images/Del.png) no-repeat center top;
	}
		
#iconVis {
	background: url(images/Vis.png) no-repeat center bottom;		
	}
#iconVis:hover, #iconVis:focus {
	background: url(images/Vis.png) no-repeat center top;
	}