*			{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
html		{color:#444;font-size:100%;background:#f7f7f7 url(../images/bg.png) repeat center top}
body		{width:90%;background:none repeat scroll 0 0 padding-box white;border:8px solid transparent;box-shadow:0 0 8px rgba(0,0,0,0.3);margin:80px auto;padding:35px}
a						{text-decoration:none;color:#DD6C4F}
a:hover					{text-decoration:underline}
a:focus					{outline:none}

#curvedarrow {
position:absolute;width:0;height:0;border-top:18px solid transparent;border-right:18px solid #444;cursor:pointer;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}

#curvedarrow:after {
content:"";position:absolute;border:0 solid transparent;border-top:6px solid #444;border-radius:20px 0 0 0;top:-24px;left:-18px;width:24px;height:24px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}

#curvedarrow:hover {border-right:18px solid #DD6C4F}
#curvedarrow:hover:after {border-top:6px solid #DD6C4F}