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

body
{
	
	background-image:url(../images/patternBack.png);
	background-color: #4a74ba; 

}

h2
{
	font-size:28px;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
}

#homeWrapper
{
	background-color: #FFF;
	width: 800px;
	height: 750px;
	margin: 0 auto;
	position:relative;
	margin-top: 50px;
	
}

#homeImg
{
	width: 290px;
	height: 300px;
	position:absolute;
	bottom: 0px;
	right: -105px;
}

#contactWrapper
{
	background-color: #FFF;
	width: 800px;
	height: 750px;
	margin: 0 auto;
	position:relative;
	margin-top: 50px;
	background-image:url(../images/wrapperImg.png);

}

#mainLogo
{
	position: absolute;
	width: 114px;
	height: 169px;
	top: 6px;
	left: 16px;
	margin-top: 10px;
}

#mainLogo img
{
	border: none;

}

#mainLogo span
{
	text-indent: -9000px;

}

#navDivider
{
	width: 9px;
	height: 500px;
	background-color: #4a74ba;
	position: absolute;
	left: 116px;
	top: 190px;
}

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 92px;
	background-color: transparent;
	position: relative;
	font-size:12px;
	z-index: 1;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .home {
	width: 92px;
	height: 35px;
	background: url(../images/homeBtn.png) no-repeat;
	left: 12px;
	top: 198px;
}

#menu .home span {
  width: 92px;
  height: 35px;
  left: 28px;
  top: -20px;
}

#menu .portfolio {
	width: 92px;
	height: 35px;
	background: url(../images/portfolioBtn.png) no-repeat;
	left: 12px;
	top: 245px;
}

#menu .portfolio span {
  width: 92px;
  height: 35px;
  left: 44px;
  top: 54px;
}

#menu .resume {
	width: 92px;
	height: 35px;
	background:  url(../images/resumeBtn.png) no-repeat;
	left: 12px;
	top: 298px;
}

#menu .resume span {
  width: 92px;
  height: 35px;
  left: 44px;
  top: 54px;
}

#menu .contact {
	width: 92px;
	height: 35px;
	background: url(../images/contactBtn.png) no-repeat;
	left: 12px;
	top: 408px;
}

#menu .contact span {
  width: 92px;
  height: 35px;
  left: 44px;
  top: 54px;
}

#menu .bio {
	width: 92px;
	height: 35px;
	background: url(../images/bioBtn.png) no-repeat;
	left: 12px;
	top: 353px;
}

#menu .bio span {
  width: 92px;
  height: 35px;
  left: 44px;
  top: 54px;
}

#bigHOME
{
	width: 146px;
	height: 435px;
	position: absolute;
	left: 131px;
	top: 17px;
}

#homeContent
{
	width: 495px;
	position: absolute;
	left: 161px;
	top: -338px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 198px;
}

#homeContent p
{
	font-family: Verdana, Geneva, sans-serif;
	color: #4a74ba;
	font-size:14px;
	font-weight: bold;
	margin: 0;
}

#homeContent2
{
	width: 471px;
	height: 196px;
	color: #4a74ba;
	position:absolute;
	left: 135px;
	top: 458px;
}

#homeContent2 p
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	line-height: 1.3em;

}

#homeContent2 a{
	text-decoration: none;
	color:#00F;
}

#homeContent2 a:hover{
	color: #e96458;
}

#footer{
	width: 200px;
	position:relative;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-left: 430px;
	margin-top: 10px;
}

#contact
{
	width: 330px;
	margin: 0 auto;
	position: absolute;
	font-size:22px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bolder;
	line-height: 1.4em;
	color: #4a74ba;
	left: 472px;
	top: 15px;
	height: 174px;

}

#contact a
{
	color: #4a74ba;
	text-decoration: none;

}

#contact a:hover, a:visited
{
	color: #60ee47;		
}

#bigCONTACT
{
	width: 96px;
	height: 430px;
	position: absolute;
	left: 131px;
	top: 17px;
}


#bigRESUME
{
	width: 102px;
	height: 426px;
	position: absolute;
	left: 131px;
	top: 17px;
}

#scrollResume {
	height: 700px;
	width: 500px;
	overflow: auto;
	padding: 8px;
	position: absolute;
	padding: 5px;
	left: 244px;
	top: 18px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}


#scrollResume h2
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight: bolder;
	color: #4a74ba; 
}

#loadRes
{
	width: 140px;
	height:125px;
	position:absolute;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 9px;
	left: 132px;
	top: 452px;


}

#loadRes img
{
	border: none;

}


#bigPORT
{
	width: 76px;
	height: 434px;
	position: absolute;
	left: 137px;
	top: 17px;

}

#bigBIO
{
	width: 102px;
	height: 182px;
	position:absolute;
	left: 136px;
	top: 16px;

}

#lbArea
{
	width: 519px;
	margin: 0 auto;
	position:absolute;
	left: 245px;
	top: 28px;
}

#lbArea img
{
	border:thin solid #666;
	margin-right: 20px;
	margin-bottom: 20px;
}