CSS Vertical Align Text in DIV

This forum points out the most important part: http://stackoverflow.com/questions/9249359/text-vertical-align-in-a-div

Font-family in CSS

A Good reference

CSS Drawing Examples

Drawing lines with arrow heads and This One and also This One

Another tutorial

Drawing with toning

http://www.minimalg.it/blog/2012/web-development/drawing-flowcharts-with-css-and-svg/

http://www.amaslo.com/2012/06/drawing-diagonal-line-in-htmlcssjs-with.html

http://stackoverflow.com/questions/6107663/drawing-a-straight-line-with-arrow-in-javascript

http://stackoverflow.com/questions/11808860/arrow-triangles-on-my-svg-line

http://css-tricks.com/snippets/css/css-triangle/

http://stackoverflow.com/questions/15416731/issue-while-drawing-line-over-html5-canvas

http://stackoverflow.com/questions/12680166/how-to-use-an-arrow-marker-on-an-svg-line-element

http://www.yuiblog.com/blog/2010/11/22/css-quick-tip-css-arrows-and-shapes-without-markup/

CSS for Map Area

Good example at W3C

Box Shadow in CSS

Useful reference

A W3C Reference

CSS for Firefox

Supported styles in Firefox

Mozilla prefix (-moz) styles

TransformZ
At least working for Firefox and Chrome, tested. IE10 has to run in compatibility mode (sh..t)

CSS (Cascading Style Sheet)

To test out the rotation