/* global */

body {margin:0px; padding:0px; height:100%; width:100%; background-color:#d5e6f7; font-size:12px; font-family:verdana, arial, helvetica, sans-serif;}

body#index	{background-color: #ffffff; font: 10pt Tahoma, Verdana, Arial, Geneva, sans-serif;}

body#portfolio {margin:0px; padding:0px; height:100%; width:100%; background-image:url(images/bg_powerpole.gif); background-repeat:no-repeat; background-position:top left; background-color:#d5e6f7; font-size:12px; font-family:verdana, arial, helvetica, sans-serif;}

body#resume {margin:0px; padding:0px; height:100%; width:100%; background-image:url(images/bg3.gif); background-repeat:no-repeat; background-position:top left; background-color:#d5e6f7; font-size:12px; font-family:verdana, arial, helvetica, sans-serif;}

.hide	{display: none;}

h2 {font:14px verdana, arial, helvetica, sans-serif; font-weight:700;}

h3 {font:12px verdana, arial, helvetica, sans-serif; font-weight:700; margin:18px 0px 3px 0px;}

h4 {font-weight:700; color:#000;}

h6	{font:9px verdana, arial, helvetica, sans-serif;}

.bold	{font-weight: 800}

a		{color: #369; text-decoration: none;}

a:hover	{color:c00; text-decoration: underline;}

/* end global */



/* Home Page */

.frame	{position: relative; margin:0px auto; width: 615px; height: 495px; background-image:url(images/dots.jpg);}

.home	{position: absolute; top: 208px; left: 450px; width: 150px; line-height: 18px;}



a#resume	{position: relative;}

a:hover#resume	{position: relative;}



a#portfolio	{position: relative;}

a:hover#portfolio	{position: relative;}



a#contact	{position: relative;}

a:hover#contact	{position: relative;}



a#blog	{position: relative;}

a:hover#blog	{position: relative;}



a#about	{position: relative;}

a:hover#about	{position: relative;}

a#about span	{display: inline;}



div#styles	{display: block; position: absolute; top: 15px; left: 360px; height: 45px; width: 350px; z-index: 100;}



div#styletitle	{display: block; position: relative; left: -45px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #999;}

div#styletitle span	{display: none;}



div#img11 a	{position: absolute; top: 15px; left: 30px; background-image: url(images/dots_link.gif); text-decoration: none;}

div#img11 a img	{width: 15px; height: 15px;}

div#img11 a:hover	{background-image: url(images/dots_link.gif); border: none;}

div#img11 a:hover span	{display: block; position: absolute; top: -15px; left: 0px; color: #999; text-decoration: none;}



div#img12 a	{position: absolute; top: 15px; left: 60px; background-image: url(images/dots_link.gif); text-decoration: none;}

div#img12 a:hover	{background-image: url(images/dots_link.gif); border: none;}

div#img12 a img	{width: 15px; height: 15px;}

div#img12 a:hover span	{display: block; position: absolute; top: -15px; left: 0px; color: #999; text-decoration: none;}



div#img13 a	{position: absolute; top: 15px; left: 90px; background-image: url(images/dots_link.gif); text-decoration: none;}

div#img13 a:hover	{background-image: url(images/dots_link.gif); border: none;}

div#img13 a img	{width: 15px; height: 15px;}

div#img13 a:hover span	{display: block; position: absolute; top: -15px; left: 0px; color: #999; text-decoration: none;}



div#img21 a	{position: absolute; top: 15px; left: 120px; background-image: url(images/dots_link.gif); text-decoration: none;}

div#img21 a:hover	{background-image: url(images/dots_link.gif); border: none;}

div#img21 a img	{width: 15px; height: 15px;}

div#img21 a:hover span	{display: block; position: absolute; top: -15px; left: 0px; color: #999; text-decoration: none;}



div#img22 a	{position: absolute; top: 15px; left: 150px; background-image: url(images/dots_link.gif); text-decoration: none;}

div#img22 a:hover	{background-image: url(images/dots_link.gif); border: none;}

div#img22 a img	{width: 15px; height: 15px;}

div#img22 a:hover span	{display: block; position: absolute; top: -15px; left: 0px; color: #999; text-decoration: none;}



/*

div#img23 a	{display: block; position: absolute; top: 15px; left: 0px; background-image: url(images/dots_link.gif); text-decoration: none;}

div#img23 a:hover	{display: block; background-image: url(images/dots_link.gif); border: none;}

div#img23 a img	{width: 15px; height: 15px;}

div#img23 a:hover span	{display: block; position: absolute; top: -15px; left: 0px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #999; text-decoration: none;}

*/

div#img23	{display: none;}



div#img31 a	{position: absolute; top: 15px; left: 180px; background-image: url(images/dots_link.gif); text-decoration: none;}

div#img31 a:hover	{background-image: url(images/dots_link.gif); border: none;}

div#img31 a img	{width: 15px; height: 15px;}

div#img31 a:hover span	{display: block; position: absolute; top: -15px; left: 0px; color: #999; text-decoration: none;}



div#img32 a	{position: absolute; top: 15px; left: 210px; background-image: url(images/dots_link.gif); text-decoration: none;}

div#img32 a:hover	{background-image: url(images/dots_link.gif); border: none;}

div#img32 a img	{width: 15px; height: 15px;}

div#img32 a:hover span	{display: block; position: absolute; top: -15px; left: 0px; color: #999; text-decoration: none;}



div#img33 a	{position: absolute; top: 15px; left: 240px; background-image: url(images/dots_link.gif); text-decoration: none;}

div#img33 a:hover	{background-image: url(images/dots_link.gif); border: none;}

div#img33 a img	{display: block; width: 15px; height: 15px;}

div#img33 a:hover span	{display: block; position: absolute; top: -15px; left: 0px; color: #999; text-decoration: none;}

/* end Home Page */