/*
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *
 */
 
 
 body{
 	background-color: #f6e9d6;
 	font-family:Arial, Helvetica, sans-serif;
 	text-align:center;
 }
 
 #wrapper { 
 width:1000px; 
 margin: 0 auto; 
 position:relative; 
 } 
 
 img {
 	border:none;
 }

/*  Background */
#Layer-1 {
  width: 981px;
  height: 1140px;
  z-index: 1;

}

/*  2009 Discover Rochester Magazine -normally this would be a footer area */
#Layer-2 {
  position: absolute;
  left: 37px;
  top: 1086px;
  width: 934px;
  height: 52px;
  z-index: 2;
   background-image: url(images/Layer-2.png); 	
   color:#000000;
   font-size:12px;
   text-align:left;
}
#Layer-2 p{
	margin-left: 20px;
}


/*  Bottom-Menu-bg */
#Layer-3 {
  position: absolute;
  left: 25px;
  top: 988px;
  width: 947px;
  height: 99px;
  z-index: 3;
}


#Layer-4 {
position: absolute;
  left: 24px;
  top: 36px;
width: 787px;
  height: 952px;
  z-index: 1;
background-image: url(images/Layer-4.png);
}
/*  slideshow-bg */

#slideshow-wrap{
  position: absolute;
 top: 800px;
  left: 145px;
z-index:25;
width:590px;
}


/*  right-menu-bg */
#Layer-5 {
  position: absolute;
  left: 552px;
  top: 26px;
  width: 420px;
  height: 790px;
  z-index: 5;
   background-image: url(images/Layer-5.png);
}

/*  discover-rochester-bg */
#Layer-6 {
  position: absolute;
  left: 27px;
  top: 30px;
  width: 525px;
  height: 786px;
  z-index: 6;
  background-image: url(images/Layer-6.png);
}

/*  Follow-Us-bg */
#Layer-7 {
  position: absolute;
 left: 25px;
 top: 815px;
  width: 152px;
  height: 172px;
  z-index: 7;
   background-image: url(images/Layer-7.png);
}

/*  Media-Partners-bg */
#Layer-8 {
  position: absolute;
  left: 811px;
  top: 814px;
  width: 160px;
  height: 172px;
  z-index: 8;
  background-image: url(images/Layer-8.png);
}

/*  Twitter */
#Layer-9 {
  position: absolute;
  left: 20px;
  top: 107px;
  width: 112px;
  height: 49px;
  z-index: 9;
}

/*  Facebook */
#Layer-10 {
  position: absolute;
  left: 20px;
  top: 61px;
  width: 112px;
  height: 44px;
  z-index: 10;
}

/*  Healthy Living */
#Layer-11 {
  position: absolute;
  left: 3px;
  top: 64px;
  width: 138px;
  height: 95px;
  z-index: 11;
}

/*  Contact */
#Layer-12 {
  position: absolute;
  left: 806px;
  top: 20px;
  width: 105px;
  height: 39px;
  z-index: 12;
}

/*  Subscriptions */
#Layer-13 {
  position: absolute;
  left: 27px;
  top: 11px;
  width: 159px;
  height: 71px;
  z-index: 13;
}

/*  Advertise */
#Layer-14 {
  position: absolute;
  left: 283px;
  top: 12px;
  width: 130px;
  height: 48px;
  z-index: 14;
}

/*  Creative Team */
#Layer-15 {
  position: absolute;
  left: 512px;
  top: 18px;
  width: 194px;
  height: 41px;
  z-index: 15;
}

/*  Triangle */
#Layer-16 {
  position: absolute;
  left: 56px;
  top: 603px;
  width: 408px;
  height: 130px;
  z-index: 16;
}

/*  Cover */
#Layer-17 {
  position: absolute;
  left: 53px;
  top: 43px;
  width: 413px;
  height: 551px;
  z-index: 17;
}

/*  wine */
#Layer-18 {
  position: absolute;
  left: 66px;
  top: 658px;
  width: 278px;
  height: 81px;
  z-index: 18;
}

/*  sports */
#Layer-19 {
  position: absolute;
  left: 66px;
  top: 557px;
  width: 278px;
  height: 81px;
  z-index: 19;
}

/*  night life */
#Layer-20 {
  position: absolute;
  left: 66px;
  top: 460px;
  width: 278px;
  height: 77px;
  z-index: 20;
}

/*  events */
#Layer-21 {
  position: absolute;
  left: 66px;
  top: 355px;
  width: 278px;
  height: 81px;
  z-index: 21;
}

/*  dr */
#Layer-22 {
  position: absolute;
  left: 66px;
  top: 253px;
  width: 278px;
  height: 81px;
  z-index: 22;
}

/*  culinary */
#Layer-23 {
  position: absolute;
  left: 66px;
  top: 152px;
  width: 278px;
  height: 81px;
  z-index: 23;
}

/*  arts culture */
#Layer-24 {
  position: absolute;
  left: 66px;
  top: 51px;
  width: 278px;
  height: 81px;
  z-index: 24;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link { color: #8b4513; text-decoration: none;}
a:visited {color: #8b4513; text-decoration: none; }
a:hover {
text-decoration: underline;
}