/* ----- RESET -----*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

/* ----- MAIN ----- */

html, body {
	-webkit-text-size-adjust: none;
	background-color: #fff;
	margin: 0;
	height: 100%;
}
img {
	border: none;
}
#container {
	min-height: 100%;
	margin-bottom: -100px;
	position: relative;
	overflow: hidden;
}
#content {
	width: 960px;
	margin: 40px 0px 0px 55px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
#menu {
	margin-top: 17px;
	margin-left: 143px;
}
#menu a:link { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #222; margin-right: 40px; text-decoration: none; }
#menu a:visited { color: #222; }
#menu a:hover { color: #333; }
#menu a:active { color: #222; }

#page-content {
	width: 640px;
	margin-top: 80px;
	margin-left: 255px;
	font-size: 12px; 
	line-height: 20px;
	color: #888;
}
#page-content ul {
	margin-left: 20px;
}
.clearfooter {
	height: 100px;
	clear: both;
}
p {
	margin-top: 20px;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	height: 100px;
	position: relative;
	margin-left: 55px;
}
#footer a:link { font-size: 11px; color: #bbb; margin-right: 40px; text-decoration: none; display: block; margin-bottom: 10px;}
#footer a:visited { color: #bbb; }
#footer a:hover { color: #444; }
#footer a:active { color: #bbb; }

@media screen and (max-width: 768px) {
	#content {
		width: 768px;
		margin: 40px 0px 0px 55px;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
	}
	#menu {
		margin-top: 17px;
		margin-left: 55px;
	}
	#page-content {
		width: 500px;
		margin-top: 80px;
		margin-left: 55px;
		font-size: 12px; 
		line-height: 20px;
		color: #888;
	}
}

@media screen and (max-width: 480px) {
	#container {
		min-height: 100%;
		margin-bottom: 0px;
		position: relative;
		overflow: hidden;
	}
	#content {
		width: 480px;
		margin: 10px 0px 0px 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
	}
	#menu {
		margin-top: 20px;
		margin-left: 40px;
	}
	#menu a:link { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #222; margin-right: 20px; text-decoration: none; }
	#page-content {
		width: 400px;
		margin-top: 20px;
		margin-left: 40px;
		font-size: 14px; 
		line-height: 20px;
		color: #888;
	}
	#page-content ul {
		margin-left: 30px;
	}
	.clearfooter {
		height: 0px;
		clear: both;
	}
	p {
		margin-top: 20px;
	}
	#footer {
		font-family: Arial, Helvetica, sans-serif;
		height: 50px;
		position: relative;
		margin-left: 10px;
		margin-top: 40px;
	}
	#footer a:link { font-size: 12px; color: #bbb; margin-right: 40px; text-decoration: none; display: block; margin-bottom: 10px;}
	#footer a:visited { color: #bbb; }
	#footer a:hover { color: #444; }
	#footer a:active { color: #bbb; }
}
@media screen and (max-width: 320px) {
	#container {
		min-height: 100%;
		margin-bottom: 0px;
		position: relative;
		overflow: hidden;
	}
	#content {
		width: 320px;
		margin: 10px 0px 0px 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
	}
	#menu {
		margin-top: 20px;
		margin-left: 20px;
	}
	#menu a:link { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #222; margin-right: 20px; text-decoration: none; }
	#page-content {
		width: 250px;
		margin-top: 20px;
		margin-left: 20px;
		font-size: 14px; 
		line-height: 20px;
		color: #888;
	}
	#page-content ul {
		margin-left: 30px;
	}
	.clearfooter {
		height: 0px;
		clear: both;
	}
	p {
		margin-top: 20px;
	}
	#footer {
		font-family: Arial, Helvetica, sans-serif;
		height: 50px;
		position: relative;
		margin-left: 10px;
		margin-top: 40px;
	}
	#footer a:link { font-size: 12px; color: #bbb; margin-right: 40px; text-decoration: none; display: block; margin-bottom: 10px;}
	#footer a:visited { color: #bbb; }
	#footer a:hover { color: #444; }
	#footer a:active { color: #bbb; }
}