/* CSS Document */
/* Body styles */
body {
	margin:0;
	padding:0;
	background-color:white;
	font:normal 85% Georgia,Times,serif;
	color:black;
	text-align:center;
	line-height:150%;
	}
	
/* Turn off all browser link outlines */
a {
	outline:none;
	}
	
h2 {
	font:normal 180% Georgia,Times,serif;
	color:#black;
	float:left;
	width:425px;
	padding:0 0 25px 0;
	margin:0;
	text-align:left;
	line-height:150%;
}

h3 {
	font:normal 110% Georgia,Times,serif;
	padding:10px;
	text-align:left;
	line-height:150%;
	}

h4 {
	font:normal 100% Georgia,Times,serif;
	text-align:left;
	line-height:150%;
	}
	
 p {
 	margin:0;
	padding:0;
	font:normal 130% Georgia,Times,serif;
	text-align:left;
	line-height:140%;
	}
	
a:link {
	color:#047b07;
	text-decoration:none;
	}
a:visited {
	color:#666;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a:active {
	color:#000;
	}

/* Turn off borders on image links */
img {
	border:0;
	margin:0;
	padding:0;
	}
	
/* Containers */
#container {
	width:902px;
	padding:0px;
	margin:0px auto;
	background:none;
	}
	
#contentContainer {
	width:902px;
	padding:0px;
	margin:0px auto;
	background:none;
	}
	
#resumeContainer {
	*margin-top:20px; 
	width:574px;
	padding:0px;
	background-color:#e5efe5;
	}
	
#endContainer {
	clear:both;
	}
	
/* Header logo */
#header {
	float:left;
	}
	
/* Rollover class for HOME */
.rollover_home {
	display:block;
	width:530px;
	height:77px;
	background:url(images/logo.gif) no-repeat;
	text-indent:-9999px;
	}
a.rollover_home:link, a.rollover_home:visited, a.rollover_home:active {
	background:url(images/logo.gif) no-repeat;
	}
a.rollover_home:hover {
	background-position:-530px 0;
	}
	
/* Navigation */
#navigation {
	float:left;
	height:77px;
	padding:0;
	}
	
/* Active state for navigation images */
#navigation img {
	float:left;
	padding:0;
	margin:0;
	}
	
/* Rollover class for PORTFOLIO */
.rollover_portfolio {
	float:left;
	display:block;
	width:128px;
	height:77px;
	background:url(images/portfolio.gif) no-repeat;
	text-indent:-9999px;
	}
a.rollover_portfolio:link, a.rollover_portfolio:visited, a.rollover_portfolio:active {
	background:url(images/portfolio.gif) no-repeat;
	}
a.rollover_portfolio:hover {
	background-position:-128px 0;
	}
	
/* Rollover class for ABOUT */
.rollover_about {
	float:left;
	display:block;
	width:74px;
	height:77px;
	background:url(images/about.gif) no-repeat;
	text-indent:-9999px;
	}
a.rollover_about:link, a.rollover_about:visited, a.rollover_about:active {
	background:url(images/about.gif) no-repeat;
	}
a.rollover_about:hover {
	background-position:-74px 0;
	}
	
/* Rollover class for RESUME */
.rollover_resume {
	float:left;
	display:block;
	width:87px;
	height:77px;
	background:url(images/resume.gif) no-repeat;
	text-indent:-9999px;
	}
a.rollover_resume:link, a.rollover_resume:visited, a.rollover_resume:active {
	background:url(images/resume.gif) no-repeat;
	}
a.rollover_resume:hover {
	background-position:-87px 0;
	}
	
/* Rollover class for CONTACT */
.rollover_contact {
	float:left;
	display:block;
	width:83px;
	height:77px;
	background:url(images/contact.gif) no-repeat;
	text-indent:-9999px;
	}
a.rollover_contact:link, a.rollover_contact:visited, a.rollover_contact:active {
	background:url(images/contact.gif) no-repeat;
	}
a.rollover_contact:hover {
	background-position:-83px 0;
	}
	
/* Banners */
#banner {
	width:100%;
	height:271px;
	background:url(images/grayheader.gif) repeat-x;
	}
	
#banner2 {
	width:100%;
	height:10px;
	background:url(images/grayheader.gif) repeat-x;
	}
	
#banner3 {
	width:100%;
	height:34px;
	background:url(images/grayheader_about.gif) repeat-x;
	}

		
/* Float Recent image */
.recent {
	float:right;
	}
	
/* PORTFOLIO page */
#subnav img {
	float:left;
	}	
	
	
/* ------ Two column layout  -------- */
	
/* Left column */
#sidebar {
	float:left;
	width:301px;
	}
	
/* Main column */
#mainCol {
	float:left;
	width:601px;
	text-align:left;
	}
	
/* CONTACT page */
#contact {
	padding:49px 0 0 0;
	}	
	
#contact p {
	*margin:-50px 0 0 0;
	}	
	
.contact {
	float:left;
	padding:10px 20px 0 0;
	}
	
#email {
	float:left;
	}
	
/* ABOUT page */
#pageHeader {
	float:left;
	}
/*	
.about {
	padding:100px 0 0 0;
	} */
	
#content p {
	padding:10px 0 10px 0;
	}

#pageHeader img {
	padding:0 0 15px 0;
	}

/* View Large pop-ups */
#ViewLarge {
	text-align:left;
	}
	
/* ----------------- Before & After rollovers -----------------------*/

/* Pappo rollovers */

.rolloverPappo1 {
	display:block;
	width:1043px;
	height:869px;
	background:url(images/before/Pappo_before.jpg) no-repeat;
	text-ident:-9999px;
}
	
a.rolloverPappo1:link, a.rolloverPappo1:visited, a.rolloverPappo1:active {
	background:url(images/before/Pappo_before.jpg) no-repeat;
	}
a.rolloverPappo1:hover {
	background-position:-1043px 0;
	}


.rolloverPappo2 {
	display:block;
	width:1043px;
	height:1346px;
	background:url(images/before/Pappo_before2.jpg) no-repeat;
	text-ident:-9999px;
}
	
a.rolloverPappo2:link, a.rolloverPappo2:visited, a.rolloverPappo2:active {
	background:url(images/before/Pappo_before2.jpg) no-repeat;
	}
a.rolloverPappo2:hover {
	background-position:-1043px 0;
	}


/* MIO rollovers */

.rolloverMIO1 {
	display:block;
	width:1024px;
	height:772px;
	background:url(images/before/MIO_before.jpg) no-repeat;
	text-ident:-9999px;
}
	
a.rolloverMIO1:link, a.rolloverMIO1:visited, a.rolloverMIO1:active {
	background:url(images/before/MIO_before.jpg) no-repeat;
	}
a.rolloverMIO1:hover {
	background-position:-1024px 0;
	}


.rolloverMIO2 {
	display:block;
	width:1024px;
	height:1466px;
	background:url(images/before/MIO_before2.jpg) no-repeat;
	text-ident:-9999px;
}
	
a.rolloverMIO2:link, a.rolloverMIO2:visited, a.rolloverMIO2:active {
	background:url(images/before/MIO_before2.jpg) no-repeat;
	}
a.rolloverMIO2:hover {
	background-position:-1024px 0;
	}
	

/* CAWS rollovers */

.rolloverCAWS {
	display:block;
	width:1001px;
	height:921px;
	background:url(images/before/CAWS_before.jpg) no-repeat;
	text-ident:-9999px;
}
	
a.rolloverCAWS:link, a.rolloverCAWS:visited, a.rolloverCAWS:active {
	background:url(images/before/CAWS_before.jpg) no-repeat;
	}
a.rolloverCAWS:hover {
	background-position:-1001px 0;
	}