body, html {margin: 0; padding: 0; background-color: #000; text-align: center;}
div, p, h1, h2, h3, h4, h5, h6, h7, span, form, dl, dt, dd, fieldset, img, label, input {font-family: Arial, Tahoma, Verdana, sans-serif; position: static; z-index: 1; margin: 0; padding: 0;}
ul, li, p {font-family: Arial, Verdana, Tahoma, sans-serif;}
div, p, form {display: block; margin: 0; padding: 0;}

.cc {clear: both;}

img, fieldset {border: none; margin: 0; padding: 0;}

/* ROOT */
#root {display: block; margin: 0; padding: 91px 0 0; color: #fff; background: transparent url(../images/root.jpg) no-repeat 47% 13px; height: 619px;}

/* logo */
#logo:link, #logo:visited, #logo:hover, #logo:active {display: block; margin: 0 auto 23px; padding: 0; background: transparent url(../images/logo.gif) no-repeat 0 0; width: 110px; height: 65px;}

/* text elements */
#root p {line-height: 1.3em; font-size: 80%;}
#root p#copyr {color: #2A2A2A; font-size: 60%;}
	#root p#copyr a:link, #root p#copyr a:visited, #root p#copyr a:hover, #root p#copyr a:active {color: #2A2A2A;} 
#root h1 {font-size: 80%; margin-bottom: 11px;}

/* nav */
#nav {background: transparent url(../images/nav.jpg) no-repeat 0 0; width: 336px; height: 35px; margin: 0 auto -6px; padding: 9px 0 0 88px}
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {display: block; margin: 0 4px 0 0; padding: 26px 0 0; background-repeat: no-repeat; background-position: 0 0; height: 0px; overflow: hidden; float: left; clear: none; position: relative;}
#nav #visit_blog:link, #nav #visit_blog:visited, #nav #visit_blog:hover, #nav #visit_blog:active {width: 107px;  background-image: url(../images/visit-blog.jpg)}
#nav #project_desc:link, #nav #project_desc:visited, #nav #project_desc:hover, #nav #project_desc:active {width: 136px; background-image: url(../images/product-description.jpg)}

/* video */
#video {display: block; margin: 0 auto 10px; padding: 0; }