/* You named this layer divider */
body  {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg.jpg);
	background-position: center top;	
}

#container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 958px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:1000px;
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
} 



#Layer-1 {
	position: absolute;
	left: +245px;
	top: 382px;
	width: 21px;
	height: 330px;
	z-index: 1;
}

/* You named this layer design */
#Layer-2 {
	position: absolute;
	left: +0px;
	top: 1073px;
	width: 957px;
	height: 120px;
	z-index: 2;
}

/* You named this layer footer */
#Layer-3 {
  position: absolute;
  left: +0px;
  top: +1215px;
  width: 958px;
  height: 50px;
  z-index: 3;
}

/* You named this layer FOOTER TEXT */
#Layer-4 {
	position: absolute;
	left: 24px;
	top: 11px;
	width: 741px;
	height: 31px;
	z-index: 4;
}

/* You named this layer about */
#Layer-5 {
	position: absolute;
	left: 13px;
	top: 1150px;
	width: 927px;
	height: 70px;
	z-index: 5;
}








/* You named this layer friend us */
#Layer-9 {
	position: absolute;
	left: +840px;
	top: 1280px;
	width: 118px;
	height: 148px;
	z-index: 9;
}

/* You named this layer box3 */
#Layer-10 {
	position: absolute;
	left: 722px;
	top: 557px;
	width: 222px;
	height: 345px;
	z-index: 10;
	background-image: url(../images/Layer-10.png);
}

/* You named this layer box2 */
#Layer-11 {
	position: absolute;
	left: 494px;
	top: 558px;
	width: 222px;
	height: 346px;
	z-index: 11;
	background-image: url(../images/Layer-11.png);
}

/* You named this layer 1 */
#Layer-12 {
	position: absolute;
	left: 650px;
	top: 16px;
	width: 222px;
	height: 118px;
	z-index: 20;
	background-image: url(../images/Layer-12.png);
	visibility: visible;
}

/* You named this layer main text */
#Layer-15 {
	position: absolute;
	left: 269px;
	top: 372px;
	width: 675px;
	height: 309px;
	z-index: 15;
}

/* You named this layer main image */
#nav {
	position: absolute;
	left: 277px;
	top: 102px;
	width: 680px;
	height: 33px;
	z-index: 35;
}

/* You named this layer main image */
#Layer-16 {
	position: absolute;
	left: +0px;
	top: 133px;
	width: 958px;
	height: 240px;
	z-index: 16;
}





/* You named this layer coupons */
#side_contact {
	position: absolute;
	left: 13px;
	top: 377px;
	width: 223px;
	height: 181px;
	z-index: 18;
}


/* You named this layer Layer 1 */
#Layer-19 {
	position: absolute;
	left: 0px;
	top: +0px;
	width: 958px;
	height: 134px;
	z-index: 31;
}

/* 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;
	text-decoration: none;	
}
a:link {
	
	color: #194E63;
}
a:visited {
	cursor: pointer;
	
}
a:hover {
	color: #666666;  /* text-decoration: underline; */
  /* font-weight: bold; */
}


a.side:link {
	color: #194E63;
	text-decoration: none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}
a.side:visited {
	color: #194E63;
	text-decoration: none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}
a.side:hover {
	color: #CCCCCC;  /* text-decoration: underline; */  /* font-weight: bold; */
}




.boxtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
.boxcopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}