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

@import "reset.css";


body {background:url(images/body_bkg.gif) #F3EFDE repeat-x left top; 
color:#696969;
font:12px/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

li { list-style:none;}

a {outline: none}

#wrapper {background:url(images/bkg.gif) repeat-y center top ;
 position:absolute ; width:100%; height:100%; }

#container {width:800px; margin:0 auto;
background:url(images/container_bkg.png) repeat-y center top; position: relative;
}


/* ---------------------------------------------- Branding --------------------------------------------------------- */

#branding {height:290px; width:768px;margin:0 auto 0px auto;
background:url(images/branding_bkg_home.jpg) no-repeat right top;
position:relative;}

body.home #branding img { margin:43px 0 0 10px;}

body.inside #branding { height:160px; background:none; margin:0 auto 0px auto;
background:url(images/small_ring.jpg) no-repeat 30px 5px;}

#branding h1 { display:block; background:url(images/logo.gif) no-repeat; position:absolute; 
height:151px; width:274px;
top:100px;
right:100px;
text-indent:-9999px;}


body.inside #branding h1 {background:url(images/logo_inside.gif) no-repeat;
height:110px; width:198px;
top:28px;
right:45px;}

body.inside #branding h1 a {display:block; height:110px; width:198px;}



#side_diamond {background:url(images/duo_36053_A_clean.jpg) no-repeat right top; 
width:768px; padding:0;  margin:67px auto 0; position:relative; clear:both; }

#side_bridal {background:url(images/duo_ah063.jpg) no-repeat right top; 
width:768px; padding:0;  margin:67px auto 0; position:relative;}

#side_jewelry {background:url(images/duo_craftsmen.jpg) no-repeat right top; 
width:768px; padding:0;  margin:67px auto 0; position:relative;}

#side_watches {background:url(images/duo_watch1.jpg) no-repeat right top; 
width:768px; padding:0;  margin:67px auto 0; position:relative;}

#side_workshop {background:url(images/duo_sherry_polish.jpg) no-repeat right top; 
width:768px; padding:0;  margin:67px auto 0; position:relative;}

#side_valentines {background:url(images/duo_jeffheart.jpg) no-repeat right top; 
width:768px; padding:0;  margin:67px auto 0; position:relative;}

#side_secondary {background:url(images/duo_AHL013.jpg) no-repeat right top; 
width:768px; padding:0;  margin:67px auto 0; position:relative;}

   /* used to move content down when backgrounds are not applied in upper right corner */
#side_sidenav_bump {width:768px; padding:0; height:10px;  margin:70px auto 0; position:relative;}


/* ---------------------------------------------- Content --------------------------------------------------------- */


#content {margin:20px 0 60px 50px;
width:470px;
line-height:1.7em;
float:left;
}

#content.service {background:url(images/box.jpg) no-repeat right top; }
#content.gift_cert {background:url(images/giftcertificate.jpg) no-repeat right top; }
#content.engrave {background:url(images/engraving_hand.jpg) no-repeat right top; }
#content.craft {background:url(images/craftsman.jpg) no-repeat right top; }
#content.family {background:url(images/ANTIQUE-DROP-EAR.jpg) no-repeat right top; }
#content.career {background:url(images/ring_AH_032.jpg) no-repeat right top; }
#content.faq {background:url(images/3rings_4885.jpg) no-repeat right top; }
#content.ads {background:url(images/three_rings_4853.jpg) no-repeat right top; }
#content.watch_top {background:url(images/round_diamond_cutoff.jpg) no-repeat right top; }

#content.diamond {background:url(images/two_rings_TSI4049.gif) no-repeat right top; }
#content.bridal {background:url(images/3tier_TSI4050.gif) no-repeat right top; }
#content.jewelry {background:url(images/ring_8475_top.gif) no-repeat right top; }
#content.workshop {background:url(images/old_earring_sketch.gif) no-repeat right top; }

#content.payton {background:url(promotions/images/payton_titlebar.gif) no-repeat right top;}
#content.valentines {background:url(images/box.jpg) no-repeat top center; width: 500px }
*html body .valentines {background:url(images/box.jpg) no-repeat center top; }


/* default */
#content.services {background:url(images/h1rings.jpg) no-repeat right top; }


#content.guide h1 {background:url(/buyersguide/home.jpg) no-repeat center 30px #000000; width:100%; height:275px; margin:0 0 20px 0;  }
#content.guide2 h1 {background:url(/buyersguide/home_sm.jpg) no-repeat center 15px #000000; width:100%; height:120px; margin:0 0 20px 0;  }

#content.guide img, #content.guide2 img {border:none;}

#content a {color:#A38F5F; text-decoration:none;}
#content a:hover {color:#696969; text-decoration:underline;}

#content h1 {
	color:#A38F5F;
	font-size:24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:35px 0 45px 0;
	height:30px;
	width:185px;
	padding:0px;
	position:relative;
	background-image: url(-);}

#content h1.firstline { margin-bottom:0px;}
#content h1.secondline { margin-top:0px;}
#content img.heading {float:right; position:relative;  z-index:10; }
#content h1+p {font-size:14px; line-height:1.7em; clear:right; z-index:10; }
#content p { margin:5px 0px  15px 0; line-height:1.7em;}
#content h2 { font-family: "trebuchet ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:.2em; font-size:14px; text-transform:uppercase; font-weight:bold; clear:right; margin:20px 0 5px 0; padding:0px; color:#A38F5F; clear:left; line-height:1.7em;}
#content h3 { margin:10px 0 0 0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#A38F5F; font-weight:bold;}
#content h2.list { font-size:13px; text-transform:none; letter-spacing:normal;}
#content ul li { list-style:url(images/heart.gif); padding:2px 0px;}
#content p img { float:right; margin-left:20px; margin-bottom:10px; border:2px #cdbe91 solid; background:#F3EFDE; padding:3px;}
*html body #content p img {margin: 0px; margin-left: 0px; margin-bottom: 0px }


/* -----------watches in Content ------------------- */
#watch_brands img {padding:10px 2px;}


/* ---------------------------------------------- Navigation --------------------------------------------------------- */

/* -----------nav positioning ------------------- */

#navigation { position:absolute; width:100%; clear:both; background: url(images/nav_bkg.gif) no-repeat center top;  }


body.home #navigation {top:289px;}

body.inside #navigation {top:147px;}


/* ----------- main Nav ------------------- */


#nav_main { padding:0px; height:50px; width:800px; margin:0 auto; position:relative; }

#nav_main li {display:block; height:50px;position:absolute; top:0px; text-indent:-9999px; }
#nav_main li a {display:block; height:50px; }

li#diamonds { left:75px;background:none; width:124px;}
li#diamonds a { background:url(images/main_nav.gif) no-repeat 0px center; width:124px; padding-left:7px;}
li#diamonds a:hover { background:url(images/main_nav_on.gif) no-repeat 0px center; width:131px;  padding-left:0px;}

li#bridal { left:199px;background:none; width:116px;}
li#bridal a { background:url(images/main_nav.gif) no-repeat -124px center; width:116px;}
li#bridal a:hover { background:url(images/main_nav_on.gif) no-repeat -124px center; width:116px;}

li#jewelry { left:315px;background:none; width:135px;}
li#jewelry a { background:url(images/main_nav.gif) no-repeat -240px center; width:135px;}
li#jewelry a:hover { background:url(images/main_nav_on.gif) no-repeat -240px center; width:135px;}

li#jewelry { left:315px;background:none; width:135px;}
li#jewelry a { background:url(images/main_nav.gif) no-repeat -240px center; width:135px;}
li#jewelry a:hover { background:url(images/main_nav_on.gif) no-repeat -240px center; width:135px;}


li#watches { left:450px;background:none; width:136px;}
li#watches a { background:url(images/main_nav.gif) no-repeat -375px center; width:136px;}
li#watches a:hover { background:url(images/main_nav_on.gif) no-repeat -375px center; width:136px;}

li#workshop { left:586px;background:none; width:139px;}
li#workshop a { background:url(images/main_nav.gif) no-repeat -511px center; width:145px; padding-right:6px;}
li#workshop a:hover { background:url(images/main_nav_on.gif) no-repeat -511px center; width:145px; padding-right:0px;}


/* ----------- sub nav ------------------- */

#nav_sub { width:768px; margin:0 auto; padding:0 16px;  height:31px; position:relative; left:16px;z-index: 100}
#nav_sub li { display:block; font-family:"Times New Roman", Times, serif; font-size:12px;  height:31px; padding:0px; 
line-height:.5em; position:absolute; top:0px; text-indent:-9999px;}
#nav_sub li a {display:block; height:31px;}



li#family { left:0; width:175px; background:url(images/sub_nav.gif) no-repeat 0px 0px;}
li#family a { width:175px;}
li#family a:hover {background:url(images/sub_nav.gif) no-repeat 0px -40px; width:175px;}

li#services_link { left:175px; width:86px; background:url(images/sub_nav.gif) no-repeat -175px 0px;}
li#services_link a { width:86px;}
li#services_link a:hover {background:url(images/sub_nav.gif) no-repeat -175px -40px; width:86px;}


li#buyersguide { left:261px; width:194px; background:url(images/sub_nav.gif) no-repeat -261px 0px;}
li#buyersguide a { width:194px;}
li#buyersguide a:hover {background:url(images/sub_nav.gif) no-repeat -261px -40px; width:194px;}

li#faq { left:455px; width:50px; background:url(images/sub_nav.gif) no-repeat -455px 0px;}
li#faq a { width:50px;}
li#faq a:hover {background:url(images/sub_nav.gif) no-repeat -455px -40px; width:50px;}

li#recentads { left:505px; width:107px; background:url(images/sub_nav.gif) no-repeat -505px 0px;}
li#recentads a { width:107px;}
li#recentads a:hover {background:url(images/sub_nav.gif) no-repeat -505px -40px; width:107px;}


li#contact { left:612px; width:88px; background:url(images/sub_nav.gif) no-repeat -612px 0px;}
li#contact a { width:88px;}
li#contact a:hover {background:url(images/sub_nav.gif) no-repeat -612px -40px; width:88px;}

li#home_link { left:700px; width:68px; background:url(images/sub_nav.gif) no-repeat -700px 0px;}
li#home_link a { width:68px;}
li#home_link a:hover {background:url(images/sub_nav.gif) no-repeat -700px -40px; width:68px;}



/* ----------- inside nav ------------------- */

#insidenav {float:right; background:url(images/insidenav_bkg.gif); font-family: Arial, Helvetica, sans-serif; 
padding:20px 0 20px 0px; font-size:11px; font-weight:bold; letter-spacing:.08em; margin:60px 10px 0 0 ;
 padding:15px 9px; width:191px; z-index:60;}

#insidenav.underhead { margin:230px 10px 0 0 ;}
ul#insidenav.goright { margin:130px 0px 0 0px; padding:0;}


#insidenav li { padding:1px 5px; list-style:none; line-height:1.25em;}
#insidenav li a { padding:6px 0px 6px 10px;display:block; color:#696969; text-decoration:none; }
#insidenav li a:hover {background:#cdbe91; color:#ffffff; }


/* ----------- site info nav ------------------- */

#site_info {text-align:center; margin:0; clear:both; font-family: "trebuchet ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#B0B0B0; }
#site_info a { color:#B0B0B0;}

#site_info-home {text-align:center; margin:0; clear:both; padding-top:80px;
font-family: "trebuchet ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#B0B0B0; }
#site_info-home a { color:#B0B0B0;}


/* ---------------------------------------------- Other styles --------------------------------------------------------- */


img.nofloat {float:none;}
#content img.left {float:left; margin-right:20px;  margin-left:0px; }

/* ----------------------------- Forms ----------------------------- */
label, label span {display:block; margin-right:.25em;padding-bottom:.25em;float:left; width:20%; text-align:right}
label span {float:left; width:30%; text-align:right; padding-right:10px}

#keep_event label {display:block; padding-bottom:.25em;float:left; width:40%;}
form {
  padding: 5px;
  margin: 5px 0;
  position:relative;
}

label.checkbox {width:55%}

/* fieldset styling */
fieldset {
  margin:  0 0 5px 0; 
  
/*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: normal;
}


/* style for  labels */


/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}

.margin-top {margin-top:5px !important;}
.floatLeft {float: left;}

input {
  width: 200px;
  padding: 4px;
  font-size: 1.3em;
  color: #333333;
  margin: 5px 0 5px 0;
  border: 1px solid #666666;
}


input.radio, input.submit, input.checkbox {
  width: auto;
  padding: 0;
  border: none;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #F3EFDE;
}

input.radio {
  margin-right: 0;float: left;
}

textarea {
  width:200px;
  height: 100px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

.hide {display:none;}

.sideAd {
	height: 271px;
	width: 220px;
	position: absolute;
	right: 27px;
	top: 232px;
	z-index:9999
}

.sideAd:hover {background:url(promotions/images/sideAd_on.png) no-repeat;}
.sideAd a {height: 100%; width: 100%; display: block; text-indent:-9999px; background:url(promotions/images/sideAd_off.png) no-repeat;}

hr {background: none; border: 1px solid #CDBE91; border-width: 0 0 1px 0; pading: 0; margin: 10px 0;}