BODY {
	font-family: Tahoma, Verdana, Helvetica, Arial;
	color: #625c61;
	background-color: #f1f0ee;
	margin: 0;
	padding: 200px;
}

H2 {
	font-size: 21px;
	font-weight: normal;
	margin: 50px 0 0 0;
	padding: 0;
	text-align: left;
}

H3 {
	font-size: 15px;
	font-weight: normal;
	margin: 1px 0 0 0;
	padding: 0;
	text-align: left;
}

DIV.main { 
	max-width: 875px; 
    margin-left: auto;
    margin-right: auto;
}

DIV.monitorBox {
	width: 406px; 
	height: 286px;
	margin-right: 36px;
	position: relative;
	float: left;
}
IMG.monitor {
	position: absolute;
	top:0;
	left:25px;
	z-index: 100;
}
DIV.slideshow {
	width:303px;
	height: 173px;
	position: absolute;
	top: 11px;
	left: 63px;
	z-index: 200;
	overflow:hidden;
}
DIV.basicBox {
	width: 406px;
	height: 228px;
	position: relative;
	background-color: #FFF;
	border:12px solid #e6e4e3;
	margin-top: 35px;
}

DIV.textBox {
	width: 382px; height: 204px;
	float:left;
	padding: 12px;
	text-align: left;
}
SPAN.skills {
	width: 382px;
	position: absolute;
	bottom: 12px;
	left: 12px;
	font-size: 12px;
}

DIV.footer {
	float: left;
	width: 430px;
	height: 32px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 3px solid #ced43d;
	background-position: right bottom;
}
DIV.footer IMG {
	float: right;
	margin-right: 12px;
}

/* *** Only Handhelds: **** */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	BODY {
		padding: 0;
	}
	DIV.main {
		margin-top: 24px;
		margin-left: 12px;
	}
}