@charset "utf-8";

html, body 	{ height: 100%; }

body{
	width: 100%;
	color: #6c6c6c;
	font-family: Calibri, Arial, Verdana;
	background: url('../images/bg.jpg') #fff repeat-x; 
	margin: auto;
	text-align: center;
	padding: 0;
}

#container {
	width: 1200px;
	margin: auto;
	text-align: center;
}

#top {
	background: url('../images/top.jpg') no-repeat; 
	height: 420px;
	text-align: center;
	margin: auto;
}

#title{
	float:left; 
	width: 260px;
	height: 50px;
	padding-left: 180px;
}

#back{
	float:right;
	width: 200px;
	height: 50px;
	padding-top: 100px; 
	padding-right: 200px;
}

#top01{
	text-align:center;
	width: 1200px;
	padding-top: 65px;
	padding-bottom: 20px;
	margin: auto;
	height: 200px;
}

#top02{
	text-align:center;
	width: 1200px;
	padding: 0;
	margin: auto;
}

#menu_bar{
	text-align: center;
	margin: auto;
	padding: 0px 165px 0px 145px;
	width: 860px;
}

#content {
	background: url('../images/content.png') repeat-y; 
	width: 920px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}

#real {
	
	padding: 0 40px 40px 40px;
	margin 0 auto;
}

#footer{
	background: url('../images/footer.png') no-repeat; 
	margin: auto;
	text-align: center;
	width: 920px;
	height: 230px;
	padding: 0;

}


#copy {
	color: #888;
	font-size: 14px;
}

#copy a {
	color: #069;
	text-decoration: none;
}

h2, h3{
    color: #3687C9;
}

/* Ecard Send Style*/
#box{
		margin: 0;
		padding: 0;
		border: 1px solid #eee;
}

h4{
	background: #eee;
	height: 20px;
	padding: 10px;
	color: #369DE5;
}

#sender_form{
	display: block;
}

#formEcards { width: 100%; }
#formEcards label.error {
	margin-left: 0px;
	width: auto;
	display: inline;
	color : red;
	font-style: italic;
	font-size: 12px;
}

#formRefer { width: 100%; }
#formRefer label.error {
	margin-left: 0px;
	width: auto;
	display: inline;
	color : red;
	font-style: italic;
	font-size: 12px;
}

a:visited, a:link{
	text-decoration: none;
	color: #0099FF;
}

a:hover{
	text-decoration: none;
	color: #aaa;
}
/* CSS Document */