/* CSS Document */
/* Piadina Mia, Inc. */

body {
	background: url("../images/pmu-bg.png") repeat;
	margin: 0px;
	font-family: Veranda, Arial, Helvetica;
	font-size: 13px;
}

html {
	margin: 0px;
	padding: 0px;
}

div#page_setup {
	position: absolute;
	top: 0px;
	left: 0px;
	right: auto;
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	text-align: center;
}

div#content {
	position: relative;
	top: 10px;
	left: 0px;
	width: 600px;
	text-align: center;
	margin: 0 auto;
}

div#intro {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	margin-bottom: 5px;
}

div#menu {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 77px;
	background-repeat: no-repeat;
	text-align: left;
	z-index: 101;
}

div#menu-hit {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
	height: 70px;
	background-image: url("../images/null.gif");
	z-index: 101;
}

div#menu-drop {
	position: absolute;
	top: 50px;
	left: 15px;
	width: 164px;
	background-color: #ffff99;
	border: 1px dashed #990000;
	z-index: 101;
}

div#menu-drop ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	float: left;
}

div#menu-drop li {
	padding: 3px;
}

div#video{
   position: relative;
   top: 0px;
   left: 0px;
   height: 48px;
   padding-right: 2px;
   width: 100%;
   text-align: right;
   color: #ffffff;
   font-size: 11px;
}

.video-content{
   position: relative;
   width: 425px;
   z-index: 200;
   background: #c97f3e;
   border: 1px solid #990000;
   padding: 5px;
}

.video-title{
   color: #ffffff;
   font-weight: bold;
   height: 60px;
   font-size: 16px;
}

.video-close{
   position: absolute;
   top: 2px;
   left: 415px;
   width: 100%;
   display: cell;
   cursor: pointer;
}

.video-sub{
   font-size: 10px;
   color: #ffffff;
}

div#video-hit {
	position: absolute;
	top: 285px;
	left: 430px;
	width: 170px;
	height: 40px;
	background-image: url("../images/null.gif");
	z-index: 101;
}

div#video-drop {
	position: absolute;
	top: 35px;
	left: -70px;
	width: 240px;
	text-align: left;
	font-weight: bold;
	background-color: #ffff99;
	border: 1px dashed #990000;
	z-index: 101;
}

div#video-drop ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	float: left;
}

div#video-drop li {
	padding: 3px;
}

div#video-drop li a{
	color: #990000;
}

/* total content area will affect the footer */
div#main {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 703px;
	text-align: left;
}

div#mainh {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 860px;
	text-align: left;
}

div#mainr {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1740px;
	text-align: left;
}

div#mainp {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 495px;
	text-align: left;
}

div#maino {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 887px;
	text-align: left;
}


div#main-top {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	background-image: url("../images/pmu-topbar.png");
	background-repeat: no-repeat;
}

div#main-contentbg {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 630px;
	background-color: #ffffff;
}

div#main-contentbgh {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 785px;
	background-color: #ffffff;
}

div#main-contentbgr {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1670px;
	background-color: #ffffff;
}

div#main-contentbgp {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 420px;
	background-color: #ffffff;
}

div#main-contentbgo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 815px;
	background-color: #ffffff;
}


div#main-content {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 100%;
	z-index: 100;
}

div#main-pia {
	position: absolute;
	width: 100%;
	height: 360px;
	bottom: 35px;
	left: 423px;
	background-image: url("../images/pmu-piabgv.gif");
	background-repeat: no-repeat;
	z-index: 99;
}

div#main-piat {
	position: absolute;
	width: 100%;
	height: 360px;
	top: 0px;
	left: 120px;
	background-image: url("../images/pmu-piabgu.gif");
	background-repeat: no-repeat;
	z-index: 99;
}

div#main-piab {
	position: absolute;
	width: 100%;
	height: 186px;
	bottom: 0px;
	left: 120px;
	background-image: url("../images/pmu-piabg.gif");
	background-repeat: no-repeat;
	z-index: 99;
}

div#main-logo {
	position: absolute;
	width: 100%;
	height: 360px;
	top: 10px;
	left: 404px;
	background-image: url("../images/logo_med.jpg");
	background-repeat: no-repeat;
	z-index: 99;
}
	
div#main-bottom {
	position: relative;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 34px;
	background-image: url("../images/pmu-bottombar.png");
	background-repeat: no-repeat;
}
	

div#footer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	font-size: 10px;
	color: #ffffff;
}

img {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

a {
	color: #ffcc33;
	text-decoration: none;
}

a:visited {
	color: #ffcc33;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}

.alt a {
	color: #c97f3e;
	text-decoration: none;
}

.alt a:visited {
	color: #c97f3e;
	text-decoration: none;
}


.alt a:hover {
	text-decoration: underline;
}

.bTxt {
	font-weight: bold;
}

.jTxt {
	text-align: justify;
}

.blTxt {
	color: #006699;
}

.uTxt {
	text-decoration: underline;
}

.ind {
	padding-left: 50px;
}

.recipe {
	border: 1px solid #006699;
}

.recipe .header {
	border-bottom: 1px solid #006699;
}

.smTxt {
	font-size: 9px;
}