body{
	background:url(images/back.jpg); background-repeat:repeat-x;
	background-color:#f6f9f0;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;
}
a{
	font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color:##bbcc84;
}
a:visited{
	font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color:#749964;
}
h1{
	font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; margin-left:20px; margin-top:5px; color:#7b8c44;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:bold; margin-left:20px; margin-top:5px; color:#708F2F;
}
h3{
	font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#000000;
	margin-top:0px; margin-bottom:0px;
}
p{
	margin-left:20px; margin-right:20px;
	font-family: Georgia, "Times New Roman", Times, serif; font-size:14px;
	line-height:20px;
}


/* Classes for layout, etc */
.centerbox{
	width:850px; margin-left:auto; margin-right:auto; 
	border-color:#220000; border-style:solid; border-width:2px; 
	background-color:#ffffff;
}
.maintext{
	margin-left:20px; margin-right:20px;
	font-family: Verdana;
}
.footer{
	height:10px; width:100%; background-color:#bbcc84;
}
.swirlContent{
	width:850px; margin-left:auto; margin-right:auto; 
	border-color:#220000; border-style:solid; border-width:thin; 
	background-color:#ffffff; background-image:url(images/swirls2.jpg); background-position:top right; 		
	background-repeat:no-repeat;
}

.portfoliotable{
	margin-left:20px; margin-right: 40px; width:750px;
	font-size:13px; font-family:Verdana;
}
.portfolioDesc{
	margin-left:105px;
}
.note{
	font-size:10px; font-color:#555555; width:850px;
	margin-left:auto; margin-top:10px; margin-right:auto;
}
.greenbox{
	background-image:url(images/greenbox1.jpg); width:400px; height:300px;
	color:#ffffff; margin-left:10px; font-family: Verdana; font-size:13px;
}
.infoTable{
	margin-left:20px; margin-top:0px;
}
.contactForm{
	margin-left:200px; background-color:#bbcc84; 
	width:400px;
	font-family:Verdana; font-size:12px; 
}

/*Items for the portfolio slideshow*/

div.sc_menu {
  border-style:solid; border-color:#708F2F; border-width:thin;
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 220px;
  width: 650px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 2500px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #000000;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}

/* The navigation menu*/
#navMenu {
	margin:0; 
	margin-top:30px;
	padding:0;
	list-style:none;	
	text-align:center;
	line-height:40px;
}

	#navMenu li {
		float:left;	
		background:url(images/default.jpg) no-repeat center center;	/* default background image	*/
		width:120px;							/* width and height of the menu item */
		height:40px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#navMenu li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:40px;
		position:relative;
		font-size:16px;
		color:#222222; text-decoration:none;
	}

 	#navMenu li .hover {
		background:url(images/over.jpg) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:120px;	/*	width, height, left and top to fill the whole LI item	*/
		height:40px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

	#navMenu li.selected {
		background:url(images/selected.jpg) no-repeat center center;	/* selected image	*/
	}