*{margin:0;padding:0}
body{height:100%;}
#header {
   text-align:center;
   margin:10px;
}
#main-wrapper{
   width:840px;
   margin:0 auto;
   padding:5px;
}
.ecardImg {
   margin:0 auto;
   cursor:pointer;
   max-width:150px;
   max-height:150px;
   margin:2px;
}


.nav {
   margin:0 auto;
   float:left;
   display:block;
   margin:10px;
   padding:5px;
   -moz-box-shadow: 2px 2px 10px #AAAAAA;
   -webkit-box-shadow: 2px 2px 10px #AAAAAA;
   box-shadow: 2px 2px 10px #AAAAAA;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border-right:1px solid #888;
   height:100%;
}
.nav ul li{
	list-style-type:none;
}

.nav ul li:before {
   content: "\00BB \0020";
}

.topNav {
	width:800px;
}
.leftNav {
	width:150px;
}


/*
.leftNav {
   width:800px;
   margin:0 auto;
   float:left;
   display:block;
   margin:10px;
   padding:5px;
   -moz-box-shadow: 2px 2px 10px #AAAAAA;
   -webkit-box-shadow: 2px 2px 10px #AAAAAA;
   box-shadow: 2px 2px 10px #AAAAAA;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.leftNav ul li{
	list-style-type:none;
}

.leftNav ul li:before {
   content: "\00BB \0020";
}
*/


#pageNav {
   float:right;
}

#dimPage {
   background-color:#000000;
   z-index: 20;
   height: 100%;
   width: 100%;
   position:fixed;
   top: 0px;
   left: 0px;
   display:none;
   cursor:pointer;
}
#popup {
   /*position:absolute;
   z-index: 30;
   height: 650px;
   width: 820px; 
   padding:10px;
   overflow:auto; 
   display:none;
   */
   height: 650px;
}

#ecardFormWrapper {
   min-height:650px;
}


.ecardInput {
   width: 150px;
}
.ecardWrapper {
	padding:10px;
	width:640px;
	margin:0 auto;
}
.ecardListWrapper {
	/*width:640px;*/
	float:right; 
}

#ecardImgPreview {
   max-width:550px;
   max-height:330px;
}