html, body {
border : 0;
margin : 0;
padding : 0;
}

body {
font : 100%/1.25em Verdana, Arial, Helvetica, sans-serif;
background-color:#fff;
color : #000;
}

h1, h2, h3, h4, h5, h6 {
margin : 0;
padding : 0;
font-weight : normal;
}

h1 {
padding : 0.4em 0;
letter-spacing : -0.05em;
font-size : 2em;
margin-bottom:1em;
}

h2 {
padding : 0.4em 0;
letter-spacing : -1px;
font-size : 1.5em;
}

h3 {
font-size : 1.2em;
font-weight : bold;
margin-top : 0.5em;
}

h3 + div {
margin-bottom : 1em;
}

p {
text-align : justify;
}

p, ul, ol {
margin : 0;
padding : 0 0 1.25em 0;
}

ul, ol {
padding : 0 0 1.25em 2.5em;
}

blockquote {
margin : 1.25em;
padding : 1.25em 1.25em 0 1.25em;
}

img {
border : 0;
}

sup {
position : relative;
bottom : 0.3em;
vertical-align : baseline;
}
sub {
position : relative;
bottom : -0.2em;
vertical-align : baseline;
}
acronym, abbr {
cursor : help;
letter-spacing : 1px;
border-bottom : 1px dashed;
}
a {
text-decoration : none;
color : #000;
}
a:hover{
text-decoration : underline;	
}
form {
margin : 0;
padding : 0;
display : inline;
}
input, select, textarea, button {
font : 1em Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
}
textarea {
width : 100%;
line-height : 1.25;
}
label {
cursor : pointer;
}
table {
border : 0;
margin : 0 0 1.25em 0;
padding : 0;
}
table tr td {
padding : 2px;
}
.clear {
clear : both;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.text-left {
text-align : left;
}
.text-right {
text-align : right;
}
.text-center {
text-align : center;
}
.text-justify {
text-align : justify;
}
.bold {
font-weight : bold;
}
.italic {
font-style : italic;
}
.underline {
border-bottom : 1px solid;
}
.highlight {
background : #ffc;
}
.nopadding {
padding : 0;
}
.noindent {
margin-left : 0;
padding-left : 0;
}
.nobullet {
list-style : none;
list-style-image : none;
}
.hide {
visibility : hidden;
position: absolute;
left:-9999px;
}
.show {
visibility : visible;
position: static;
}
.verysmall{
	font-size:0.01px;
	line-height:0.01px;
}
#main, #footer {
	width:62em;
	margin:0 auto;
}

#main {
	border:1px solid #bbb;
	background: #3eb713 url(../images/sky.png) repeat-x scroll top left;
}

#footer {
	margin-top:1em;
	margin-bottom:0.1em;
	text-align:right;
}

#content {
	clear:right;
	margin:2em 1em 0.2em 1em;
}

#container1{
	background-image: url(../images/sun.png);
	background-position: top right;
	background-repeat:no-repeat;
}
#container2{
	background-image: url(../images/trees.png);
	background-position: 0 -200px;
	background-repeat:repeat-x;
	min-height:30em;
}
#header{
	position:relative;
	height:13em;
	z-index:1;
}
#title{
	background-image:url(../images/cloud_big.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	left:1.5em;
	top:0;
	width:376px;
	height:215px;
}
#logo{
	background-image:url(../images/cloud_small.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	left:25em;
	top:0;
	width:319px;
	height:172px;
	text-align:center;
	padding:2.6em 0 0 0;
}
.boy{
	background-image:url(../images/background_boy.png);
	background-repeat:repeat;
}
.boy a{
	color:#2B5783;
}
.girl{
	background-image:url(../images/background_girl.png);
	background-repeat:repeat;
}
.girl a{
	color:#BA3E40;
}

h1{
	font-size:2.5em;
	font-weight:bold;
	line-height:1em;
	text-align:center;
	margin:1.3em 0 0 0;
}
h2{
	font-size:1.5em;
	font-weight:bold;
	line-height:1em;
	text-align:left;
	text-decoration:none;
}
h1 a:hover{
	text-decoration:none;
}
h1 .letter1 {
	color:#F11F1F;
}
h1 .letter2 {
	color:#EE961A;
}
h1 .letter3 {
	color:#63D11F;
}
h1 .letter4 {
	color:#25BDD1;
}
h1 .letter5 {
	color:#A428EB;
}
h1 .letter6 {
	color:#CF39D1;
}
h1 .letter7 {
	color:#EF9D00;
}

#nav{
	width:7em;
	padding:0.5em;
	position:absolute;
	z-index:2;
	right:0;
}
#nav .title{
	font-weight:bold;
}
#nav a{
	color:#000;
}
#nav li{
	float:left;
	width:4em;
	list-style : none;
}
#content .afterGallery{
	clear:both;
	font-size:0.1em;
}
.error {
	color:#ff0000;
}
img.cseb{
	width:228px;
	height:40px;
}
.gallery{
	margin:0 0 1em 1em;
	padding:0;
}
.gallery li{
	border:solid #aaa;
	border-width:0 1px 1px 0;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
	height:12.5em;
}
.detailView{
	padding:0.5em;
	position:relative;
}
.detailView .detailImage{
	background-color:#fff;
	float:left;
	border:solid #aaa;
	border-width:0 1px 1px 0;
}
.detailView .detailImage img{
	margin:10px;
}
.detailView div.data div{
	line-height:1.5em;
}
.detailView div.data span.data{
	margin-left:1em;
}
.detailView div.data span.label{
	font-weight:bold;
	float:left;
	width:7em;
	text-align:right;
}
.detailView .data a{
	position:absolute;
	bottom:0.5em;
}
.detailImgListing{
	clear:left;
	padding:0;
}
.detailImgListing li{
	border:solid #aaa;
	border-width:0 1px 1px 0;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:10px;
	margin-left:0;
	background-color:#fff;
}
.afterDetailListing{
	clear:left;
	margin-top:2em;
}
.afterDetailListing a{
	font-weight:bold;
	color:#000;
}
.cardView div.form{
	margin: 0 auto; 
	width: 30em;
	position:relative;
}
.cardView div.form div{
	margin-bottom:1em;
}
.cardView div.form div input{
	width:12em;
	position:absolute;
	right:0;
}
.cardView button{
	margin-top:1em;
}
#cardNumber{
	width:5em;
}