
/* CSS Document */
*{ margin:0; padding:0;}
body{margin:0 auto;}
#header{height:78px;margin-bottom:10px;min-width:980px;border-bottom:5px solid #336699;}
#header h2{position:relative;width:1180px;min-width:980px;margin:0 auto;line-height:78px;text-align:left}
#footer{height:178px;margin-top:20px;border-top:1px solid #ccc;}
#footer p{width:1180px;min-width:980px;margin:20px auto;text-align:center;}
.main{width:100%;}
.demo{position:relative; height:1000px; margin:20px auto; border:1px dotted #d3d3d3;width:1180px;}

.note{width:150px; height:150px; position:absolute; margin-top:150px; padding:10px; overflow:hidden; font-size:16px; line-height:22px;
	/* Adding a CSS3 shadow below the note, in the browsers which support it: */
	-moz-box-shadow:6px 6px 0 #DDDDDD;
	-webkit-box-shadow:6px 6px 0 #DDDDDD;
	box-shadow:6px 6px 0 #DDDDDD;
}
.note span{margin:2px}

.yellow{background-color:#FDFB8C;border:1px solid #DEDC65;}
.blue{background-color:#A6E3FC;border:1px solid #75C5E7;}
.green{background-color:#A5F88B;border:1px solid #98E775;}
