body{
	margin 					: 0px;
	padding					: 0px;
	font-family				: "Verdana"
}

#title{
	font-family				: "Ravie";
	font-size					: 50px;
	font-weight				: bold;
	color						: #BFB2D3;
	background-color 	: #6F559D;
	width						: 100%;
	height						: 10%;
	margin 					: 0px;
	padding					: 0px;
	position					: fixed;
	left 							: 0px;
	top							: 0px
}

h1{
	margin						: inherit;
	margin-left				: 15%;
	font							: inherit;
	padding					: inherit;
	font-size					: 95%;
}

h2{
	width						: 70%;
	height						: 30px;
	background-color   : #BFB2D3;
	color						: #4A2885;
	border-width			: 2px;
	border-color			: #6F559D;
	border-style			: Solid;
	padding					: 5px;
	position					: fixed;
	top							: 12%;
	left							: 16%;
}

#menu
{
	height						: 90%;
	width						: 15%;
	background-color	: #BFB2D3;
	color						: #4A2885;
	font-size					: 16px;
	text-align				: Right;
	border-right			: Solid 1px;
	border-color			: #6F559D;
	position					: fixed;
	left 							: 0px;
	top							: 10%;
}

#page{
	padding					: 20px;
	position 					: fixed;
	left							: 17%;
	top							: 17%;
	height						: 77%;
	overflow					: auto;
	width						: 75%;
}

p.pricing{
	font-weight				: bold;
	font-size					: 110%
}

td.wide{
	width						: 400px;
}

#menu a{
	display						: block;
	padding					: 20px;
	color						: #4A2885;
	font							: inherit;
}

em{
	font-weight				: bold;
}

img{
	float							: right;
	margin						: 10px;
}

img.left{
	float							: left;
}

.clear{
	clear						: both;
}

p{
	padding					: 8px;
}

#message{
	color						: green;
	font-weight				: bold;
}

#error{
	color						: red;
	font-weight				: bold;
}

img.nofloat{
	float:none;
	margin:0px;
	padding:10px;
	clear:none;
	border:none;
}

/* For IE for Windows - Fixed Positioning Workaround \*/
* html{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

* html body{
    width: 100%;
    height: 100%;
    overflow: auto;
}

* html #title, #menu, #page{
    position: absolute;
}