/*
 *  z.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 23, 2009, 6:20 am with psd2css Online version 1.36
 *
 */

body{
	background:  url("images/z-1.jpg");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-repeat: repeat-x;
	color: #FFFFFF;
}
h1, h2, h3 {
}

h1 {
	font-size: 1.375em;
	line-height: 1.636em;
	margin: 0;
	color: #FFFFFF;
	margin-bottom: 0em;
	padding-bottom: 0.3em;
}

h2 {
	margin:1em 0;
	margin-bottom: 0em;
	text-transform: capitalize;
	color: #CAC88F;
	font-size: 1em;
	margin-top: -0.4em;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 1.05em;
	margin:1em 0;
	margin-bottom: 0em;
	text-transform: lowercase;
	margin-top: 1em;
	color: #FFFFFF;
}

/* You named this layer _center_bkgnd */
#z-2 {
	position: absolute;
	margin-left: -410.5px;
	left: 50%;
	top: 0px;
	width: 821px;
	height: 540px;
	z-index: 2;
	margin-top: 30px;
	background-color: #333333;
}

/* You named this layer footer_text */
#z-3 {
	position: absolute;
	left: 0px;
	top: 505px;
	width: 821px;
	height: 35px;
	z-index: 3;
	text-align: left;
	font-size: 0.5em;
	color: #999999;
	background-color: #000000;
}

/* You named this layer index_page_bkgnd_jpg */
#z-4 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 821px;
  height: 505px;
  z-index: 4;
  background-image:  url("images/z-4.jpg");
}

/* You named this layer menu_text */
#z-5 {
	position: absolute;
	left: 47px;
	top: 95px;
	width: 414px;
	height: 19px;
	z-index: 5;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.628em;
	color: #999999;
	vertical-align: middle;
	margin-top: 0.3em;
}

/* You named this layer services_page_bkgnd_jpg */
#z-6 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 821px;
  height: 505px;
  z-index: 6;
  background-image:  url(images/background2.jpg);
}

/* You named this layer services_empty */
#z-7 {
  position: absolute;
  left: 50px;
  top: 189px;
  width: 472px;
  height: 262px;
  z-index: 7;
}

/* You named this layer subtitle_text */
#z-8 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 472px;
	height: 23px;
	z-index: 8;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
}

/* You named this layer services_text */
#z-9 {
	position: absolute;
	left: 0px;
	top: 29px;
	width: 233px;
	height: 233px;
	z-index: 9;
	text-align: left;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	line-height: 140%;
}

/* You named this layer services2_text */
#z-10 {
	position: absolute;
	left: 239px;
	top: 29px;
	width: 233px;
	height: 233px;
	z-index: 10;
	text-align: left;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	line-height: 140%;
}

/* You named this layer submenu_text */
#z-11 {
  position: absolute;
  left: 44px;
  top: 149px;
  width: 478px;
  height: 19px;
  z-index: 11;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #999999;
}

/* You named this layer gallery_page_bkgnd_jpg */
#z-12 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 821px;
  height: 505px;
  z-index: 12;
  background-image:  url("images/background7.jpg");
}

/* You named this layer gallery_empty */
#z-13 {
	position: absolute;
	left: 45px;
	top: 180px;
	width: 478px;
	height: 300px;
	z-index: 13;
	overflow: auto;
}

/* You named this layer gallerysubtitle_text */
#z-14 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 472px;
  height: 23px;
  z-index: 14;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer gallery_text */
#z-15 {
  position: absolute;
  left: 0px;
  top: 26px;
  width: 470px;
  height: 263px;
  z-index: 15;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FFFFFF;
  --direction:rtl;
}
/* You named this layer newsletter_text */
#z-15a {
  position: absolute;
  left: 0px;
  top: 26px;
  width: 471px;
  height: 220px;
  z-index: 15;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FFFFFF;
  --direction:rtl;
}

/* You named this layer submenu_text */
#z-16 {
  position: absolute;
  left: 44px;
  top: 149px;
  width: 478px;
  height: 19px;
  z-index: 16;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer clients_page_bkgnd_jpg */
#z-17 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 821px;
  height: 505px;
  z-index: 17;
  background-image:  url("images/background5.jpg");
}

/* You named this layer clients_empty */
#z-18 {
  position: absolute;
  left: 50px;
  top: 189px;
  width: 472px;
  height: 262px;
  z-index: 18;
}

/* You named this layer clientssubtitle_text */
#z-19 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 472px;
  height: 23px;
  z-index: 19;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer clients_text */
#z-20 {
  position: absolute;
  left: 0px;
  top: 29px;
  width: 472px;
  height: 233px;
  z-index: 20;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer submenu_text */
#z-21 {
  position: absolute;
  left: 44px;
  top: 149px;
  width: 478px;
  height: 19px;
  z-index: 21;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer bio_page_bkgnd_jpg */
#z-22 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 821px;
  height: 505px;
  z-index: 22;
  background-image:  url("images/z-22.jpg");
}

/* You named this layer bio_empty */
#z-23 {
  position: absolute;
  left: 50px;
  top: 189px;
  width: 472px;
  height: 262px;
  z-index: 23;
}

/* You named this layer biosubtitle_text */
#z-24 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 472px;
  height: 23px;
  z-index: 24;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer biography_text */
#z-25 {
  position: absolute;
  left: 0px;
  top: 29px;
  width: 472px;
  height: 233px;
  z-index: 25;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer submenu_text */
#z-26 {
  position: absolute;
  left: 44px;
  top: 149px;
  width: 478px;
  height: 19px;
  z-index: 26;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer faqs_page_bkgnd_jpg */
#z-27 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 821px;
  height: 505px;
  z-index: 27;
  background-image:  url("images/z-27.jpg");
}

/* You named this layer faq_empty */
#z-28 {
  position: absolute;
  left: 50px;
  top: 189px;
  width: 472px;
  height: 262px;
  z-index: 28;
}

/* You named this layer faqsubtitle_text */
#z-29 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 472px;
  height: 23px;
  z-index: 29;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer faqs_text */
#z-30 {
  position: absolute;
  left: 0px;
  top: 29px;
  width: 472px;
  height: 233px;
  z-index: 30;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer submenu_text */
#z-31 {
  position: absolute;
  left: 44px;
  top: 149px;
  width: 478px;
  height: 19px;
  z-index: 31;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer contact_page_bkgnd_jpg */
#z-32 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 821px;
  height: 505px;
  z-index: 32;
  background-image:  url("images/background6.jpg");
}

/* You named this layer contact_empty */
#z-33 {
  position: absolute;
  left: 50px;
  top: 189px;
  width: 472px;
  height: 262px;
  z-index: 33;
}

/* You named this layer contactsubtitle_text */
#z-34 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 472px;
  height: 23px;
  z-index: 34;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer contact_text */
#z-35 {
  position: absolute;
  left: 0px;
  top: 29px;
  width: 472px;
  height: 233px;
  z-index: 35;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer submenu_text */
#z-36 {
  position: absolute;
  left: 44px;
  top: 149px;
  width: 478px;
  height: 19px;
  z-index: 36;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer join_page_bkgnd_jpg */
#z-37 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 821px;
  height: 505px;
  z-index: 37;
  background-image:  url(images/background1a.jpg);
}

/* You named this layer join_empty */
#z-38 {
  position: absolute;
  left: 50px;
  top: 189px;
  width: 472px;
  height: 262px;
  z-index: 38;
}

/* You named this layer joinsubtitle_text */
#z-39 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 472px;
  height: 23px;
  z-index: 39;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer join_text */
#z-40 {
  position: absolute;
  left: 0px;
  top: 29px;
  width: 472px;
  height: 233px;
  z-index: 40;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* You named this layer submenu_text */
#z-41 {
  position: absolute;
  left: 44px;
  top: 149px;
  width: 478px;
  height: 19px;
  z-index: 41;
}
#minipic {
	position: relative;
	top: 0px;
	height: 72px;
	z-index: 2;
	float: left;
/*  */
		background-color: #FFFFFF;
		padding: 3px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
}
#spacer {
	position: relative;
	clear: left;
	clear: rigth;
}



  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* 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: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FF0000;
}

/* 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;
	text-decoration: underline;
}
a:link { color: white; text-decoration: underline;}
a:visited { color: white; text-decoration: underline;}
a:hover {
	color: #C7BB7F;
	text-decoration: underline;
}
a.rtd: {color: #999999; text-decoration: none}
a.rtd:link {
	color: #999999;
	text-decoration: none;
}
a.rtd:visited {color: #999999; text-decoration: none}
a.rtd:hover {
	text-decoration: underline;
	color: #FFFFFF;}
	
	
	

