/* 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;}
body#blog {margin:0px; padding:0px; height:100%; width:100%; background-image:url(images/bg2.gif); background-repeat:no-repeat; background-position:top left; background-color:#d5e6f7; font-size:12px; font-family:verdana, arial, helvetica, sans-serif;}
body#plain {margin:0px; padding:0px; height:100%; width:100%; 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:14px verdana, arial, helvetica, sans-serif; font-weight:700;}
h5 {font: bold 10px verdana, arial, helvetica, sans-serif; margin:18px 0px 3px 0px;}
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; margin: 10px; }
.copyright	{ text-align: center; font: 9px Tahoma, sans-serif; color: #6b737c; margin: 4px 0px 20px 0px; }
/* end global */


/* Home Page */
.frame	{position: relative; margin:0px auto; text-align: left; width: 650px;}
.home	{font: 10pt Verdana, Arial, Geneva, sans-serif; position: absolute; top: 170; left: 430;}
div#styletitle	{font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; position: absolute; left: 10px;}

div#img11 a	{position: absolute; top: 10; left: 10; background-image:url(images/1_1.jpg); text-decoration: none; color: #000;}
div#img11 a:hover	{background-image: url(images/1_1.jpg); border: none;}
div#img11 a span	{display: none;}
div#img11 a:hover span	{display: block; position: absolute; top: -10px; left: 150px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; border: none;}
div#img11 a img	{width: 200px; height: 150px;}

div#img12 a	{position: absolute; top: 10; left: 220; background-image:url(images/1_2.jpg); text-decoration: none; color: #000;}
div#img12 a:hover	{background-image:url(images/1_2.jpg); border: none;}
div#img12 a img	{width: 200px; height: 150px;}
div#img12 a span	{display: none;}
div#img12 a:hover span	{display: block; position: absolute; top: -10px; left: -60px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; border: none;}

div#img13 a	{position: absolute; top: 10; left: 430; background-image:url(images/1_3.jpg); text-decoration: none; color: #000;}
div#img13 a:hover	{background-image:url(images/1_3.jpg); border: none;}
div#img13 a img	{width: 200px; height: 150px;}
div#img13 a span	{display: none;}
div#img13 a:hover span	{display: block; position: absolute; top: -10px; left: -270px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; border: none;}

div#img21 a	{position: absolute; top: 170; left: 10; background-image:url(images/2_1.jpg); text-decoration: none; color: #000;}
div#img21 a:hover	{background-image:url(images/2_1.jpg); border: none;}
div#img21 a img	{width: 200px; height: 150px;}
div#img21 a span	{display: none;}
div#img21 a:hover span	{display: block; position: absolute; top: -170px; left: 150px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; border: none;}

div#img22 a	{position: absolute; top: 170; left: 220; background-image:url(images/2_2.jpg); text-decoration: none; color: #000;}
div#img22 a:hover	{background-image:url(images/2_2.jpg); border: none;}
div#img22 a img	{width: 200px; height: 150px;}
div#img22 a span	{display: none;}
div#img22 a:hover span	{display: block; position: absolute; top: -170px; left: -60px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; border: none;}

div#img23 a	{display: none;}
div#img23 a:hover	{display: none;}
div#img23 a img	{width: 200px; height: 150px;}
div#img23 a span	{display: none;}

div#img31 a	{position: absolute; top: 330; left: 10; background-image:url(images/3_1.jpg); text-decoration: none; color: #000;}
div#img31 a:hover	{background-image:url(images/3_1.jpg); border: none;}
div#img31 a img	{width: 200px; height: 150px;}
div#img31 a span	{display: none;}
div#img31 a:hover span	{display: block; position: absolute; top: -330px; left: 150px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; border: none;}

div#img32 a	{position: absolute; top: 330; left: 220; background-image:url(images/3_2.jpg); text-decoration: none; color: #000;}
div#img32 a:hover	{background-image:url(images/3_2.jpg); border: none;}
div#img32 a img	{width: 200px; height: 150px;}
div#img32 a span	{display: none;}
div#img32 a:hover span	{display: block; position: absolute; top: -330px; left: -60px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; border: none;}

div#img33 a	{position: absolute; top: 330; left: 430; background-image:url(images/3_3.jpg); text-decoration: none; color: #000;}
div#img33 a:hover	{background-image:url(images/3_3.jpg); border: none;}
div#img33 a img	{width: 200px; height: 150px;}
div#img33 a span	{display: none;}
div#img33 a:hover span	{display: block; position: absolute; top: -330px; left: -270px; font: 7pt Tahoma, Verdana, Arial, Geneva, sans-serif; border: none;}
/* end Home Page */


/* portfolio page */
.text	{width: 300px; float: left;}
.photo	{margin-left: 307px;}
.longtext	{width: 300px;}
.longtextphoto	{float: right; position: absolute; left: 380px;}
div#content {position: relative; margin:0px 50px; text-align: left; color:black; background-color:#fff; border:1px solid black; line-height:20px;}
.indexsection	{border-bottom: 1px solid #ddd; margin: 0px 20px 0px 20px;}
.bottomindexsection	{margin: 0px 20px 20px 20px; clear: both; }
.portfolioItem	{ border-bottom: 1px solid #ddd; margin: 20px 20px 0px 20px; padding-bottom: 20px; }
.portfolioItem h3 {margin: 0px;}
.portfolioItem td	{ font: 12px Verdana, sans-serif; }
.section	{margin-bottom: 20px;}
.sectionrule	{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d5e6f7;}
.header {margin:40px 50px 1px 50px; padding-left: 20px;}
.headtext {float: left; font:16px verdana, arial, helvetica, sans-serif; font-weight:900;}
.nav {font-size: 10px; line-height: 18px; text-align: right;}
.navbottom { margin: 0px 0px 20px 20px; font-size: 10px; line-height: 18px;}
/*
div#portfolio_preview	{position: absolute; top: 0px; right: 0px; width: 200px; height: 150px; margin: 0px 0px 20px 20px;}
div#content a img	{display: none; position: absolute; top: 0px; right: 0px;}
div#content a:hover img	{display: block;}
*/
/* portfolio page */

/* resume page */
.print	{display: none;}
.right	{margin-left: 140px; margin-bottom: 30px;}
.right ul	{ margin: 0px; padding: 0px; }
.right li	{ margin: 0px 0px 0px 1.5em; padding: 0px; }
.left	{width: 140px; text-align: right;}
.bulletlist   {margin-left: 12px; text-indent: -12px;}
.bulletlistend   {margin-left: 12px; margin-bottom: 20px; text-indent: -12px;}

/* resume page*/