html { 
  font-size: 100%; 
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url("../img/layout/background.jpg");
	background-repeat: repeat;
	background-position: 50% 0%;
	font-family: verdana, arial, san-serif;
	font-size: 62.5%;
	color: black;
		
}

a {
  color: blue;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.goldframe {
  clear:both;
	width: 1000px;
	margin: 0 auto 0 auto;
	text-align: left;
	border: 0px solid red;
}
.header { 
	width: 1000px;
	height: 230px;
	margin: 0;
	text-align: left;
	border: 0px solid green; 
	background-image: url("../img/layout/header.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0%
}

.topnav { 
  clear:both;
	width: 1000px;
	height: 40px;
	margin: 0;
	text-align: left;
	border: 0px solid orange; 
	background-image: url("../img/layout/topnav/topnav_whole.jpg"); 
	background-repeat: no-repeat;
	background-position: 50% 0%
}

.topnav div {
  float: left;
	height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
}

.topnav a {
  display: block;
  padding: 0;
  text-decoration: none;
}

.topnav a:hover {
  background-color: none;
}

.tn_left {
  width: 240px;
	border: 0;
}

.tn_intro {
  width: 90px;
	border: 0;
}

.tn_face {
  width: 90px;
	border: 0;
}

.tn_eyes {
  width: 90px;
	border: 0;
}

.tn_lashes {
  width: 120px;
	border: 0;
}

.tn_lips {
  width: 90px;
	border: 0;
}

.tn_result {
  width: 120px;
	border: 0;
}

.tn_right {
  width: 160px;
	border: 0;
}

.content {
  clear:both;
	float: left;
	width: 1000px;
	margin: 0;
	text-align: left;
	border: 0px solid red;  
}

.content_tl {
  float:left;
	border: 0px solid green;
	background-image: url("../img/layout/content_tl.jpg"); 
	background-repeat: no-repeat;
	background-position: 0% 0%;   
	height: 86px;
	width: 185px;
}

.content_tr {
  float:right;
	border: 0px solid green;
	background-image: url("../img/layout/content_tr.jpg");   
	background-repeat: no-repeat;
	background-position: 0% 0%; 
	height: 86px;
	width: 185px;
}

.content_main {
  float:left;
	width:628px;
	border: 0px solid green;
	padding: 20px 0px 0px 0px;
	font-size: 1.3em; 
	line-height: 1.6em;
	text-align: left;
}

.content_main img {
	border: 2px dotted #CCC;
	padding: 4px;
	margin: 15px;
}

.content_main h1{
	font-size: 1.6em; 
	line-height: 1em;
	font-variant: small-caps;
}

.above_footnav { 
  clear:both;
	width: 1000px;
	height: 110px;
	margin: 0;
	text-align: left;
	border: 0px solid orange; 
	background-image: url("../img/layout/above_footnav.jpg"); 
	background-repeat: no-repeat;
	background-position: 50% 0%
}

.footnav { 
  clear:both;
	width: 1000px;
	height: 35px;
	margin: 0;
	text-align: left;
	border: 0px solid orange; 
	background-image: url("../img/layout/footnav/footnav_whole.jpg"); 
	background-repeat: no-repeat;
	background-position: 50% 0%
}

.footnav div {
  float: left;
	height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
}

.footnav a {
  display: block;
  padding: 0;
  text-decoration: none;
}

.footnav a:hover {
  background-color: none;
}

.fn_left {
  width: 170px;
	border: 0;
}

.fn_about {
  width: 220px;
	border: 0;
}

.fn_badge {
  width: 205px;
	border: 0;
}

.fn_GnL {
  width: 245px;
	border: 0;
}

.fn_right {
  width: 160px;
	border: 0;
}

.footer { 
	width: 1000px;
	height: 140px;
	margin: 0;
	text-align: left;
	border: 0px solid green; 
	background-image: url("../img/layout/footer.jpg");
	background-position: 50% 0%;
}

.copyright { 
  clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	border: 0px solid green; 
	color: white;
	background-image: url("../img/layout/copyright.jpg");
	background-repeat: repeat-y;
	background-position: 50% 0%;
	font-size:0.9em; 
}

.copyright a {
  color: #0ff;
	text-decoration: none;
}

.copyright a:hover {
	text-decoration: underline;
}