/* 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; text-align: center;}
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: 22pt Arial, Verdana, Tahoma, Geneva, sans-serif; font-weight:700; color:b3c4d5; line-height: 24px;}
h6	{font:9px verdana, arial, helvetica, sans-serif;}
.bold	{font-weight: 800}
a		{color: #369;}
a:hover	{color:c00;}
.red	{color:c00;}
.contactbg	{background-color: #d5e6f7;}
/* end global */


/* Home Page */
.frame	{position: relative; margin:10px auto 0px auto; width: 643px; height: 474px; background-image:url(images/redesign2.gif); z-index: 1;}
.home	{font: 22pt Arial, Verdana, Tahoma, Geneva, sans-serif; font-weight:700; position: absolute; top: 270px; left: 476px; width: 150px; text-align: right; line-height: 24px;}

a#resume	{color:fff; text-decoration: none; position: relative;}
a:hover#resume	{color: #b3c4d5; text-decoration: none; position: relative;}

a#portfolio	{color:fff; text-decoration: none; position: relative;}
a:hover#portfolio	{color: #b3c4d5; text-decoration: none; position: relative;}

a#contact	{color:fff; text-decoration: none; position: relative;}
a:hover#contact	{color: #b3c4d5; text-decoration: none; position: relative;}

a#blog	{color:fff; text-decoration: none; position: relative;}
a:hover#blog	{color: #b3c4d5; text-decoration: none; position: relative;}

a#about	{color:fff; text-decoration: none; position: relative;}
a:hover#about	{color: #b3c4d5; text-decoration: none; position: relative;}
a#about span	{display: none;}

div#styletitle	{position: absolute; top:8px; left: 552; width: 70px;  font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4;}
div#styletitle span	{display: none;}

div#img11 a	{position: absolute; top: 22px; left: 552px; background-image: none; text-decoration: none; border: 1px solid #b3c4d5;}
div#img11 a img	{width: 19px; height: 14px;}
div#img11 a:hover img	{width: 21px; height: 16px;}
div#img11 a:hover	{background-image: none; background-color: #b3c4d5;}
div#img11 a:hover span	{display: block; position: absolute; width: 70px; top: 52px; left: 0px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4; text-decoration: none; border: none;}

div#img12 a	{position: absolute; top: 22px; left: 575px; background-image: none; text-decoration: none; border: 1px solid #b3c4d5;}
div#img12 a:hover img	{width: 21px; height: 16px;}
div#img12 a:hover	{background-image: none; background-color: #b3c4d5;}
div#img12 a img	{width: 19px; height: 14px;}
div#img12 a:hover span	{display: block; position: absolute; width:70; top:52px; left: -23px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4; text-decoration: none;}

div#img13 a	{position: absolute; top: 22px; left: 598px; background-image: none; text-decoration: none; border: 1px solid #b3c4d5;}
div#img13 a:hover img	{width: 21px; height: 16px;}
div#img13 a:hover	{background-image: none; background-color: #b3c4d5;}
div#img13 a img	{width: 19px; height: 14px;}
div#img13 a:hover span	{display: block; position: absolute; width: 70; top: 52px; left: -46px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4; text-decoration: none;}

div#img21 a	{position: absolute; top: 40; left: 552; background-image: none; text-decoration: none; border: 1px solid #b3c4d5;}
div#img21 a:hover img	{width: 21px; height: 16px;}
div#img21 a:hover	{background-image: none; background-color: #b3c4d5;}
div#img21 a img	{width: 19px; height: 14px;}
div#img21 a:hover span	{display: block; position: absolute; width: 70; top: 34px; left: 0px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4; text-decoration: none;}

div#img22 a	{position: absolute; top: 40; left: 575; background-image: none; text-decoration: none; border: 1px solid #b3c4d5;}
div#img22 a:hover img	{width: 21px; height: 16px;}
div#img22 a:hover	{background-image: none; background-color: #b3c4d5;}
div#img22 a img	{width: 19px; height: 14px;}
div#img22 a:hover span	{display: block; position: absolute; width: 70; top: 34px; left: -23px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4; text-decoration: none;}

/*
div#img23 a	{display: block; position: absolute; top: 40; left: 598; background-image: none; text-decoration: none;}
div#img23 a:hover	{display: block; background-image:none; border: none;}
div#img23 a img	{width: 19px; height: 16px;}
div#img23 a:hover span	{display: block; position: absolute; width: 70; top: 34px; left: -46px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4; text-decoration: none;}
*/

div#img23	{display: none;}

div#img31 a	{position: absolute; top: 58; left: 552; background-image: none; text-decoration: none; border: 1px solid #b3c4d5;}
div#img31 a:hover img	{width: 21px; height: 16px;}
div#img31 a:hover	{background-image: none; background-color: #b3c4d5;}
div#img31 a img	{width: 19px; height: 14px;}
div#img31 a:hover span	{display: block; position: absolute; width: 70; top: 16px; left: 0px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4; text-decoration: none;}

div#img32 a	{position: absolute; top: 58; left: 575; background-image: none; text-decoration: none; border: 1px solid #b3c4d5;}
div#img32 a:hover img	{width: 21px; height: 16px;}
div#img32 a:hover	{background-image: none; background-color: #b3c4d5;}
div#img32 a img	{width: 19px; height: 14px;}
div#img32 a:hover span	{display: block; position: absolute; width: 70; top: 16px; left: -23px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4; text-decoration: none;}

div#img33 a	{position: absolute; top: 58; left: 598; background-image: none; text-decoration: none; border: 1px solid #b3c4d5;}
div#img33 a:hover img	{width: 21px; height: 16px;}
div#img33 a:hover	{background-image: none; background-color: #b3c4d5;}
div#img33 a img	{width: 19px; height: 14px;}
div#img33 a:hover span	{display: block; position: absolute; width: 70; top: 16px; left: -46px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; color: #a2b3c4; text-decoration: none;}
/* end Home Page */
