@charset "utf-8";
/* CSS Document */

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* MAIN STYLES */

html {
background:#bebebe;
font-family:Arial, Helvetica, sans-serif;
font-stretch:condensed;
}

#header {
position: relative;
background: url(../images/headerBG.jpg) no-repeat;
width: 788px;
height: 120px;	
}

#container {
margin-top: 2em;
margin-left: auto;
margin-right: auto;
margin-bottom: 2em;
background: white;
width: 788px;
border: solid 1px #333;
box-shadow: -3px 3px 5px #333;
}

#navBar {
background: url(../images/navBarBG.jpg) no-repeat;
height: 35px;
}

#navBar ul#nav {
float: right;
padding-right: 40px;
font-size: 12px;
position: relative;
}

#nav li {
height: 35px;
line-height: 35px;
display: inline;
padding-right: 20px;

}

#nav li a {
text-decoration: none;
color: white;
}

#nav li a:hover {
text-decoration: underline;
color: white;
}

#mainTop {
background: url(../images/mainTopBG.jpg) no-repeat;
height: 248px;
}

#mainTop p {
font-size: 12px;
color: #FFFFFF;
line-height: 14px;
padding-top: 30px;
padding-left: 360px;
}

#mainTop h1 {
font-size: 16px;
color: #F7F7F7;
padding-top: 35px;
padding-left: 403px;
text-shadow: -2px 2px 2px #333;	
}

#mainTop img#kyleCharacter {
position: absolute;
top: 122px;	
}

#mainTop img#androidBoot {
position: relative;
left: 396px;
top: 20px;
}

#mainTop img#cardProp {
position: relative;
left: 406px;
top: 20px;	
}

#mainTop img#earthZoom {
position: relative;
left: 416px;
top: 20px;		
}

#mainBottom {
background: url(../images/mainBottomBG.jpg) no-repeat;
}

#mainBottom h1 {
font-size: 16px;
color: #F7F7F7;
padding-left: 47px;
padding-top: 47px;
text-shadow: -2px 2px 2px #333;
}

#mainBottom p {
font-size: 12px;
color: #FFFFFF;
line-height: 14px;
width: 700px;
padding-top: 8px;
padding-left: 47px;
}

#mainBottom a {
font-size: 12px;
text-decoration: underline;
color: #000000
}

#mainBottom a:hover {
text-decoration: underline;
color:#FF6600;
}

#mainBottom img#mowCatering01, img#overgrown01, img#demoV4, img#ladderClimb, img#mendelMax {
padding-left: 40px;
padding-top: 10px;	
}

#mainBottom img#mowCatering02, img#mowCatering02, img#mowDeliMenu01, img#mowDeliMenu02, img#mowCommunityBreakfast, img#mowPieFlyer, img#overgrown02, img#restaurant, img#firstDate, img#earthZoom2, img#officeExplosion, img#androidBoot2, img#robotRotation, img#deskShot, img#counterShot, img#mendelMaxVideo, img#hotEnd, img#stepperDrivers, img#arduinoShield {
padding-left: 10px;
padding-top: 10px;	
}

#mainBottom img#portfolioBlank {
padding-left: 10px;
padding-top: 10px;		
}