/**
 * Sealed By Santa (http://sealedbysanta.com/) CSS for 2008
 *@author Sam McCallum <sam@palo-verde.us>

                    _...
              o_.-"`    `\
       .--.  _ `'-._.-'""-;     _
     .'    \`_\_  {_.-a"a-}  _ / \
   _/     .-'  '. {c-._o_.){\|`  |
  (@`-._ /       \{    ^  } \\ _/
   `~\  '-._      /'.     }  \}  .-.
     |>:<   '-.__/   '._,} \_/  / ())  
     |     >:<   `'---. ____'-.|(`"`
     \            >:<  \\_\\_\ | ;
      \                 \\-{}-\/  \
       \                 '._\\'   /)
        '.                       /(
          `-._ _____ _ _____ __.'\ \
            / \     / \     / \   \ \ 
     jgs _.'/^\'._.'/^\'._.'/^\'.__) \
     ,=='  `---`   '---'   '---'      )
     `"""""""""""""""""""""""""""""""`
*/

/****************************************************************
 * Tags & Fonts													*
 ****************************************************************/

body {
	margin-left: 50px;
	margin-right: 50px;
}
.style1 {font-size: 10px;}

.required {
	font-family: Times, serif;
	font-weight: bold;
	color: red;
}

.postScriptum {
	padding-top: 50px;
}

/****************************************************************
 * Layout														*
 ****************************************************************/

#content_area {
	font-family: Bradley Hand ITC, Cursive, sans-serif;
	width: 855px;
}

#content_area h3 {
	border-bottom: 1px dashed red;	
}

#input_area {
	float: left;
	display: inline;
	font-family: Times, serif;
	/*display: block;*/
	float: left;
	width: 190px;
	margin: 5px;
}

#input_area h3 {
	font-family: Times, serif;
	font-size: 18px;
}

#input_area h4 {
	font-size: 14px;
	margin:0px;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 0px;
}

#input_area select {
	margin-bottom: 5px;
}

#input_area p {margin-top:0px; padding:0px;}

#preview_area {
	float:left;
	display: inline;
	width: 630px;
	border-left: 1px dotted green;
	padding-top: 5px;
}

#preview_area div {
	margin: 5px;	
}

#preview_container {
	font-size: 12px;
	font-weight: bold;
	height: 790px;
	width: 618px;
	background-repeat: no-repeat;
}

/****************************************************************
 * Envelope Preview												*
 ****************************************************************/

#envelope_container {
	font-family: Bradley Hand ITC, Cursive, sans-serif;
	font-size: 14px;
	width:600px;
	height: 256px;
	background-repeat: no-repeat;
	background-image: url(/images/envelope.jpg);
}

#envelope_container p, #envelope_container h1, #envelope_container div {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#envelope_container h1 {
	font-size: 16px;
}

#envelope_container .returnAddress {
	width: 140px;
}

#envelope_container .address {
	margin-left: 200px;
	width:300px;
}

#envelope_container .childsName {
	/*
	margin-top: 10px;
	*/
	position:relative;
	margin-left: 130px;
	width:105px;
	height:83px;
	font-weight:bold;
	top: -12px;
}



/****************************************************************
 * Letters														*
 ****************************************************************/

/**
 * Letter 1
 */
div.previewLetter1 p {
	margin-left: 100px;
	margin-right: 100px;
	
}

div.previewLetter1 .postScriptum {
	width: 200px;
}

div.previewLetter1 .paragraph4 {
	width: 280px;
}

div.previewLetter1 .merryChristmasBox {
	height:115px;
	width:145px;
	text-align:center;
	float: right;
	font-size:18px;
	font-weight:bold;
	margin-top:130px;
	margin-right:60px;
}

/**
 * Letter 2
 */
div.previewLetter2 p {
	margin:0px;
}

div.previewLetter2 .paragraph1 {
	width: 300px;
}
div.previewLetter2 .postScriptum {
	width: 300px;
}

/**
 * Letter 3
 */
div.previewLetter3 p {
	margin-left: 230px;
}

/**
 * Letter 4
 */
div.previewLetter4 p {
	margin-left:75px;
	margin-right:80px;
}

div.previewLetter4 .postScriptum {
	width: 220px;
}

/**
 * Letter 5
 */
div.previewLetter5 p {
	margin-left:20px;
	margin-right:20px;
}
div.previewLetter5 .paragraph4 {
	width: 180px;
}

div.previewLetter5 .postScriptum {
	width: 180px;
}

/**
 * Letter 6
 */
div.previewLetter6 p {
	margin-left: 20px;
	margin-right: 20px;
}

/**
 * Letter 7
 */
div.previewLetter7 p {
	margin-left: 60px;
	margin-right: 75px;
}

div.previewLetter7 .postScriptum {
	width: 150px;
}

/**
 * Letter 8
 */
div.previewLetter8 p {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}

div.previewLetter8 .postScriptum {
	margin-top: 0px;
	padding-top: 0px;
	width: 400px;
}

/**
 * Letter 9
 */
div.previewLetter9 p {
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.previewLetter9 .postScriptum {
	width: 330px;
}

/**
 * Letter 10
 */
div.previewLetter10 p {
	
}

/**
 * Letter 11
 */
div.previewLetter11 p {
	margin-right: 50px;
}