body {height: 1600px; margin: 0; padding: 0; font: 11px Tahoma; color: #999; background:#131415; overflow: auto}

p 	{margin: 0px; padding: 0px}
ul 	{margin: 0px; padding: 0px}
ol 	{margin: 0px; padding: 0px}
h1 	{margin: 0px; padding: 0px}
h2 	{margin: 0px; padding: 0px}
h3 	{margin: 0px; padding: 0px}
h4 	{margin: 0px; padding: 0px}
blockquote 	{margin: 0px; padding: 0px}
fieldset 	{margin: 0px; padding: 0px}
form 		{margin: 0px; padding: 0px}

a 		{outline-style: none; outline-color: invert; outline-width: medium; color: #4794d0; text-decoration: none}
a:hover {color: #fff}

img 		{border: medium none}
img#bg		{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:0}
.img-left	{margin: 3px 7px 2px 0px; padding: 2px; border: #26292b 1px solid; float: left}
.img-right	{margin: 3px 0px 2px 7px; padding: 2px; border: #26292b 1px solid; float: left}

#bgselector 			{position: absolute; top:0px; right: 0px; margin: 5px; z-index:100}
#bgselector img			{width: 30px; height: 30px; margin-left: 5px; float: right; border: 1px solid #999; cursor: pointer}
#bgselector img:hover	{border: 1px solid #3eaace}

.clearfix:after {display: block; height: 0px; visibility: hidden; clear: both; content: "."}

#tooltip 		{border: #0a0a0a 1px solid; position: absolute; display: none; background: #1a1d1e; color: #999}
#tooltipx		{border: #26292b 1px solid; padding: 5px 10px}

#container	{position:relative; width: 602px; margin: 80px auto; border: #161616 1px solid; z-index: 1}
#canvas 	{width: 600px; border: #26292b 1px solid; background: url('../graphics/bg_canvas.png') repeat}
#header 	{width: 600px; height: 50px; border-bottom: #26292b 1px solid; background: #1a1d1e}
#logo 		{margin: 14px 0px 0px 20px; float: left}

#navigation 			{list-style-type: none; margin: 15px 8px 0px 0px; float: right; list-style-image: none}
#navigation li			{float: left; margin-right: 6px}
#navigation li a		{border: #090909 1px solid; padding: 6px 10px; font-size: 11px; text-transform: uppercase; display: block; background: url("../graphics/buttons.gif") repeat-x}
#navigation li a:hover	{background: url("../graphics/buttons.gif") repeat-x 0px -19px}
.selected 				{background: url("../graphics/buttons.gif") repeat-x 0px -19px}
#navigation li a span	{text-indent: -9999pt; display: block; height: 7px; overflow: hidden}
#navigation li a:hover span {background-position: 0px -7px}
.selected2 				{background-position: 0px -7px}

#home-button 			{width: 23px; background: url("../graphics/home.png") no-repeat}
#webdesign-button 		{width: 51px; background: url("../graphics/webdesign.png") no-repeat}
#magazines-button 		{width: 45px; background: url("../graphics/magazines.png") no-repeat}
#contact-button 		{width: 41px; background: url("../graphics/contact.png") no-repeat}

#content 	{line-height: 16px; margin: 20px}
#content p	{margin-bottom: 10px}
#content h3 {border-bottom: #26292b 1px solid; padding-bottom: 2px; font: 14px tahoma; margin-bottom: 10px; color: #bbb}

#about 		{margin-bottom: 10px}
#about ul	{margin: 0px 0px 10px 15px; list-style-image: url("../graphics/bullet.png")}
#about h1	{margin-bottom: 10px; color: #FFF; font-size: 14px; font-weight: bold; line-height:18px}
#about img	{padding: 2px; border: 1px solid #333}

#magazines 				{list-style-type: none; width: 580px; list-style-image: none}
#magazines p			{padding-right: 20px}
#magazines li			{width: 275px; margin: 10px 10px 0px 0px; float: left; font-size: 11px; border: 1px solid #26292b; background: url('../graphics/bg_thumbs.png') repeat}
#magazines li:hover 	{background-image:none; background-color: #1a1d1e}
#magazines h1			{color: #EEE; font-size: 11px; font-weight:bold; margin-top:10px}
.magazines-thumb 		{display: block}
.magazines-thumb img 	{width: 80px; height: 80px; padding: 0px 15px 5px 5px; display: block; float:left}
.magazines-thumb span	{display: block; padding-top: 5px}

#webdesign 				{list-style-type: none; width: 580px; list-style-image: none; padding-bottom:10px}
#webdesign p			{padding-right: 20px}
#webdesign li			{width: 275px; margin: 10px 10px 0px 0px; float: left; font-size: 11px; border: 1px solid #26292b; background: url('../graphics/bg_thumbs.png') repeat}
#magazines li:hover 	{background-image:none; background-color: #1a1d1e}
.webdesign-thumb 		{display: block}
.webdesign-thumb img 	{width: 48px; height: 48px; padding: 0px 15px 5px 5px; display: block; float:left}
.webdesign-thumb span	{display: block; padding-top: 5px}

#screenshot 		{position: absolute; margin: 0px; border: #0a0a0a 1px solid; display: none; background: #FFF; z-index:1000}
#screenshotx 		{padding: 5px; border: #2f3335 1px solid; background: #111}
#screenshot img		{padding: 10px; display: block}
#screenshot span	{display:none}

#contact		{background: url('../graphics/map.png') no-repeat}
#contact .info	{width: 140px; float: right}

.send 		{width: 222px !important; color: #ccc !important; cursor: pointer; border: #26292b 1px solid; background: #15181a}
.send:hover {border: #444 1px solid}

#footer 	{clear: both; border-top: #26292b 1px solid; background: #111}
#footer p 	{padding: 8px 20px; color: #444}
#footer a 	{color: #444}