BODY
{
    background: #808080 url(images/bkgd.jpg) repeat-x;
    font-family: Trebuchet MS,arial,helvetica,sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #404040;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    text-align: center;
}
TD, FORM, BUTTON, LABEL, TEXTAREA, INPUT, SELECT
{
    font-size: 10pt;
    color: #404040;
}
P
{
	margin-top: 0px;
	margin-bottom: 12px;
}
DIV
{
	margin-top: 0px;
	margin-bottom: 0px;
}
HR
{
	background-color: #404040;
    color: #404040;
    height: 1px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    border-style: none;
    clear: both;
}
H1, H2, H3, H4, H5, H6, TH, THEAD, TFOOT
{
    color: #4C9966;
    font-family: Avant Guard, arial, helvetica,sans-serif;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-weight: 500;
}
H1 {font-size: 18pt; font-weight: normal; margin-top: 0px; margin-bottom: 7px;}	
H2 {font-size: 14pt; font-weight: 500; margin-top: 0px; margin-bottom: 5px; }	
H3 {font-size: 11pt; font-weight: 500; margin-top: 0px; margin-bottom: 0px; }	
H4 {font-size: 10pt; font-weight: 500; margin-top: 0px; margin-bottom: 0px; }	
H5, DT {font-size: 10pt; font-weight: 500; margin-top: 0px; margin-bottom: 0px; }	

H1
{
 	width: 100%;
 	padding-bottom: 10px;
	border-bottom: solid 0px #404040;
	/* font-variant: small-caps; */
	/* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=black,endColorStr=white); */
}
H2
{
	color: #404040;
	width: 100%;
	padding-bottom: 3px;
	border-bottom: solid 1px #404040;
}

TFOOT, THEAD { font-size: 1em; }
TH { vertical-align: baseline; font-size: 1em; font-weight: bold; }	

TABLE { margin-top: 0px; margin-bottom: 0px; }

SMALL { font-size: 8pt; }
BIG	{ font-size: 12pt; }
EM
{
	color: black;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
}
STRONG
{
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
}

BLOCKQUOTE, PRE { font-family: Courier New, monospace; }	

UL { margin-left: 20px; margin-top: 5px; margin-bottom: 10px; padding-left: 0; }
UL LI { list-style-type: disc ; margin-top: 1px; margin-bottom: 1px; }	
UL LI LI { list-style-type: circle; }	
UL LI LI LI { list-style-type: square; }	
UL { margin-left: 20px; margin-top: 5px; margin-bottom: 10px; padding-left: 0; }
OL LI { list-style-type: decimal; margin-top: 1px; margin-bottom: 1px; }	
OL OL LI { list-style-type: lower-alpha; }	
OL OL OL LI	{ list-style-type: lower-roman; }	

A:link { text-decoration: none; color: #3D3DCC; font-weight: bold; }
A:visited { text-decoration: none; color: #3D3DCC; font-weight: bold; }
A:hover { text-decoration: underline; color: #4D4CFF; font-weight: bold; }
A:active { text-decoration: underline; color: #4D4CFF; font-weight: bold; }

#shell
{
	width: 760px;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}
#screenshot
{
	width: 1024px;
	text-align: right;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content
{
	width: 660px;
	margin: auto;
	background: white;
	padding: 25px 60px 25px 40px;
}
#content2
{
	text-align: left;
	width: 680px;
 	background-color: white;
}
.center { text-align: center; }
.right { text-align: right; }

.lefthalf { width: 330px; float: left; padding-right: 10px; }
.righthalf { width: 330px; float: right; padding-left: 10px; }

.sidebar
{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 256px;
	padding: 10px;
	background-color: white;
	border: solid 1px #404040;
}

.goright
{
	float: right;
	margin-left: 5px;
	vertical-align: baseline;
}
.goleft
{
	float: left;
	margin-right: 5px;
	vertical-align: baseline;
}
.zoom
{
	float: right;
	margin-top: 3px;
	margin-bottom: 5px;
}
.quoter
{
	text-align: right;
	font-weight: bold;
	margin-bottom: 10px;
}
.headericon
{
	margin-right: 7px;
}
.homer
{
    font-family: arial,helvetica,sans-serif;
    font-size: 12pt;
    font-weight: normal;
	color: #4C9966;
}
.homer em
{
    font-family: arial,helvetica,sans-serif;
    font-size: 12pt;
    font-weight: 600;
	color: #404040;
}
.homer hr
{
	background-color: #404040;
    color: #404040;
    height: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-style: none;
    clear: none;
}

/* Main menu */
/* Version 1
.menu a img {height: 110px; width: 90px; border-width: 0;}
.menu a#home img {background: url(images/button_home.gif) top left no-repeat;}
.menu a#home:hover img {background: url(images/button_home_over.gif) top left no-repeat;}
.menu a#services img {background: url(images/button_services.gif) top left no-repeat;}
.menu a#services:hover img {background: url(images/button_services_over.gif) top left no-repeat;}
.menu a#portfolio img {background: url(images/button_portfolio.gif) top left no-repeat;}
.menu a#portfolio:hover img {background: url(images/button_portfolio_over.gif) top left no-repeat;}
.menu a#about img {background: url(images/button_about.gif) top left no-repeat;}
.menu a#about:hover img {background: url(images/button_about_over.gif) top left no-repeat;}
.menu a#contact img {background: url(images/button_contact.gif) top left no-repeat;}
.menu a#contact:hover img {background: url(images/button_contact_over.gif) top left no-repeat;}
*/
/* Version 2 */
.menu a img {height: 110px; width: 90px; border-width: 0;}
.menu a#home img {background: url(images/button_home_css.gif) top left no-repeat;}
.menu a#home:hover img {background: url(images/button_home_css.gif) top left no-repeat; background-position: -90 0;}
.menu a#services img {background: url(images/button_services_css.gif) top left no-repeat;}
.menu a#services:hover img {background: url(images/button_services_css.gif) top left no-repeat; background-position: -90 0;}
.menu a#portfolio img {background: url(images/button_portfolio_css.gif) top left no-repeat;}
.menu a#portfolio:hover img {background: url(images/button_portfolio_css.gif) top left no-repeat; background-position: -90 0;}
.menu a#about img {background: url(images/button_about_css.gif) top left no-repeat;}
.menu a#about:hover img {background: url(images/button_about_css.gif) top left no-repeat; background-position: -90 0;}
.menu a#contact img {background: url(images/button_contact_css.gif) top left no-repeat;}
.menu a#contact:hover img {background: url(images/button_contact_css.gif) top left no-repeat; background-position: -90 0;}

/* Resume */

.resume h2
{
	color: #404040;
	width: 100%;
	padding-bottom: 3px;
	border-bottom: solid 1px #404040;
	margin-top: 15px;
	margin-bottom: 5px;
}
.resume h3
{
	width: 100%;
	margin-top: 5px;
}
.resumeleft { width: 100px; float: left; padding-right: 10px; }
.resumeright { width: 560px; float: right; padding-left: 10px; }