@charset "UTF-8";
	html,
	body {
		margin:0;
		padding:0;
		height:100%;
		font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0px;
line-height: 1.2em;
color:#333333;
min-width:900px

	}
	#container {
		min-height:100%;
		
		position:relative;
		background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	}
	#header {
	background-color: #FFFFFF;
	padding:10px;
	}

	#body {
	padding:10px;
	padding-bottom:60px;	/* Height of the footer */

	}
	#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:35px;			/* Height of the footer */
	background:#eee;

	}
	
#topNav{
	float:right;
	width:500px;

	}
	#topNav ul{
	padding:10px;
	margin:0px;

	}
#topNav ul li{
list-style:none;
height:25px;
	}
	
	

.homeTab{
background-image: url(../images/homeNavBg.jpg);
	background-repeat: repeat-x;
}	
.aboutTab{
background-image: url(../images/aboutNavBg.jpg);
	background-repeat: repeat-x;
}
.experienceTab{
background-image: url(../images/experienceNavBg.jpg);
	background-repeat: repeat-x;
}
.examplesTab{
background-image: url(../images/examplesNavBg.jpg);
	background-repeat: repeat-x;
}
.contactTab{
background-image: url(../images/contactNavBg.jpg);
	background-repeat: repeat-x;
}


/* other non-essential CSS */
	#header p,
	#header h1, h2 {
		margin:0;
		padding:10px 0 0 10px;
	}
	#footer p {
		margin:0;
		padding:10px;
	}
	.pageContent{
	background-image:url(../images/contentBG.jpg);
	background-repeat:repeat-x;
	padding:10px;
	margin:-10px 0px;}
	
		
.home{
color:#99cc66;
}	
.about{
color:#3399cc;
}
.experience{
color:#996699;
}
.examples{
color:#cc6699;
}
.contact{
color:#cc6633;
}



#examplesCol1{
	float: left;
	width:25em; /* since this element is floated, a width must be given */
	padding: 15px 10px 60px 10px; 	/*top and bottom padding create visual space within this div */
}

#examplesCol2{
	margin: 10px 26em 0px 26em; 	/*top and bottom padding create visual space within this div */
	vertical-align: middle;
}

#examplesCol3{
	float: right;
	width:25em; /* since this element is floated, a width must be given */
	padding: 15px 0;  /*top and bottom padding create visual space within this div */
}

a {
color:#1A97EB;
font-weight:bold;
text-decoration:underline;
}
a:hover {
background-color:#D4EBF8;
color:#1A97EB;
font-weight:bold;
text-decoration:underline;
}