html, body { margin:0; padding:0; }
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#000;
	color:#ccc;
}
#header,#footer { 
	text-align:right;
}
#footer {
	margin-top:3px;
	color:#FC0;
}
#site {
	width:1024px;
	margin:10px auto 0 auto;
}
#sidebar,#container {
	height:500px;
}
#sidebar {
	float:left;
}
#sidebar,.squareImg {
	width:160px;
}
.square-img {
    display:block;
	height:160px;
	margin-bottom:10px;
}
#container {
	margin-left:170px;
	width:853px;
	background:#000 url(../graph/site_background.jpg) no-repeat;
}
#contents-container {
	height:420px;
}
#contents {
	font-size:13px;
	line-height:2.4em;
	padding:20px 40px 20px 40px;
}
#website-qrcode {
	float:right;
	margin-top:230px;
	/* margin-top:290px; */ /* for small qr code image */
	margin-right:15px;
}
#client-details {
	position:relative;
	top:10px;
	left:10px;
	width:300px;
}
.label {
	color:#354250;
}
#small-squares {
	float:right;
	margin:15px 15px 0 0;
}
.square-sm-img {
	margin-left:10px;
}
h1 {
	color:#666;
	font-size:25px;
	margin-bottom:10px;
}
h2 {
	color:#3C3C3C;
	font-size:22px;
	margin-bottom:10px;
}
h3 {
	color:#3A3A3A;
	font-size:18px;
	margin-bottom:10px;
}
p {
	margin: 5px 0 10px 0;
}
a:link { font-style: normal; font-weight: normal; text-decoration: none; color: #354250;}
a:visited { font-style: normal; font-weight: normal; text-decoration: none; color: #354250;}
a:active { font-style: normal; font-weight: normal; text-decoration: underline; color: #354250;}
a:hover { font-style: normal; font-weight: normal; text-decoration: underline; color: #354250;}