/* Stylesheet for Moyer Jewelers */

/* ELEMENTS 
**********************************************/
body {
margin:0 auto 0;
text-align:center;
padding:0;
background: #fff url(/assets/images/body-bgd.png) center top repeat-y;
color:#000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:normal;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,div,br {
	margin:0;
	padding:0;
}
h1 {
	/* reserved for logo */
}
/* Page title */
h2 {
font-family: "Lucida Sans Unicode", arial, helvetica, sans-serif;
font-size:1.8em;
color:#a17601;
background-color: #fff;
font-weight:normal;
}
/* Page subtitle */
h3 {
font-family: "Lucida Sans Unicode", arial, helvetica, sans-serif;
font-size:1.8em;
color:#a17601;
background-color: #fff;
font-weight:normal;	
}
h4 {
margin:1em 0 0 ;
font-family: "Lucida Sans Unicode", arial, helvetica, sans-serif;
font-size:1.4em;
color:#000;
background-color: #fff;
font-weight:normal;
}
h5 {
margin:1em 0 0 ;
font-family: "Lucida Sans Unicode", arial, helvetica, sans-serif;
font-size:1.1em;
color:#000;
background-color: #fff;
font-weight:normal;
}
p {
font-size:.9em;
	margin:.8em 0;
}
td {
font-size:.9em;
padding:5px;
}
ul, ol, dl {
font-size:.9em;
	margin:.8em 1em;
}
li {
	margin:.8em 2em;
}
dt {
font-weight:bold;
margin:1em 0 .5em 0;
}
dd {
margin:0em 0 .8em 0;
}

/* POSITIONING
*****************************************************/
#page-wrapper {
width: 960px;
margin:0 auto;
text-align:left;
position: relative;
}
#masthead {
margin:auto;
width:960px;
height:87px;
background: #d1af53 url(/assets/images/masthead/masthead_bgd.gif) top left;
color: #000;
}
#masthead p#company-name  {
margin:0;
padding:0;
}
#masthead p#company-name a {
display: block;
width: 297px;
height: 87px;
border:none;
overflow:hidden;
}
#masthead p#company-name a img {
border:none;
}


/* NAVIGATION (MAIN)
***************************************************/
#navs-main {
width:960px;
height:34px;
padding: 0;
margin:0 auto;
background: #000 url(/assets/images/navs/main/navs-main-bgd.png) center left repeat-x;
}
#navs-main ul {
margin:0 70px 0 67px;
padding: 0;
list-style:none;
}
#navs-main ul li {
margin:0;
padding:0;
float: left;

}
#navs-main ul li,
#navs-main ul li a  {
display:block;
height: 34px;
background-position:center center;
background-repeat:no-repeat;
overflow:hidden;
}
#navs-main ul li a  {
text-indent:-9999px;
}

#navs-main ul li#nav-shop,
#navs-main ul li#nav-shop a,
#navs-main ul li#nav-shop a:link,
#navs-main ul li#nav-shop a:visited  {
width:100px;
background-image:url(/assets/images/navs/main/shop_up.gif);
}
#navs-main ul li#nav-designers,
#navs-main ul li#nav-designers a,
#navs-main ul li#nav-designers a:link,
#navs-main ul li#nav-designers a:visited  {
width:144px;
background-image:url(/assets/images/navs/main/designers_up.gif);
}
#navs-main ul li#nav-penn-state-jewelry,
#navs-main ul li#nav-penn-state-jewelry a,
#navs-main ul li#nav-penn-state-jewelry a:link,
#navs-main ul li#nav-penn-state-jewelry a:visited   {
width:214px;
background-image:url(/assets/images/navs/main/pennStateJewelry_up.gif);
}
#navs-main ul li#nav-services,
#navs-main ul li#nav-services a,
#navs-main ul li#nav-services a:link,
#navs-main ul li#nav-services a:visited   {
width:123px;
background-image:url(/assets/images/navs/main/services_up.gif);
}
#navs-main ul li#nav-jewelry-101,
#navs-main ul li#nav-jewelry-101 a,
#navs-main ul li#nav-jewelry-101 a:link,
#navs-main ul li#nav-jewelry-101 a:visited   {
width:153px;
background-image:url(/assets/images/navs/main/jewelry101_up.gif);
}
#navs-main ul li#nav-faq,
#navs-main ul li#nav-faq a,
#navs-main ul li#nav-faq a:link,
#navs-main ul li#nav-faq a:visited   {
width:89px;
background-image:url(/assets/images/navs/main/faq_up.gif);
}
/* ---- Hover States ---- */
#navs-main ul li#nav-shop a:hover {
background-image:url(/assets/images/navs/main/shop_ovr.gif);
}
#navs-main ul li#nav-designers a:hover {
background-image:url(/assets/images/navs/main/designers_ovr.gif);
}
#navs-main ul li#nav-penn-state-jewelry a:hover {
background-image:url(/assets/images/navs/main/pennStateJewelry_ovr.gif);
}
#navs-main ul li#nav-services a:hover {
background-image:url(/assets/images/navs/main/services_ovr.gif);
}
#navs-main ul li#nav-jewelry-101 a:hover {
background-image:url(/assets/images/navs/main/jewelry101_ovr.gif);
}
#navs-main ul li#nav-faq a:hover {
background-image:url(/assets/images/navs/main/faq_ovr.gif);
}
/* ---- Selected States ---- */
body#shop #navs-main ul li#nav-shop a {
	background-image:url(/assets/images/navs/main/shop_dwn.gif);
}
body#designers #navs-main ul li#nav-designers a {
	background-image:url(/assets/images/navs/main/designers_dwn.gif);
}
body#penn-state-jewelry #navs-main ul li#nav-penn-state-jewelry a {
	background-image:url(/assets/images/navs/main/pennStateJewelry_dwn.gif);
}
body#services #navs-main ul li#nav-services a {
	background-image:url(/assets/images/navs/main/services_dwn.gif);
}
body#jewelry-101 #navs-main ul li#nav-jewelry-101 a {
	background-image:url(/assets/images/navs/main/jewelry101_dwn.gif);
}
body#faq #navs-main ul li#nav-faq a {
	background-image:url(/assets/images/navs/main/faq_dwn.gif);
}


/*NAVIGATION (AUXILLARY)
*********************************************/
#navs-auxillary {
position: absolute;
top:0px;
right:0px;
width: 352px;
height: 25px;
border: none;
}


/* CONTENT
*******************************************/
#content {
padding:10px 70px 30px;
}
#page-title {
	margin:20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #000;
}
#intro-text {
float:right;
width:412px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#intro-text p.first-paragraph {
margin-top:0;
padding-top:0;
line-height: 2em;
}


/* PHOTOGRAPHS
*********************************************/
.main-photo {
border:1px solid #000;
}
.float-right {
float:right;
margin:5px 0 20px 20px;
}

/* FOOTER
*********************************************/
#footer {
	clear:both;
	margin:30px 2px 10px 2px;
	border-top:1px solid #d1af53;
	padding:15px 70px 20px;
	font-size:.6em;
}


/* MISC
*********************************************/
div.clear {
	clear:both;
}