.body {
	background-color:#323232;
	margin: 25px auto;
	font-family:Helvetica, Arial, Lucida Sans, sans-serif;
}
#top {
	width:700px;
	margin:0 auto;
	background-color: #fff; 
	font-size:12px;
	letter-spacing:.05em;
	text-align:center;
	color:#222;
}
#container {
	margin:0 auto;
	position:relative;
	background-color: #fff;
}
#main {
	width:700px;
	margin:0px auto;
	padding:0px 0px 25px 0px;
	font-size:12px;
	line-height:24px;
	letter-spacing:.05em;
	color:#333;
}
#bottom {
	width:700px;
	margin:0 auto;
	padding:25px 0px;
	text-align:left;
	font-size:10px;
	line-height:30px;
	letter-spacing:.1em;
	color:#CCC;
}
#copy {
	width:500px;
	float:left;
	text-align:left;
	font-size:10px;
	line-height:30px;
	letter-spacing:.1em;
	color:#CCC;
}
#media {
	width:200px;
	float:right;
	text-align:right;
	font-size:10px;
	line-height:30px;
	letter-spacing:.1em;
	color:#CCC;
}
.wrap {
	width:700px;
}
.col1 {
	width:500px;
	float:left;
}
.col2 {
	width:200px;
	float:right;
	text-align:right;
}
.col {
	width:250px;
	float:left;
	font-weight:bold;
}
a {
	color:#12696b;
}
a:hover {
	color:#222;
}
a.menu {
	color:#666;
	font-size:12px;
	line-height:12px;
	padding:0px 15px;
	text-decoration:none;
}
a.menu:hover {
	color:#222;
}
a.submenu {
	color:#222;
	font-size:11px;
	line-height:11px;
	letter-spacing:.1em;
	font-weight:bold;
	padding:0px 10px;
	text-decoration:none;
}
a.submenu:hover {
	color:#666;
}
a.footer {
	color:#fff;
	text-decoration:none;
}
a.footer:hover {
	color:#999;
}
h1	{
	color:#12696b;
	font-size:24px;
	line-height:24px;
	letter-spacing:.1em;
	padding:25px 0px;
}
h2	{
	font-size:12px;
	line-height:12px;
	padding:10px 0px;
}
h3	{
	font-size:12px;
	line-height:24px;
	font-weight:normal;
}
h4	{
	color:#12696b;
	font-size:12px;
	line-height:12px;
}
h5	{
	color:#323232;
	font-size:18px;
	line-height:24px;
	border-bottom: #ccc solid 1px;
}
h6	{
	color:#323232;
	font-size:12px;
	line-height:12px;
}
.div {
	border-bottom:#ccc solid 1px;
}
.clear {
	clear: both;
}
.img	{
	padding:0px;
	border:#666 solid 1px;
	text-align:center;
}
.limg	{
	float:left;
	margin:25px;
}
.rimg	{
	float:right;
	margin:25px;
	clear:both;
}
#viewport {
	width:700px;
	height: 100%;
	overflow:auto;
	background:#FFF;
	border:#666 solid 1px;
	white-space: nowrap; /* image flow not stack */
	/* could use float: left or other approach */
	margin: 0 auto; /* Mozilla page centering */
	text-align: left; /* IE centering fix */
}
#viewport img {
	height:; /* max height scaling of images */
	border-width: 0; /* remove a link border on images */
}