/* *  psd2css.css * *  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 *  PSD file (like a template), you will share this CSS style sheet between the various *  pages. * *  This file was originally generated at http://psd2cssonline.com  *  April 2, 2009, 4:24 pm with psd2css Online version 1.36 * *//* You named this layer banner_center */#Layer-1 {  position: absolute;  margin-left: -475px;  left: 50%;  top: +0px;  width: 950px;  height: 741px;  z-index: 1;}/* You named this layer logo */#Layer-2 {  position: absolute;  left: 86px;  top: 75px;  width: 788px;  height: 135px;  z-index: 2;}/* You named this layer contact_text */#Layer-3 {	position: absolute;	left: 70px;	top: 600px;	width: 154px;	height: auto;	z-index: 3;	/* Here are some suggestions for this area's text settings */  text-align: left;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: small;	color: #FF0000;}/* You named this layer intro_text */#Layer-4 {	position: absolute;	left: 70px;	top: 247px;	width: 295px;	height: 296px;	z-index: 4;	/* Here are some suggestions for this area's text settings */  text-align: left;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: small;	color: #FF0000;}/* You named this layer copyright_text */#Layer-5 {	position: absolute;	left: 263px;	top: 634px;	width: auto;	height: auto;	z-index: 5;	/* Here are some suggestions for this area's text settings */  text-align: center;	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #FFFFCB;}/* You named this layer hws_text */#Layer-6 {	position: absolute;	left: 264px;	top: 692px;	width: 422px;	height: 26px;	z-index: 6;	/* Here are some suggestions for this area's text settings */  text-align: center;	/* If you don't want scroll bars when your content gets bigger than the space   * you designed for it, remove the following line.      */  overflow: auto;	font-family: "Times New Roman", Times, serif;	font-size: 12px;	color: #FFFFFF;}/* You named this layer gallery_link */#Layer-7 {  position: absolute;  left: 616px;  top: 500px;  width: 257px;  height: 41px;  z-index: 7;}/* You named this layer quote */#Layer-8 {  position: absolute;  left: 627px;  top: 253px;  width: 255px;  height: 223px;  z-index: 8;}/* You named this layer image1_link */#Layer-9 {  position: absolute;  left: 365px;  top: 304px;  width: 95px;  height: 201px;  z-index: 9;}/* You named this layer image2_link */#Layer-10 {  position: absolute;  left: 465px;  top: 220px;  width: 128px;  height: 181px;  z-index: 10;}/* You named this layer image3_link */#Layer-11 {  position: absolute;  left: 466px;  top: 401px;  width: 127px;  height: 162px;  z-index: 11;}/* 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; }a:link { color: #F88; }a:visited { color: #F88; }a:hover {  color: #F00;  /* text-decoration: underline; */  /* font-weight: bold; */}