/* 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: #ECF2F7; font: 10pt Tahoma, Verdana, Arial, Geneva, sans-serif; background-image:url('images/typebomb_bg.gif'); background-repeat: repeat-y;}

body#portfolio {margin:0px; padding:0px; height:100%; width:100%; background-image:url('images/bg_powerpole.gif'); background-repeat:no-repeat; background-position: left top; 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: left top; 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: 36px Arial, Verdana, Tahoma, Geneva, sans-serif; font-weight:700; color:#ecf2f7; line-height: 28px;}

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: static;}

.home	{font: 16px Arial, Verdana, Tahoma, Geneva, sans-serif; color: #fff; font-weight:700; position: absolute; top: 40px; left: 10px; width: 150px; text-align: left; line-height: 35px; z-index: 10;}



a#resume	{color:#ecf2f7; text-decoration: none; position: relative;}

a:hover#resume	{color: #b3c4d5; text-decoration: none; position: relative;}



a#portfolio	{color:#ecf2f7; text-decoration: none; position: relative;}

a:hover#portfolio	{color: #b3c4d5; text-decoration: none; position: relative;}



a#contact	{color:#ecf2f7; text-decoration: none; position: relative;}

a:hover#contact	{color: #b3c4d5; text-decoration: none; position: relative;}



a#blog	{color:#ecf2f7; text-decoration: none; position: relative;}

a:hover#blog	{color: #b3c4d5; text-decoration: none; position: relative;}



a#about	{color:#ecf2f7; text-decoration: none; position: relative;}

a:hover#about	{color: #b3c4d5; text-decoration: none; position: relative;}

a#about span	{display: none;}





div#styles	{position: absolute; top: 37px; left: 150px; z-index: 1; font: bold 14px Arial, Verdana, Tahoma, Geneva, sans-serif; color: #a2b3c4;}



div#styletitle	{position: absolute; left: 197px; font: bold 14px Arial, Verdana, Tahoma, Geneva, sans-serif; color: #a2b3c4;}

div#styletitle span	{display: none;}



div#img11 a	{position: absolute; top: 12px; left: 0px; text-decoration: none;}

div#img11 a img	{display: none;}

div#img11 a:hover img	{display: none;}

div#img11 a:hover	{text-decoration: none;}

div#img11 a span	{display: block; width: 200px; position: absolute; top: 5px; left: 300px; text-decoration: none; border: none; color: #a2b3c4;}

div#img11 a:hover span	{display: block; width: 200px; position: absolute; top: 5px; left: 300px; text-decoration: none; border: none; font: bold 14px Arial, Verdana, Tahoma, Geneva, sans-serif; color: black;}



div#img12 a	{position: absolute; top: 6px; left: 0px; text-decoration: none;}

div#img12 a img	{display: none;}

div#img12 a:hover img	{display: none;}

div#img12 a:hover	{ text-decoration: none;}

div#img12 a span	{display: block; width: 200px; position: absolute; top: 42px; left: 80px; text-decoration: none; border: none; color: #a2b3c4;}

div#img12 a:hover span	{display: block; width: 200px; position: absolute; top: 42px; left: 80px; text-decoration: none; border: none; font: bold 14px Arial, Verdana, Tahoma, Geneva, sans-serif; color: black;}



div#img13 a	{position: absolute; top: 0px; left: 0px; text-decoration: none;}

div#img13 a:hover img	{display: none;}

div#img13 a:hover	{ text-decoration: none;}

div#img13 a span	{display: block; width: 200px; position: absolute; top: 70px; left: 24px; color: #a2b3c4; text-decoration: none;}

div#img13 a img	{display: none;}

div#img13 a:hover span	{display: block; width: 200px; position: absolute; top: 70px; left: 24px; text-decoration: none; font: bold 14px Arial, Verdana, Tahoma, Geneva, sans-serif; color: black;}





div#img21 a	{position: absolute; top: 70px; left: 0px; text-decoration: none; line-height: 12px;}

div#img21 a:hover img	{display: none;}

div#img21 a:hover	{ text-decoration: none;}

div#img21 a span	{display: block; width: 70px; position: absolute; top: 174px; left: 36px; color: #a2b3c4; text-decoration: none;}

div#img21 a img	{display: none;}

div#img21 a:hover span	{display: block; width: 70px; position: absolute; top: 174px; left: 36px; text-decoration: none; font: bold 14px/12px Arial, Verdana, Tahoma, Geneva, sans-serif; color: black;}



div#img22 a	{position: absolute; top: 72px; left: 0px; text-decoration: none;}

div#img22 a:hover img	{display: none;}

div#img22 a:hover	{ text-decoration: none;}

div#img22 a span	{display: block; width: 200px; position: absolute; top: 296px; left: 50px; color: #a2b3c4; text-decoration: none;}

div#img22 a img	{display: none;}

div#img22 a:hover span	{display: block; width: 200px; position: absolute; top: 296px; left: 50px; text-decoration: none; font: bold 14px Arial, Verdana, Tahoma, Geneva, sans-serif; color: black;}



div#img23	{display: none;}



div#img31 a	{position: absolute; top: 144px; left: 0px; text-decoration: none;}

div#img31 a:hover img	{display: none;}

div#img31 a:hover	{ text-decoration: none;}

div#img31 a span	{display: block; width: 200px; position: absolute; top: 290px; left: 350px; color: #a2b3c4; text-decoration: none;}

div#img31 a img	{display: none;}

div#img31 a:hover span	{display: block; width: 200px; position: absolute; top: 290px; left: 350px; text-decoration: none; font: bold 14px Arial, Verdana, Tahoma, Geneva, sans-serif; color: black;}



div#img32 a	{position: absolute; top: 154px; left: 0px; text-decoration: none;}

div#img32 a:hover img	{display: none;}

div#img32 a:hover	{ text-decoration: none;}

div#img32 a span	{display: block; width: 200px; position: absolute; top: 310px; left: 0px; color: #a2b3c4; text-decoration: none;}

div#img32 a img	{display: none;}

div#img32 a:hover span	{display: block; width: 200px; position: absolute; top: 310px; left: 0px; text-decoration: none; font: bold 14px Arial, Verdana, Tahoma, Geneva, sans-serif; color: black;}



div#img33 a	{position: absolute; top: 165px; left: 0px; text-decoration: none;}

div#img33 a:hover img	{display: none;}

div#img33 a:hover	{ text-decoration: none;}

div#img33 a span	{display: block; width: 200px; position: absolute; top: 330px; left: 152px; color: #a2b3c4; text-decoration: none;} 

div#img33 a img	{display: none;}

div#img33 a:hover span	{display: block; width: 200px; position: absolute; top: 330px; left: 152px; text-decoration: none; font: bold 14px Arial, Verdana, Tahoma, Geneva, sans-serif; color: black;}



/* end Home Page */