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

body {
background-image:url(Imagesnew/waterdropsbg.png);
	background-repeat:no-repeat;
text-align:center;

}

#wrapper {
	margin: 0 auto;
        width:800px;
        text-align:left;
		}
		
#container {
	width:400px;
	height:600px;
	position:fixed;
	left:250px;

	
}


#leftcolumn {
	background-image:url(Imagesnew/logobottom.png);
	width:400px;
	height:700px;
	background-repeat:no-repeat;
}

.leftcolumninner {
background-image:url(Imagesnew/logobottom.png);
background-repeat:no-repeat;
}

.titlebox { 
	height:75px;
	width:300px;
	background-image:url(Imagesnew/title.png);
	}

.buttonboxportfolio {
height:75px;
	width:300px;
	background-image:url(Imagesnew/notepadicon1%20copy.png);
	background-repeat:no-repeat;
}

.buttonboxportfolio:hover {
	height:75px;
	width:300px;
	background-image:url(Imagesnew/notepadicon2shrunk.png);
	background-repeat:no-repeat;
}

.buttonboxaboutme {
	height:75px;
	width:300px;
	background-image:url(Imagesnew/markericon1%20copy.png);
	background-repeat:no-repeat;
}

.buttonboxaboutme:hover {
	height:75px;
	width:300px;
	background-image:url(Imagesnew/markericon2shrunk.png);
		background-repeat:no-repeat;
}

.buttonboxresume {
	height:75px;
	width:300px;
	background-image:url(Imagesnew/laptopicon1%20copy.png);
	background-repeat:no-repeat;
}

.buttonboxresume:hover {
	height:75px;
	width:300px;
	background-image:url(Imagesnew/laptopicon2shrunk.png);
		background-repeat:no-repeat;
}
	
.buttonboxlinks {
height:75px;
	width:300px;
	background-image:url(Imagesnew/xactoicon1%20copy.png);
	background-repeat:no-repeat;
}

.buttonboxlinks:hover {
height:75px;
	width:300px;
	background-image:url(Imagesnew/xactoicon2shrunk.png);
	background-repeat:no-repeat;
}

#centerbody {
	float:right;
	position:fixed;
	left:580px;
	top:75px;	
	width:600px;
	height:540px;	
}

.scrollArea {
width: 600px; 
height: 540px;
padding-left: 5px;
padding-right: 5px; 
float: left; 
overflow: auto;
}

#footerlinks { 
	position:fixed;
	left:900px;
	top:650px;
	height:25px;
	width:250px;
	}
	
a { 
	font-family:"Century Gothic";
	text-decoration:none;
	color:#330066;
	font-size:12px;
	}

a:hover {
	font-family:"Century Gothic";
	text-decoration:none;
	color:#006699;
	font-size:12px;
	}
	

h1 { 
	font-size:13px;
	color:#330066;
	}
	
h3 {
	font:"Century Gothic";
	color:#330066;
	font-size:15px;
	text-decoration:underline;
	}

h2 { 
	font:"Century Gothic";
	color:#009999;
	}

bodytext { 
	text-align:left;
	}

bodytext2 {
font:"Century Gothic";
	font-size:14px;
	color:#FFFFFF;	
	text-align:left;
	}


.pbox {
width:500px;
background-color:#260859;
padding:30px;
text-align:left;
}