@import url(scrollstyles.css);


* { margin:0px; padding:0px }

body {
	background: #9C8C6B url(../images/ganem-bodyBG-2.jpg) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

embed, object {margin: 0; padding: 0;}

.slideshow{
	width: 409px;
	margin: auto;
	background:url(../images/center_back.jpg) no-repeat;
}

.slideshow_top{
	width: 409px;
	margin: auto;
	background:url(../images/top_back.jpg) no-repeat;
	height:10px;
}

.slideshow_bottom{
	width: 409px;
	margin: auto;
	background:url(../images/bottom_back.jpg) no-repeat;
	height:10px;
}

#bottomBoxes {
	overflow: hidden;
}

p {padding-bottom: 15px;}

p.brown {color: #bba067;}

a {color: #c4a163;}

a:hover {color: #FFFFFF;}

.emailField {
  background: #322014;
  border: 1px solid #372A1C;
  font-size: 14px;
  color: #6C5E4A;
  height: 28px;
  padding: 0 0px 0px 5px;
  margin: 10px 0 4px;
  width:190px;
  line-height:28px;
  
  -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
          border-radius: 5px; 
   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

.sendButton {
  background: none;
  border: 0;
  color:#ac925e;
  font-size: 12px;
}

.sendButton:hover { color:#fff }

h1 {
	font-size: 18px;
	color: #ffffff;
}

h2 {
	font-size: 15px;
	color: #ffffff;
}

input.sendButton {
	height: 24px;
	padding: 6px 1px 0;
	cursor: pointer;
}

.clear {
	clear: both;
	height: 0px;
}



/* ================= Layout Styles ================= */

#wrapper {
	background: transparent url(../images/ganem-footerBG.jpg) repeat-x left bottom;
	margin: 0 auto;
	
}

#container {
	width: 958px;
	margin-right: auto;
	margin-left: auto;
}

#bottom-main {
	background: transparent url(../images/ganem-outerFooter.jpg) no-repeat center bottom;
	height: 42px;
  margin:0 0 8px;
}

#main {
	clear: both;
	margin-top: 8px;
	background: #231008 url(../images/ganem-mainBG-top.gif) no-repeat left top;
	height: auto;
	width: 933px;
	padding: 12px 12px 0 13px;
	overflow: hidden;
}

#left {
	width: 591px;
	float: left;
}

#leftContainer {
	background: url(../images/ganem-leftContainerBG.jpg) no-repeat left top;
	padding: 18px 10px 1px 1px;
}

.news #leftContainer {padding: 0px 0px 1px 0px;}

#newsLeft {
	padding-left: 25px;
	/*
	float: left;
	width: 277px;
	*/s
}

#press {
	overflow: auto;
	padding-right: 20px;
	padding-top: 5px;
	/*
	width: 257px;
	*/
}

#press span {color: #bba067;}

#press a {
	display: block;
	float: left;
}

#publications {
	text-align: center;
	overflow: auto;
	padding-top: 15px;
	width: 277px;
}

#newsRight {
	float: left;
	width: 277px;
}

#contactLeft {

	float: left;

	width: 234px;

	text-align: center;

	padding-right: 30px;

	padding-left: 25px;

}

#contactRight {

	width: 237px;

	float: left;

	text-align: center;

	padding-right: 35px;

	padding-left: 30px;

}

#content {

	padding-left: 17px;

	padding-right: 10px;

	overflow: auto;

	width: 560px;

}





.leftImage, .rightImage {

	background: #160903 url(../images/ganem-imageBG.gif) no-repeat left bottom;

	width: 239px;

	float: left;

	margin-right: 15px;

	margin-bottom: 10px;

	text-align: center;

	color: #be9b5e;

	padding-bottom: 10px;

}

.rightImage {

	float: right;

	margin-right: 0px;

	margin-left: 15px;

}

.leftImage div, .rightImage div  {
	background: url(../images/ganem-imageTopBG.gif) no-repeat left top;
	padding-top: 4px;	
}

.leftImage img, .rightImage img {padding-bottom: 5px;}

#logos {
	float: left;
	width: 168px;
  margin:0;
  padding:25px 0 0;
  list-style:none;
  background:url(../images/logos-bg.png) no-repeat;
}

#logos a { display:block; width:168px; height:57px; text-indent:-9999px }
#logos a:hover { background-position:right 0 }


/* = Jewelry Logos ==== */

#thibaudeau   { background:url(../images/thibaudeau.png) }
#simong       { background:url(../images/simong.png) }
#ritani       { background:url(../images/ritani.png) }
#conway       { background:url(../images/conway.png) }
#honora       { background:url(../images/honora.png) }
#scottkay     { background:url(../images/scottkay.png) }
#precisionset { background:url(../images/precisionset.png) }
#towvany      { background:url(../images/towvany.png) }
#nightrider   { background:url(../images/nightrider.png) }
#coastdiamond { background:url(../images/coastdiamond.png) }
#bellarri     { background:url(../images/bellarri.png) }
#bizzotto     { background:url(../images/bizzotto.png) }
#ladyheart    { background:url(../images/ladyheart.png) }
#breuning     { background:url(../images/breuning.png) }


/* = Timepiece Logos ==== */

#cartier      { background:url(../images/cartier.png) }
#tagheuer     { background:url(../images/tagheuer.png) }
#zenith       { background:url(../images/zenith.png) }
#breitling    { background:url(../images/breitling.png) }
#tissot       { background:url(../images/tissot.png) }
#baumemercier { background:url(../images/baumemercier.png) }
#michele      { background:url(../images/michele.png) }
#twsteel      { background:url(../images/twsteel.png) }
#montblanc    { background:url(../images/montblanc.png) }
#luminox      { background:url(../images/luminox.png) }

#bigImage {
	float: left;
	width: 423px;
	position: relative;
}

.timepiecesBody #bigImage p, .jewelryBody #bigImage p {
	position: absolute;
	left: 0px;
	top: 365px;
	width: 353px;
	text-align: center;
	padding-right: 25px;
	padding-left: 45px;
}

.jewelryBody #bigImage p {
	left: 0px;
	top: 195px;
	width: 199px;
	padding: 0px 203px 0px 22px;
	color: #c61e70;
	font-family: "Times New Roman", Times, serif;
}

.box-top {
  display:block;
  height:27px;
  margin:0 0 80px;
  text-indent:-9999px
}

.timePieces a { color: #FFFFFF; font-size: 10px; padding:0 0 0 20px }
.timePieces a:hover { text-decoration:none }

.timePieces #timepieces-top { width:294px; background:transparent; padding:0; }
.timePieces #timepieces-top:hover { background:url(../images/timepieces-hover.jpg) }

.timePieces {
	float: left;
	width: 294px;
  height: 189px;
  margin:0 1px 0 0;
	background: url(../images/timepieces-box.jpg) no-repeat left top;
	font-size: 11px;
	padding: 0;
}

.jewelry a { color: #FFFFFF; font-size: 10px; padding:0 0 0 20px }
.jewelry a:hover{ text-decoration:none }

.jewelry #jewelry-top { width:295px; background:transparent; padding:0; }
.jewelry #jewelry-top:hover { background:url(../images/jewelry-hover.jpg) }

.jewelry {
	width: 295px;
	height: 189px;
	margin:0 0 0 1px;
  float: left;
  font-size: 10px;
  background: url(../images/jewelry-box.jpg) no-repeat left top;
}

#right {
	float: left;
	width: 329px;
	margin-left: 12px;
}

#rightTop {
	background: url(../images/ganem-rightTopBG.png) no-repeat left top;
	width: 327px;
	padding: 1px;
	margin-bottom: 5px;
}

#newsletter { padding: 0px 16px 10px; }

#newsletter p { padding: 0px 5px 5px 15px; }

#newsletter form { padding-left: 35px; }

#newsletter td { padding-right: 6px; }

#inventoryBox {
	background: url(../images/ganem-inventoryBox.jpg) no-repeat left top;
	height: 72px;
	width: 327px;
	text-align: center;
	padding-top: 7px;
	color: #bba067;
}

#inventoryBox img {padding-bottom: 5px;}

#upcomingEvents { font-size: 12px; padding: 0px 3px 0px 16px; }

#eventsList {
	height: 125px;
	overflow: auto;
	padding-top: 10px;
	font-size: 11px;
	margin-bottom: 5px;
}

#eventsList p { padding-bottom:15px; }

#eventsList span { color:#bba067; }

#featured {
	background: url(../images/ganem-featuredBG2.jpg) no-repeat left top;
	height: 80px;
	width: 137px;
	padding: 95px 15px 0px 185px;
  text-align:center;
}

#featured a {
  color:#fff;
  text-decoration:none;
}

#featured a:hover { text-decoration:underline }


/* =============== Header & Footer ======== */

#header { height: 130px; width: 100%; margin: 0 auto;}

#outer-footer { padding: 5px 0 15px; }

.location {
  overflow: hidden;
  width: 449px;
  height: 123px;
  float: left;
  margin: 36px 15px 0;
}

.info { float:left; color:#ac925e; font-size:10px }

.location h4 {
  width: 120px;
  height:85px;
  margin:0 20px 0 0;
  float: left;
  padding: 20px 0 0;
  font-family: georgia;
  font-size: 14px;
  font-weight: normal;
  background:url(../images/location-vert-border.png) right 0 no-repeat;
}

.location p {
  font-family: serif;
  color: #ac925e;
  font-size: 9px;
  line-height: 11px;
}

.address {
  padding: 0 0 10px;
  border-bottom: 1px solid #41261B;
  margin: 0 0 10px;
}

.map {
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 13px;
  background: url(../images/view-map.png) 0 2px no-repeat;
  line-height: 30px;
}

.map:hover { text-decoration:underline }


/* ================== Nav Styles ================== */

#navMenu {
	float: right;
	padding-right: 41px;
	padding-top: 57px;
  overflow:hidden;
}

#navMenu ul { list-style:none; }

#navMenu li { float:left }

#navMenu a {
  display:block;
  margin:0 20px;
  text-align:center;
  font-family:'Times New Roman', serif;
  font-size:12px;
  text-decoration:none;
  color:#fff;
  text-transform:uppercase;
}

#navMenu a:hover { color:#e6bf76; text-shadow:0 0 10px #fff }

#slides { height:350px;padding-bottom:6px; }

#slide-buttons {
  position: absolute;
  z-index: 100;
  height: 29px;
  padding: 2px 10px 0;
  background: url(../images/slider-buttons-bg.png);
  width: 571px;
  margin: 320px 0 0;
}

#slide-buttons a {
  display:block;
  height:8px;
  width:23px;
  margin:10px 0 0;
  text-indent:-9999px;
}

#prev { float:left; background: url(../images/arrows.png) 0 0 }
#next { float:right; background: url(../images/arrows.png) right 0 }

#social-buttons {
  width:128px;
  height:20px;
  margin:10px 40px 0 370px;
  background:url(../images/social-bg.jpg) right bottom no-repeat;
}

#social-buttons a { display:block; text-indent:-9999px; float:left }

#fb { width:63px; height:13px; background:url(../images/facebook.jpg) left 0; }
#fb:hover { background:url(../images/facebook.jpg) right 0; }

#twt { width:55px; height:11px; margin:2px 0 0; background:url(../images/twitter.jpg) left 0; }
#twt:hover { background:url(../images/twitter.jpg) right 0; }