body {
	background-color: #FFFFFF;
	padding:0 0 0 0;
	margin: 30px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
}
div, h1, h2, p, form, label, input, textarea, span, ul, li{
	margin:0 auto;
	padding:0;
}

a:link {
    color: #77B013;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
     }
     
a:visited {
    color: #77B013;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
     }
     
a:hover {
    color: #666666;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
     }
 
img {
	border:none;
	}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
    
     
.credits {
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    margin-left: 0px;
    margin-right: 0px;
	background-color:#77B013;
     }
	 
.hdrAbout {
    color: #350B5F;
	width:468px;
	text-align:left;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
	float:left;
     }

     
.hdr {
    color: #350B5F;
	width:500px;
	text-align:left;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
	float:left;
     }
	 
.hdr a {
	padding-left:50px;
}
     
.hdr a:hover {
	font-weight:bold;
	text-decoration:none;
}
     
.collection {
    color: #350B5F;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
     }
     
.click {
    color: #350B5F;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
     }
     
.body {
    color: #350B5F;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-right: 50px;
     }
	 
.bold {
	font-weight:bold;
	}
     
.adi {
    color: #350B5F;
    font-family: Times, Times New Roman;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-right: 50px;
     }  
     
.body2 {
    color: #350B5F;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-right: 70px;
     }  
     
.ctr {
    color: #350B5F;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
     }  
	
.leftAligned {
	text-align:left;
	}
     
.title {
    color: #350B5F;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
     }
	 
.social {
	float:right;
	margin-top:3px;
}

.info {
	clear:both;
	}
     
     
#mainWrapper {
	width:750px;
	margin: 0 auto;
	text-align:center;
}

#nav_menu{
	width: 750px;
	height: 50px;
	background-image:url(images/headerMoe.gif);
	background-repeat:no-repeat;
	background-color: #FFFFFF;  /* color for space between header and main content */
	border:none;
	padding:0 0 0 0;
	}
	
#nav_menu ul{
	font: 16px/50px "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:bold;
	list-style-type:none;
	padding:0 0 0 170px;
	letter-spacing:.05em;
}

#nav_menu ul li{
	display:block;
	background:url(images/squareBg.gif) right top no-repeat;
	float: left;
	font-weight:bold;
	color:#000;
	height: 50px;
}


#nav_menu ul li.last {
	background-image:none;
}


#nav_menu ul li a {
	display:block;
	font: 16px/50px "Times New Roman", Times, serif;
	font-weight:bold;
	color:#666666;  /*dark purple*/
	padding:0 20px 0 20px;
	text-decoration:none;
	height: 50px;
}

#nav_menu ul li a:hover {
	color: #61099e;
}


#nav_menu ul li a.activeItem {
	color: #61099e;
	font-style:normal;
	cursor:text;
}
   
#services {
	float:left;
	width:100%;
	text-align:left;
} 


#services .seeMore{
	width:125px;
	float: left;
	text-align:left;
	}
	
#services .heading {
	color:#77B013;
	font-weight:bold;
	font-size:16px;
	}
	
	
#services .seeMore a {
	font-weight:bold;
	font-size:16px;
	}
	
#services img {
	margin:2px 0 10px 12px;
	border: 2px solid #aaaaaa;
	text-align:center;
}

#services a:hover img{
	border: 2px solid #666666;
}