@charset "UTF-8";
/* CSS Document */

body  {
	font-family: Helvetica, Verdana, "Gil Sans", sans-serif;
	background-color: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0 0 5px 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#34363d;
	font-size:11px;
	background-color:#fff;
}
#banner { 
	color:#fff;
	margin:auto;
	padding:5px 0px 5px 25px;
	background-color:#34363d;
	height:80px;
	text-align: center;
	border-bottom:2px solid #fff;
}
#logo {
	margin:auto;
	padding:0;
	text-align:left;
	width:750px;
}
#logo img {
	border:0;
}
#bannerline { 
	margin:0;
	padding:0;
	background-color:#34363d;
	height:2px;
	text-align:center;
}
#navbar {
	margin:auto;
	padding:0;
	width:750px;
	}
#navbar p {
	margin:62px 12px 0 0;
	padding:0;
	float:right;
	}
#navbar ul {
	margin:0 12px 0 0;
	padding:0;
	}
#navbar ul li {
	margin:0;
    padding:65px 0 0 10px;
	display:inline;
	float:right;
	text-align:right;
	letter-spacing:1px;
	}
#navbar .lower {
	margin:2px 0 0 0;
	}
#homecontainer, #container, #container2 { 
	margin:auto;
	padding:0 0 0 15px;
	width:740px;
	text-align:left;
}
#container {
	height:500px;
} 
#container2 {
	padding:0 0 10px 25px;
} 
#content {
	margin:0px 5px 20px 0;
	padding:0 0 0 15px;
	width:450px;
	float:right;
	border-left:1px dotted #34363d;
	}
h1, h2, h3 {
	margin:80px 0 5px 0;
	padding:0;
	line-height:150%;
	letter-spacing:1px;
	font-size:12px;
	font-weight:bold;
	}
h2 {
	margin:20px 0px 0 0;
	text-align:right;
	}
h3 {
	margin:0 0 5px 0;
	padding:0;
	}
h4 {
	margin:10px 0 5px 0px;
	padding:0px;
	font-size:12px;
	}
#content p {
	margin:5px 0 5px 0;
	padding:0;
	line-height:150%;
}
#coverimage { 
	margin:0;
	padding:44px 0 0 5px;
}
#coverimage2 { 
	margin:20px 0 0 5px;
	padding:0;
	height:376px;
	width:250px;
}
#coverimage2 img {
	margin-bottom:15px;
	height:376px;
	width:250px;
	}
#homeportdesc {
	margin:0;
	padding:0;
	line-height:150%;}
#portdesc {
	margin:20px 0 0 20px;
	padding:0;
	line-height:150%;
	position:absolute;
	top:360px;}
#portdesc p, #portdesc2 p, #portdesc3 p{
	margin:0 0 0 0;
	padding:0 0 10px 0;}
#portdesc2 {
	margin: 0 0 0 536px;
	padding:0;
	width:200px;
	line-height:150%;
	}
#portdesc3 {
	margin: 0 0 0 468px;
	padding:0;
	width:280px;
	line-height:150%;
	}
a {
	margin:0;
	padding:0;
	text-decoration:none;
	outline:none;
	}
a:link { 
       color:#34363d;
}       
a:visited { 
       color: #34363d;     
}
a:hover {
		margin:0;
		padding:0; 
       color: #c34d24;    
}
a:active { 
       color: #c34d24;
}
#navbar a. #footer a {
	margin:0;
	padding:0;
	text-decoration:none;
	outline:none;
	}
#navbar a:link, #footer a:link { 
       color:#b5bfbd;
}       
#navbar a:visited, #footer a:visited { 
       color: #b5bfbd;     
}
#navbar a:hover, #footer a:hover {
		margin:0;
		padding:0; 
       color: #b8a331;    
}
#navbar a:active, #footer a:active { 
       color: #b8a331;
}
/* THUMBNAILS */
#categories {
	margin:35px 5px 10px 0;
	padding:0;
	width:255px;
	height:340px;
	float:right;
	}
#categories ul li {
	width:80px;
	height:80px;
	}
/* Eli's stuff */
#commitment, #engagement, #buckles, #bracelets, #rings, #necklace, #organic, #aboutus, #groups, #calendar, #earrings  {
	display:block;
	height:80px;
	text-indent:-9999px;
}
/* If you use "background", you have to put "no-repeat", if you use "background-image", you don't need "no-repeat" */
#commitment {
	background-image:url(../images/commitment-button.jpg);
	width:80px;
	height:80px;
}
#earrings {
	background-image:url(../images/earringcrop.jpg);
	width:80px;
	height:80px;
}
#engagement {
	background-image:url(../images/home-engagement.jpg);
	width:80px;
	height:80px;
}
#buckles {
	background-image:url(../images/beltbucklescrop.jpg);
	width:80px;
	height:80px;
	}
#bracelets {
	background-image:url(../images/braceletcrop.jpg);
	width:80px;
	height:80px;
	}
#rings {
	background-image:url(../images/ringscrop.jpg);
	width:80px;
	height:80px;
	}
#necklace {
	background-image:url(../images/necklacecrop.jpg);
	width:80px;
	height:80px;
	}
#organic {
	background-image:url(../images/organiccrop.jpg);
	width:80px;
	height:80px;
	}
#groups {
	margin:3px 0 0 3px;
	background-image:url(regionalgroups.jpg);
	width:120px;
	height:105px;
}
#calendar {
	margin:3px 0 3px 3px;
	background-image:url(calendarswap.jpg);
	width:160px;
	height:105px;
}
a#commitment:hover, a#engagement:hover, a#buckles:hover, a#bracelets:hover, a#rings:hover, a#necklace:hover, a#organic:hover, a#earrings:hover {
	background-position:0 -80px;
}
a#welcome:hover, a#aboutus:hover {
	background-position:-80px 0;
}
a#calendar:hover {
	background-position:-160px 0;
}
#categories ul{
    display:inline;
	list-style-type:none;
}
#categories ul li{
	padding:0 0 4px 4px;
       display:inline;
       float:right;
}
/* End Thumbnails */
#process{
	margin:0;
	padding:0;
	}
.spacer {
	clear:both;
}
#homefooter {
	margin:20px auto;
	padding:0;
	width:100%;
	border-top:1px solid #34363d;
	}
#homefooter p {
	margin:auto;
	padding:10px;
	text-align:center;
	}
#footer {
	margin:auto;
	padding:5px 0 2px 0;
	text-align:center;
	width:100%;
	height:17px;
	background-color:#34363d;
	}
.footercontact {
	margin: 0 auto;
	padding:10px 10px 0 0;
	text-align:center;
	width:750px;
	}
#footer ul {
	margin:0 auto;
	padding:0;
	width:720px;
	text-align:center;
	position:relative;
	left:25px;
	}
#footer ul li {
    padding:0 7px 0 7px;
	display:inline;
	letter-spacing:1px;
	}
.hidden {
	color:#fff;
	}

/******************
 * Loading Notice *
 ******************/

/* position container to allow absolute positioning of loading notice */
#container {
  position: relative;
}

/* The wrapper for the loading notice */
#loading {
  position: absolute;
  font-weight: bold;
  text-align: center;
  width: 100%;
  top: 40%;
  z-index: 100;
}
/* The paragraph that contains the text and animated gif */
#loading p {
  background: white url("../images/waiting.gif") 10px 50% no-repeat;
  display: inline;
  padding: 10px 10px 10px 62px;
  border: 1px solid #34363d;
}

/* Prevent glitchy gallery load */
ul.gallery_demo_unstyled li img {
  display: none;
}

/* Rounded corners */
.process {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}