html, body {height:100%;}

body {
	padding:0;
	margin:30px 0 0 0;
	text-align:center; 
	background-color: #fff;    
	font-family:Arial,Tahoma,Verdana,sans-serif; 
	line-height: 140%;
	font-size: 80%;
	color:#000;
}

#container {
	    min-width: 965px;
		width:965px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		position:relative;
}
		
#header {
		float:left;
		 width:602px;
		 height:96px;
}	
		
a,img {
     -moz-outline-style:none;
     outline-style:none;
}		
/* --------------------(Nav home) --------------- */	
#navHome {
	float:left;
	width:352px;
	height:68px;
	background: url(../images/nav_home_css.gif) no-repeat;
	margin-top:27px;
	}	
	
#navHome a.portfolio {
	position:absolute;
	top:28px;
	left:1px;
	height:14px;
	width:90px;
	text-decoration:none;
	display:block;
}

#navHome a.portfolio:hover {
	background: url(../images/nav_home_css.gif) -1px -138px  no-repeat; 
	width: 90px;
	height:17px;
	position:absolute;
	display:block;
}

#navHome a.about {
	position:absolute;
	top:28px;
	left:135px;
	height:14px;
	width:60px;
	text-decoration:none;
	display:block;
}

#navHome a.about:hover {
	background: url(../images/nav_home_css.gif) -135px -138px  no-repeat; 
	width: 60px;
	height:17px;
	position:absolute;
	display:block;
}

#navHome a.contact {
	position:absolute;
	top:28px;
	left:240px;
	height:14px;
	width:75px;
	text-decoration:none;
	display:block;
}

#navHome a.contact:hover {
	background: url(../images/nav_home_css.gif) -240px -138px  no-repeat; 
	width: 75px;
	height:17px;
	position:absolute;
	display:block;
}

#navHome a.portfolio span, 
#navHome a.about span, 
#navHome a.contact span {
	visibility:hidden;
}

/* --------------------(Nav about) --------------- */	
#navAbout {
	float:left;
	width:352px;
	height:68px;
	background: url(../images/nav_about_css.gif) no-repeat;
	margin-top:27px;
	}	
	
#navAbout a.portfolio {
	position:absolute;
	top:28px;
	left:110px;
	height:14px;
	width:90px;
	text-decoration:none;
	display:block;
}

#navAbout a.portfolio:hover {
	background: url(../images/nav_about_css.gif) -110px -141px  no-repeat; 
	width: 90px;
	height:17px;
	position:absolute;
	display:block;
}

#navAbout a.home {
	position:absolute;
	top:28px;
	left:16px;
	height:14px;
	width:50px;
	text-decoration:none;
	display:block;
}

#navAbout a.home:hover {
	background: url(../images/nav_about_css.gif) -16px -141px  no-repeat; 
	width: 50px;
	height:17px;
	position:absolute;
	display:block;
}

#navAbout a.contact {
	position:absolute;
	top:28px;
	left:240px;
	height:14px;
	width:75px;
	text-decoration:none;
	display:block;
}

#navAbout a.contact:hover {
	background: url(../images/nav_about_css.gif) -240px -141px  no-repeat; 
	width: 75px;
	height:17px;
	position:absolute;
	display:block;
}

#navAbout a.portfolio span, 
#navAbout a.home span, 
#navAbout a.contact span {
	visibility:hidden;
}

/* --------------------(Nav contact) --------------- */	
#navContact {
	float:left;
	width:352px;
	height:68px;
	background: url(../images/nav_contact_css.gif) no-repeat;
	margin-top:27px;
	}	
	
#navContact a.portfolio {
	position:absolute;
	top:28px;
	left:130px;
	height:14px;
	width:90px;
	text-decoration:none;
	display:block;
}

#navContact a.portfolio:hover {
	background: url(../images/nav_contact_css.gif) -130px -137px  no-repeat; 
	width: 90px;
	height:17px;
	position:absolute;
	display:block;
}

#navContact a.home {
	position:absolute;
	top:28px;
	left:16px;
	height:14px;
	width:50px;
	text-decoration:none;
	display:block;
}

#navContact a.home:hover {
	background: url(../images/nav_contact_css.gif) -16px -137px  no-repeat; 
	width: 50px;
	height:17px;
	position:absolute;
	display:block;
}

#navContact a.about {
	position:absolute;
	top:28px;
	left:275px;
	height:14px;
	width:60px;
	text-decoration:none;
	display:block;
}

#navContact a.about:hover {
	background: url(../images/nav_contact_css.gif) -275px -137px  no-repeat; 
	width: 60px;
	height:17px;
	position:absolute;
	display:block;
}

#navContact a.portfolio span, 
#navContact a.home span, 
#navContact a.about span {
	visibility:hidden;
}
/* --------------------(Nav portfolio) --------------- */	
#navPortfolio {
	float:left;
	width:352px;
	height:68px;
	background: url(../images/nav_portfolio_css.gif) no-repeat;
	margin-top:27px;
	}	
	
#navPortfolio a.about {
	position:absolute;
	top:28px;
	left:125px;
	height:14px;
	width:60px;
	text-decoration:none;
	display:block;
}

#navPortfolio a.about:hover {
	background: url(../images/nav_portfolio_css.gif) -125px -137px  no-repeat; 
	width: 60px;
	height:17px;
	position:absolute;
	display:block;
}	

#navPortfolio a.home {
	position:absolute;
	top:28px;
	left:16px;
	height:14px;
	width:50px;
	text-decoration:none;
	display:block;
}

#navPortfolio a.home:hover {
	background: url(../images/nav_portfolio_css.gif) -16px -137px  no-repeat; 
	width: 50px;
	height:17px;
	position:absolute;
	display:block;
}	

#navPortfolio a.contact {
	position:absolute;
	top:28px;
	left:230px;
	height:14px;
	width:75px;
	text-decoration:none;
	display:block;
}

#navPortfolio a.contact:hover {
	background: url(../images/nav_portfolio_css.gif) -230px -137px  no-repeat; 
	width: 75px;
	height:17px;
	position:absolute;
	display:block;
}

#navPortfolio a.home span, 
#navPortfolio a.about span, 
#navPortfolio a.contact span {
	visibility:hidden;
}
/* --------------------(Main Columns) --------------- */		
#mainColHome {
	margin-left:69px;
	}

#mainColAbout {
	margin-left:2px;
	}

#mainColAbout p {
	width:476px;
	margin-left:390px;
}

.dropcap {
float:left;
color:#95e0c6;
font-size:300%;
line-height:80%;
padding-top:2px;
} 

#mainColContact {
	margin-left:35px;
	}

#mainColContact #email {   /* css rollover will not work if this image here is absolutely positioned */
	background: url(../images/contact_email.gif) no-repeat;
	margin-left:335px;
	margin-top:20px;
	width:516px;
	height:38px;
}

#mainColContact #email a {
	height:38px;
	width:516px;
	text-decoration:none;
	display:block;
}

#mainColContact #email a:hover {
	background: url(../images/contact_email.gif) 0px -77px no-repeat; 
	width: 516px;
	height:38px;
	position:absolute;
	display:block;
}

#mainColContact #email a span {
	visibility:hidden;
}

.mainColPortfolio,
.portfolioRight,
.portfolioLeft {
	float:left;
	}
	
.portfolioRight,
.portfolioLeft {
	margin-top:250px;
}	

#portfolioWrapper {width:908px;}
 /* --------------------(footer)--------------- */	 
#copyrightHome {
	clear: both;
	text-align:center;
	font-size:85%;
	padding:4px 0 20px 0;
	color:#babeda;
	width:809px;
}

#copyrightAbout {
	color:#a1e2cc;
	clear: both;
	text-align:center;
	font-size:85%;
	padding:4px 0 20px 0;
	margin-left:310px;
}

#copyrightPortfolio {
	clear: both;
	text-align:center;
	font-size:85%;
	padding:4px 0 20px 0;
	color:#babeda;
	width:908px;
}
/* --------------------(Clear)--------------- */	
.clear {
	width:0;
	overflow:hidden;
	height:0;
	clear:both;
	visibility:hidden;
}
.height {height:20px;}