@media screen and (max-width: 640px) {
/** {display:block;width: 90%; margin: 0 auto;} */
body {background-image: none;}
}

* {font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #000000; text-align: left;}
html, body {margin: 0;padding:0;background-color: #00b3b7;}
div.content { background-color: #f5f3e4; margin: auto;display: block;width:600px; height: auto;padding: 0; background-repeat: no-repeat;background-position: right bottom;}
div.content:before {content: url(../images/transitiontop.png);}
div.content:after {content: url(../images/transitionbottom.png);}

.header {display:block; width:100%;background-color: #f5f3e4;height: 160px; background-position: bottom; background-repeat: repeat-x;background-image:url(../images/transitionbottom.png);}
.header a.logo {margin: 0 auto; display:block; width:600px;height: 140px;padding: 0;text-align: center;}
.header a.logo img {}

#description {display: block; margin: 0 auto; text-align: left;}
h1, h2 {font-family: Arial, Helvetica, sans-serif;color:#dd4f94; font-size: 18px;font-weight:normal; text-align: center; margin: 0;}
h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size:21px; line-height: 24px; color: #2d4364;font-weight: bold; margin: 30px auto;}
h1:before {content: url(../images/hotleft.png); vertical-align: -25%;}
h1:after {content: url(../images/hotright.png); vertical-align: -25%;}

p {font-family: Georgia, "Times New Roman", Times, serif;font-size:16px;text-align:center;display: block; min-width: 215px; max-width: 420px; margin: 0 auto;}
/*p strong {font-size: 20px;}*/


div.content form {text-align: left;}
div.content form fieldset, div.text {display: block; width:480px; padding: 0; margin: 0 auto 15px auto; border: 0;}
div.content form fieldset div.field {display:block; width: 480px; margin:0 0 10px 0;padding: 0;}


label, p {color: #2d4364;}
label {font-weight: bold;font-size:16px;display:inline-block; width:130px; margin: 0; text-transform: uppercase;}

/*.fieldContent {display:block;}*/

input, select {font-family: Georgia, "Times New Roman", Times, serif;display:inline-block;background-color: #FFFFFF;border: 1px solid #7c7c7c;color: #00b3b7;padding: 5px; margin: 0;font-size: 16px;line-height: 22px;}
option {color: #000000;}
input[type="text"] { width:340px;}
input[type="submit"] {font-family: Arial, Helvetica, sans-serif;display: block; width: 210px;background: #dd4f94;font-size: 22px;font-weight:bold;margin: 0 auto;padding: 10px 15px;text-transform: none;color:#FFFFFF;cursor: pointer; border: 0;text-align: center;}

small {font-size: 12px;font-style: italic;display:block; width:350px;}
.mandatory {color:#dd4f94;}
a {text-decoration:none; font-size: inherit;}


ul {width:473px;margin: 0 0 5px 0; padding: 0;}
.sub>li, .error>li {font-family: Georgia, "Times New Roman", Times, serif;color: #dd4f94;font-size: 12px;line-height: 15px;padding-top: 2px;position: relative;text-align: right;text-transform: uppercase;list-style: none;}
.errorbox {background-color: #dd4f94; color: #FFFFFF; font-weight: bold; padding: 10px;}


.checkboxes {display: block;  width:320px; height:28px; margin:  0 auto; padding-left: 105px; text-align: left;}
.checkboxes ul {width:295px;}
.checkboxes label {display:inline; font-size: 14px;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label:before {background: #fff;border: 1px solid #7c7c7c;color: #00b3b7;content: "\00a0";display: inline-block;font: 20px sans-serif;line-height: 20px;height: 25px;margin: 0 7px 5px 0;padding:0;vertical-align: middle;width: 25px;}
input[type="checkbox"]:checked + label:before {background: #fff;color: #00b3b7;content: "\2713";text-align: center;font: 20px sans-serif;font-weight: bold;vertical-align: middle;}
input[type="checkbox"]:checked + label:after {font-weight: bold;}