/* MIMI'S PIZZA 
MBee's Design Studio 2010 */

/* 
reset+center
main page
order page

*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 12, 2010 */

@font-face {
	font-family: "OriginsRegular";
	src: url("../fonts/origins-webfont.eot");
	src: local("Origins"),
	url("../fonts/origins-webfont.woff") format("woff"),	url("../fonts/origins-webfont.ttf") format("truetype"),	url("../fonts/origins-webfont.svg#webfontdeyT3yjl") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 13, 2010 */

@font-face {
	font-family: "FontleroyBrownNFRegular";
	src: url("../fonts/fontleroybrownnf-webfont.eot");
	src: local("FontleroyBrownNF"), url("../fonts/fontleroybrownnf-webfont.woff") format("woff"), url("../fonts/fontleroybrownnf-webfont.ttf") format("truetype"), url("../fonts/fontleroybrownnf-webfont.svg#webfontZITelmul") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "FontleroyBrownRegular";
	src: url("../fonts/fontlero-webfont.eot");
	src: local("FontleroyBrownRegular"), url("../fonts/fontlero-webfont.woff") format("woff"), url("../fonts/fontlero-webfont.ttf") format("truetype"), url("../fonts/fontlero-webfont.svg#webfontsyteexRQ") format("svg");
	font-weight: normal;
	font-style: normal;
}


/********************* reset+center *********************/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
}
	
img, fieldset, object {
	border: none;
}
	
body {
	font-size: 100.01%;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0 auto;
	background: url("../img/antiquebg2.png") top center no-repeat;
	background-color: #c4b7a6;
	color: #793f11;
}



/*********************** main page ***********************/

#container {
	width: 46.875em;
	height: auto;
	margin: 0 auto;
	text-align: left;
	background: rgba(255, 255, 255, 0.3);
	
	position: relative;
	
}

#logo {
	background: rgba(255, 255, 255, 0.3);	
}

#nav ul {
	float: right;
/*	background-color: #5d8057;*/
	width: 12.5em;
	text-align: center;
	background: url("../img/curtain.png") no-repeat;
	height: 75px;
	z-index: 100;
	position: relative;
}

#nav ul li {
	display: inline;
	width: 20px;
	font-family: "FontleroyBrownNFRegular";
	font-size: 1.7em;
	padding-top: 1em;
}

#nav ul li a {
	display: inline-block;
	color: #fff;
	padding: .7em .4em;
/*	background-color: #5d8057;*/
}

#nav ul li a:hover {
	color: #FC0;
}


#leftcol {
	width: 32em;
	height: auto;
	float: left;	
	padding: 1em;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
}

#leftcol h1 {
	font-family: "OriginsRegular";
	color: #2a6006;
	font-size: 2em;
	text-align: left;
	letter-spacing: 1px;
}

#leftcol h2 {
	font-family: "FontleroyBrownNFRegular";
	color: #5d8057;
	font-size: 1.7em;
	text-align: right;
	margin-top: -.4em;
	letter-spacing: 1.2px;
	font-weight: normal;
}

#leftcol p {
	font-size: .9em;
	padding: .5em;
	text-align: center;
}

#leftcol p.center {
	text-align: center;
	padding: 0;
}

#leftcol ul {
	font-size: .9em;
	padding-top: 0;
	text-align: center;
}

#leftcol ul p {
	font-family: "FontleroyBrownNFRegular";
	font-size: 2em;
	padding: 0;
	color: #2a6006;
}

#leftcol ul li {
	padding-left: 1em;
	padding-top: .3em;
}

#rightcol {
	width: 10em;
	height: auto;
	float: left;	
}

#window {
	position: absolute;
	right: 0;
	margin-top: -10px;
	z-index: 50;
}

.slideshow {
	position: absolute;
	right: 0;
	margin-top: -10px;
	z-index: 10;	
}

#bottomR {
	font-size: 1.2em;
	width: 9em;
	margin: 0 auto;
	margin-top: 16em;
	text-align: center;
	right: .7em;
	position: absolute;
	border: #b54112 dashed 2px;
	padding: .2em;
	text-align: center;
}

a {
	color: #b54112;	
}

a:visited {
	color: #C90;
}

a:hover {
	color: #5d8057;	
}

a:active {
	color: #5d8057;
}

#footer {
	font-family: "FontleroyBrownNFRegular";
	font-size: 1.3em;
	padding-top: 2em;
	clear: both;
	color: #5d8057;
}

/************************* order page *****************************/

div.left {
	float: left;	
	width: 50%;
}

div.right {
	float: right;
	width: 50%;
}

div.oneleft {
	float: left;	
	width: 34%;
}

div.onemiddle {
	float: left;	
	width: 33%;
}

div.oneright {
	float: left;	
	width: 33%;
}

div.spleft {
	float: left;
	width: 55%;
}

div.spright {
	float: right;
	width: 45%;
}

div.topleft {
	float: left;	
	width: auto;
}

div.topmiddle {
	float: left;	
	width: auto;
}

div.topright {
	float: left;	
	width: auto;
}

fieldset {
	border: 1px solid #2a6006;
	padding: .5em;
}

fieldset.step2 {
	padding-top: 0;
	margin-top: -1em;
}

legend {
	font-family: "OriginsRegular";
	font-size: 1.7em;
	padding: 0 .5em;
	color: #2a6006;
}

label {
	font-size: .8em;
	padding: .5em;
}

label span {
	font-size: .75em;	
}

h1, h2 {
	font-weight: normal;	
}

h3 {
	font-size: 2em;
	font-family: "FontleroyBrownNFRegular";
	color: #5d8057;
	text-align:center;
	font-weight: normal;
}

h3.order {
	color: #b54112;
	font-size: 2em;
	font-family: "FontleroyBrownNFRegular";
	text-align:center;
	font-weight: normal;
}

h4 {
	font-size: .8em;
}

/************************* info page *****************************/
#map {
	text-align: center;	
}

#bottomR ul p {
	font-family: "FontleroyBrownNFRegular";
	font-size: 2em;
	padding: 0;
	color: #2a6006;	
}

#bottomR ul {
	font-size: .7em;
	padding-left: .5em;
	text-align: left;
}