HTML {
	BORDER-RIGHT: 0pt; PADDING-RIGHT: 0pt; BORDER-TOP: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 100%; PADDING-BOTTOM: 0pt; MARGIN: 0pt; VERTICAL-ALIGN: baseline; BORDER-LEFT: 0pt; PADDING-TOP: 0pt; BORDER-BOTTOM: 0pt; FONT-FAMILY: inherit
}
BODY {
	BORDER-RIGHT: 0pt; PADDING-RIGHT: 0pt; BORDER-TOP: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 100%; PADDING-BOTTOM: 0pt; MARGIN: 0pt; VERTICAL-ALIGN: baseline; BORDER-LEFT: 0pt; PADDING-TOP: 0pt; BORDER-BOTTOM: 0pt; FONT-FAMILY: inherit
}
DIV {
	BORDER-RIGHT: 0pt; PADDING-RIGHT: 0pt; BORDER-TOP: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 100%; PADDING-BOTTOM: 0pt; MARGIN: 0pt; VERTICAL-ALIGN: baseline; BORDER-LEFT: 0pt; PADDING-TOP: 0pt; BORDER-BOTTOM: 0pt; FONT-FAMILY: inherit
}

A {
	BORDER-RIGHT: 0pt; PADDING-RIGHT: 0pt; BORDER-TOP: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 100%; PADDING-BOTTOM: 0pt; MARGIN: 0pt; VERTICAL-ALIGN: baseline; BORDER-LEFT: 0pt; PADDING-TOP: 0pt; BORDER-BOTTOM: 0pt; FONT-FAMILY: inherit
}

IMG {
	BORDER-RIGHT: 0pt; PADDING-RIGHT: 0pt; BORDER-TOP: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 100%; PADDING-BOTTOM: 0pt; MARGIN: 0pt; VERTICAL-ALIGN: baseline; BORDER-LEFT: 0pt; PADDING-TOP: 0pt; BORDER-BOTTOM: 0pt; FONT-FAMILY: inherit
}


UL {
	BORDER-RIGHT: 0pt; PADDING-RIGHT: 0pt; BORDER-TOP: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 100%; PADDING-BOTTOM: 0pt; MARGIN: 0pt; VERTICAL-ALIGN: baseline; BORDER-LEFT: 0pt; PADDING-TOP: 0pt; BORDER-BOTTOM: 0pt; FONT-FAMILY: inherit
}
LI {
	BORDER-RIGHT: 0pt; PADDING-RIGHT: 0pt; BORDER-TOP: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 100%; PADDING-BOTTOM: 0pt; MARGIN: 0pt; VERTICAL-ALIGN: baseline; BORDER-LEFT: 0pt; PADDING-TOP: 0pt; BORDER-BOTTOM: 0pt; FONT-FAMILY: inherit
}

A {
	CURSOR: pointer; TEXT-DECORATION: none
}

#menu {
	LEFT: 292px;
	MARGIN: 0px auto;
	WIDTH: 34.4em;
	LIST-STYLE-TYPE: none;
	POSITION: absolute;
	TOP: 22px
}
#menu IMG {
	MARGIN-LEFT: 1px
}
#menu LI {
	FLOAT: left
}
#menu LI A {
	DISPLAY: block
}
#menu .reflectHome {
	BACKGROUND: url(images/home2.jpg) no-repeat 1px 50%; WIDTH: 103px; HEIGHT: 43px
}
#menu .reflectPhoto {
	BACKGROUND: url(images/photo2.jpg) no-repeat 1px 50%; WIDTH: 103px; HEIGHT: 43px
}
#menu .reflectWeb {
	BACKGROUND: url(images/webdesign2.jpg) no-repeat 1px 50%; WIDTH: 103px; HEIGHT: 43px
}
#menu .reflectCoding {
	BACKGROUND: url(images/coding2.jpg) no-repeat 1px 50%; WIDTH: 103px; HEIGHT: 43px
}
#contenedor {
	PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; PADDING-BOTTOM: 0pt; MARGIN: 15px auto 0pt; WIDTH: 960px; COLOR: #7e7e7e; PADDING-TOP: 0pt; POSITION: relative; TEXT-ALIGN: left
}
#mydiv { 
	position: absolute; top: 300px;	LEFT: 265px;
	MARGIN: 0px auto;
	WIDTH: 34.4em;
	LIST-STYLE-TYPE: none;
}
#mydiv2 { 
	position: absolute; top: 180px;	LEFT: 235px;
	BACKGROUND: url('johnback2.jpg') no-repeat 
	WIDTH: 850px;
	HEIGHT: 623px;
}
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 420px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
backimg {
background-color: white;
background-image: url(johnback.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: relative; LEFT: 200px;
}


.rssbutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbutton{
background-color: #ff6600;
border: 2px #ff6600 outset;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #ff6600;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}


#mydiv3{
position: absolute; top: 100px;	LEFT: 440px;
}