html, body {
 background-color: #fff;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #4F5155;
 margin:0;
 padding:0;
 background-image:url(bg.gif);
}

img{border:0}
#header,
#footer{
	width:700px;
	margin:0 auto;
}

#download{
	margin:10px auto 10px auto;
	width:680px;
	padding:20px 10px 10px 10px;
	background-color:#D8FECB;
	font-size:20px;
}

.topimage{
	padding-top:15px;
	text-align:center;
	
}

#download img{
	vertical-align:middle;
	padding:0px 20px 0 10px;
	margin:0 !important;
	margin:0px 10px 0px 10px;

}

#demo a{
	font-size:20px;
	line-height:36px;
	
}

#demo{
	line-height:15px;
	width:680px;
	padding:8px;
	margin:20px auto 5px auto;
	background-color:#E6E6FF;
	font-size:14px
}

#demo img{
	padding:10px 10px 0px 10px;
	margin:0 20px 0 0px!important;
	margin:20px 10px 10px 10px;
}

img.left{
	float:left;
	margin-right:20px;

}

.break{
	clear:both;
	height:1px;
	line-height:1px;
}

a{color:#993300}

#supercontainer{
	background-color:#fff;
	border-left:1px solid #993300;
	border-right:1px solid #993300;
	width:738px;
	position:relative;
	margin:0 auto;
}

#header{
	margin-top:10px;
	background-color:#993300;
	padding:5px 20px 0px 20px;
}
#header h1 a,
#header h1{
	font-weight:bold;
	font-size:30px;
	margin:0;
	border:0;
	color:#fff;
	padding-bottom:5px;
}
#menu{
	width:150px;
	position:absolute;
	left:0;
	padding:10px 0px;

}
#container{
	
	padding:10px 10px;
	margin:0 0 0 150px;
	background-color:#FFFFFF;
	border-left:1px dotted #999 !important;
	border-left:none;
	min-height:400px;
	height:auto !important;
	height:400px;
}
#footer{
	background-color:#993300;
	font-size:10px;
	padding:5px 20px 10px 20px;
	color:#fff;
	margin-bottom:10px;

}



/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}