@charset "utf-8";

body{
	background:#1390C6;
}

#flash{
	background:url("/assets/textonly/background.jpg") bottom center no-repeat;
}

h1{font-size: 28px; color:#61489B; margin-top: 0;}
img{border: 0;}
.clearfloat{clear:both; height:0; font-size: 1px; line-height: 0px;}

#wrap{ 
	position: absolute; 
	width: 850px; 
	height: 355px; 
	background: transparent url("/assets/textonly/content_bg.png");
	left: 50%; 
	top: 50%; 
	margin-left: -450px; 
	margin-top: -203px;
	padding: 25px;
}
#welcome{position: absolute; width: 389px; height: 369px; background: url("/assets/textonly/menu.png"); top:50%; left:50%; margin-left: -450px; margin-top: -520px;}
#menu{float: left; width: 235px; margin-top: 60px;}
#content{ margin-left: 240px; margin-top: 50px; height: 305px; overflow: auto; width: 593px;}
#backtoflash{position: absolute; bottom: 25px; left: 25px; font-size: 16px; color: #61489B; font-weight: bold;}
#backbutton{position: absolute; top: 25px; right: 25px; font-size: 16px; color: #61489B; font-weight: bold;}

#footer{width: 576px; height: 27px; position: absolute; bottom: 19px; left: 50%; margin-left: -288px;}
#footer .icon{height: 27px; width: 28px;}
#footer #faceboook{position: absolute; left: 325px;}
#footer #youtube{position: absolute; left: 293px;}
#footer #twitter{position: absolute; left: 357px;}
#footer #thewebwell{position: absolute; left: 397px;}
#footer #thewebwell a div{width: 397px; height: 27px;}

.purple{background-color: #61489B;}
.purple h1{color: #ffffff; padding: 20px 0 0px 20px;}

ul{list-style: none; margin: 0; padding: 0;}
ul li{font-size: 16px; color: #61489B; font-weight: bold;}
ul li a, #backtoflash a, a.button{text-decoration: none; color: #61489B;}
ul li a:hover, ul li.selected, #backtoflash a:hover, a.button:hover{color: #9079D8;}

#contactform li{padding-bottom: 10px;}
#contactform li label{float: left; width: 60px;}
#contactform li input, #contactform li textarea{margin-left: 80px; border: none; background-color: #9079D8; padding: 4px; color: #fff;}
#contactform li .margin{margin-left: 140px; font-size: 12px; color: #000; font-weight: normal;}
#contactform li .margin input{margin-left: 0px; padding: 0px; cursor: pointer; font-size: 16px; color: #61489B; font-weight: bold; background: none;}
#contactform li .error{color: red;}

#exitpage{background: transparent url("/assets/textonly/exit_bg.png"); width: 100%; height: 100%; position: absolute; top:0; left:0;}
#panel{position: absolute; width: 430px; height:230px; left: 50%; top: 50%; margin-left: -250px; margin-top: -150px; background-color: #662681; padding: 35px; text-align: center;}
#panel h2{color: #FCD621; padding: 0; margin-top:0;}
#panel #options{}
#panel #options a{color:#6F9E15; font-weight: bold; text-decoration: none;}
#panel #options p{text-align: left; color: #ffffff;}
#panel #options #leave{padding-right: 20px; font-size: 16px;}
#panel #options #stay{padding-left: 20px; font-size: 16px;}

.nutritional{position:relative; background: url("/assets/nutrition_background.png") no-repeat; width: 296px; height: 302px; padding-bottom: 30px; margin-left:150px;}
.nutritional .title{position:absolute; left:15px; top:5px; color: #FFDB00; font-size: 18px;}
.nutritional .body{position:absolute; left:15px; top:40px; color:#DEB2F4; font-size:11px; width: 233px;}
.nutritional .nutlabel{position:absolute; left:15px; top:100px; font-size: 12px; color:	#FFFFFF;}
.nutritional .nut_data{position:absolute; left:15px; top:118px; margin: 0; font-size:9px; color:#DEB2F4; width: 233px;}

.nutritional .nutbottom{position:absolute; right: 33px; top: 215px; width: 126px;}
.nutritional .nutbottom .cf{height: 52px; margin-top: 15px; margin-bottom:0px; padding-left: 18px;}
.nutritional .nutbottom .cf div{ float: left; font-size:9px; color: #000; width: 45px; text-align: center; margin-right: 2px;}
.nutritional .nutbottom .nutmsg{font-size:8px; color:#FFFFFF; text-align: center;}