/*
 *  zdyl.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 
 *  May 5, 2009, 10:55 pm with psd2css Online version 1.36
 *
 */
/*	


* {
		margin:0;
		padding:0;
		}
*/ 
	html, body {
		height:100%;
		}
		
body{
	background:  url("images/silkrepeatdark.jpg");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 70%;
	background-color: #000000;
		/* text-align:center; horizontal centering for IE Win quirks */
}
h1, h2, h3 {
}

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

h2 {
	color: #ff6b00;
	font-size: 160%;
	font-weight: normal;
}
h3 {
	color: #ff6b00;
	font-size: 130%;
	font-weight: normal;
	text-transform: lowercase;
	margin-bottom: -.9em;
	line-height: 1em;
}
h4 {
	color: #ff6b00;
	font-size: 130%;
	font-weight: normal;
	margin-bottom: -.9em;
	line-height: 1em;
}
h5 {
	color: #ff6b00;
	font-size: 110%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: -0.4em;
}
h5.white {
	color: #FFFFFF;
	font-size: 110%;
	font-weight: normal;
	margin-bottom: -0.7em;
	margin-top: -1em;
	font-family: Arial, Helvetica, sans-serif;
}

h6 {
	color: #FFFFFF;
	font-size: 1.25em;
	font-weight: normal;
	margin-bottom: -1em;
}
p {
	color: #FFFFFF;
	font-size: 1em;
	line-height: 1.5em;
}
p + p { }
hr {
	border: 0;
	width: 80%;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
	text-align: left;
	margin-top: -0.5em;
}

/* this is to vertically center the home page */
	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-322px; /* half of container's height */
		float:left;
		}
#zdyl-2index {
/*   position: relative;
  margin-left: -528px;
  left: 50%;
  clear:left;
  width: 1056px;
  height: 584px;
  z-index: 2;*/
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
	  width: 1056px;
	height:584px;
		clear:left;
}
		
		
		
/* You named this layer wrapper_empty_center */
#zdyl-2 {
  position: absolute;
  margin-left: -528px;
  left: 50%;
  top: -10px;
  width: 1056px;
  height: 795px;
  z-index: 2;
}

#zdyl-2indexOLD {
  position: absolute;
  margin-left: -528px;
  left: 50%;
  top: 0px;
  width: 1056px;
  height: 584px;
  z-index: 2;
}

/* You named this layer mainbkd_bkgnd */
#zdyl-3 {
  position: absolute;
  left: 36px;
  top: 11px;
  width: 984px;
  height: 733px;
  z-index: 3;
}
#zdyl-3index {
  position: absolute;
  left: 36px;
  top: 11px;
  width: 984px;
  height: 544px;
  z-index: 3;
}

/* You named this layer main_empty */
#zdyl-4 {
  position: absolute;
  left: 14px;
  top: 14px;
  width: 956px;
  height: 705px;
  z-index: 4;
}
#zdyl-4index {
  position: absolute;
  left: 14px;
  top: 14px;
  width: 956px;
  height: 524px;
  z-index: 4;
}

/* You named this layer footer_empty */
#zdyl-5 {
	position: absolute;
	left: 50px;
	top: 734px;
	width: 956px;
	height: 22px;
	z-index: 5;
	text-align: right;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}
#zdyl-5index {
	position: absolute;
	left: 50px;
	top: 553px;
	width: 956px;
	height: 18px;
	z-index: 5;
	text-align: right;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}

/* You named this layer body_text */
#zdyl-text-brand {
	position: absolute;
	left: 266px;
	top: 206px;
	width: 617px;
	height: 311px;
	z-index: 6;
	text-align: left;
	overflow: auto;
	padding-top: 40px;
	padding-right: 10px;
}
#zdyl-text-video {
	position: absolute;
	left: 267px;
	top: 189px;
	width: 617px;
	height: 322px;
	z-index: 6;
	text-align: left;
	overflow: hidden;
	padding-top: 40px;
	padding-right: 10px;
}
#zdyl-brand-image {
	width: 78px;
	height: 105px;
	float: left;
	background-image:  url("images/antonio.jpg");
	margin-right: 15px;
	margin-top: -17px;
}
#zdyl-brand-imagetext {
	float: left;
	margin-right: 15px;
	clear: both;
	position: relative;	
	/* */
	width: 585px;
	height: 105px;
	margin-top: 5px;
}

#zdyl-text-lifestyle {
	position: absolute;
	left: 268px;
	top: 185px;
	width: 617px;
	height: 238px;
	z-index: 17;
	text-align: left;
	overflow: auto;
	margin-top: 100px;
}
#zdyl-lifestyle-buttons {
	position: absolute;
	left: 264px;
	top: 429px;
	width: 623px;
	height: 108px;
	z-index: 17;
	text-align: left;
	margin-top: 100px;
}
#zdyl-text-passiontalks {
	position: absolute;
	left: 268px;
	top: 118px;
	width: 617px;
	height: 309px;
	z-index: 17;
	text-align: left;
	overflow: auto;
	margin-top: 100px;
	padding-right: 10px;
}
#zdyl-passiontalksalumni {
	position: absolute;
	left: 470px;
	top: 461px;
	width: 409px;
	height: 98px;
	z-index: 17;
	text-align: left;
	margin-top: 100px;
}
#zdyl-passiontalksbutton {
	position: absolute;
	left: 267px;
	top: 450px;
	width: 189px;
	height: 56px;
	z-index: 17;
	text-align: left;
	margin-top: 100px;
}

#zdyl-friendinvite {
	position: absolute;
	left: 265px;
	top: 520px;
	width: 300px;
	height: 56px;
	z-index: 17;
	text-align: left;
	margin-top: 100px;
}

#zdyl-gifenightbutton {
	position: absolute;
	left: 267px;
	top: 462px;
	width: 189px;
	height: 56px;
	z-index: 17;
	text-align: left;
	margin-top: 100px;
}

#zdyl-text-passionlabs {
	position: absolute;
	left: 265px;
	top: 118px;
	width: 617px;
	height: 317px;
	z-index: 17;
	text-align: left;
	overflow: auto;
	margin-top: 100px;
	padding-right: 10px;
}
#zdyl-text-gifenight {
	position: absolute;
	left: 265px;
	top: 112px;
	width: 617px;
	height: 317px;
	z-index: 17;
	text-align: left;
	overflow: auto;
	margin-top: 100px;
	padding-right: 10px;
}
#zdyl-text-gifenight2 {
	position: absolute;
	left: 254px;
	top: 104px;
	width: 656px;
	height: 466px;
	z-index: 17;
	text-align: left;
	overflow: auto;
	margin-top: 100px;
	padding-right: 10px;
}
#gifenight-imagebkd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 644px;
	height: 450px;
	z-index: 17;
	text-align: left;
	overflow: auto;
	background-image: url(images/gifenight_bkd.jpg);
	background-repeat: no-repeat;
}
#gifenight-imagetext {
	position: absolute;
	left: 243px;
	top: 628px;
	width: 669px;
	height: 35px;
	z-index: 17;
	text-align: left;
}
#gifenight-purchase {
	position: absolute;
	left: 24px;
	top: 505px;
	width: 206px;
	height: 138px;
	z-index: 17;
	text-align: left;
}
#gifenight-social {
	position: absolute;
	left: 3px;
	top: 646px;
	width: 109px;
	height: 42px;
	z-index: 17;
	text-align: left;
}
#zdyl-gifenight-inset {
	position: relative;
	left: 2px;
	clear: both;
	position: relative;
	width: 545px;
	margin-top: 5px;
	padding-bottom: 3px;	
}
#zdyl-left {
	position: relative;
	float: left;
	width: 270px;
	text-align: left;
	line-height: 1.4em;
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}

#zdyl-gifenighttext {
	position: relative;
	float: left;
	left: 10px;
	width: 300px;
	text-align: left;
	line-height: 1.4em;
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}


#zdyl-text-reservations {
	position: absolute;
	left: 265px;
	top: 118px;
	width: 617px;
	height: 368px;
	z-index: 17;
	text-align: left;
	overflow: auto;
	margin-top: 100px;
	padding-right: 10px;
}

#zdyl-text-community {
	position: absolute;
	left: 266px;
	top: 206px;
	width: 617px;
	height: 301px;
	z-index: 6;
	text-align: left;
	overflow: auto;
	padding-top: 40px;
	padding-right: 10px;
}
#zdyl-text-buzz {
	position: absolute;
	left: 265px;
	top: 124px;
	width: 617px;
	height: 306px;
	z-index: 12;
	text-align: left;
	overflow: auto;
	margin-top: 90px;
	padding-top: 40px;
	padding-right: 10px;
}
#zdyl-text-contact {
	position: absolute;
	left: 590px;
	top: 173px;
	width: 292px;
	height: 428px;
	z-index: 12;
	text-align: left;
	overflow: auto;
	margin-top: 70px;
}

/* You named this layer submenu_bkgnd_jpg */
#zdyl-7 {
  position: absolute;
  left: 32px;
  top: 270px;
  width: 136px;
	z-index: 7;
	background-color: #3D3D3D;
	padding-top: 15px;
	padding-bottom: 20px;
}
#zdyl-7left {
	width: 36px;
	float: left;
	text-align: right;
	line-height: 1.4em;
}
#zdyl-7right {
	width: 100px;
	float: left;
	padding-bottom: 3px;
	line-height: 1.4em;
	text-align: left;
}

/* You named this layer menu_empty */
#zdyl-8 {
  position: absolute;
  left: 1px;
  top: 147px;
  width: 954px;
  height: 21px;
  z-index: 8;
}

#zdyl-8index {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 954px;
  height: 21px;
  z-index: 8;
}

#menubullet {
	width: 26px;
	height: 5px;
	z-index: 8;
	float: left;
	margin-top: 9px;
}
#menutext {
	float: left;
}

/* You named this layer index_link_jpg */
#zdyl-9 {
  position: absolute;
  left: 390px;
  top: 10px;
  width: 177px;
  height: 126px;
  z-index: 9;
}

#zdyl-mainmenuleft {
	position: absolute;
	left: 12px;
	width: 700px;
	height: 21px;
	z-index: 32;
}
#zdyl-mainmenuright {
	width: 200px;
	height: 21px;
	z-index: 32;
	float: right;
	text-align: right;
	padding-right: 15px;
}
#image-intro {
  position: absolute;
  left: 851px;
  top: 353px;
	width: 98px;
	text-align: left;
	height: 55px;
}

#video-intro {
	position: absolute;
	left: 360px;
	top: 124px;
	width: 480px;
	height: 270px;
	overflow: hidden;
}



/* 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: #CCCCCC; }
a:visited { color: #FFFFFF; }
a:hover {
  color: #FFFFFF;
}
a.orange { cursor: pointer; text-decoration: underline; color: #ff6b00;}
a.orange:link {
	color: #ff6b00;
}
a.orange:visited { color: #ff6b00; }
a.orange:hover {
  color: #ff6b00;
}
a.gold { cursor: pointer; text-decoration: underline; color: #ffc000;}
a.gold:link {
	color: #ffc000;
}
a.gold:visited { color: #ffc000; }
a.gold:hover {
  color: #ffc000;
}
a.whitetext {
	cursor: pointer;
	text-decoration: underline;
	color: #FFFFFF;
}
a.whitetext:link { color: #FFFFFF; }
a.whitetext:visited { color: #FFFFFF; }
a.whitetext:hover { color: #CCCCCC;
}
a.rtd{color: #FFFFFF; text-decoration: none;}
a.rtd:link {color: #FFFFFF; text-decoration: none;}
a.rtd:visited {color: #FFFFFF; text-decoration: none;}
a.rtd:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a.submenu {
	cursor: pointer;
	text-decoration: none;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.submenu:link {color: #FFFFFF; text-decoration: none}
a.submenu:visited {color: #FFFFFF; text-decoration: none}
a.submenu:hover {
	text-decoration: none;
	color: #ff6b00;
}
a.mainmenu {
	cursor: pointer;
	text-decoration: none;
	font-size: 92%;
	line-height: 1.8em;
	letter-spacing: 1px;
	vertical-align: middle;
}
a.mainmenu:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.mainmenu:visited {color: #FFFFFF; text-decoration: none}
a.mainmenu:hover {
	text-decoration: none;
	color: #ff6b00;
}
a.mainmenuorange {
	cursor: pointer;
	text-decoration: none;
	font-size: 92%;
	line-height: 1.8em;
	letter-spacing: 1px;
	vertical-align: middle;
}
a.mainmenuorange:link {
	color: #ff6b00;
	text-decoration: none;
}
a.mainmenuorange:visited {color: #ff6b00; text-decoration: none}
a.mainmenuorange:hover {
	text-decoration: none;
	color: #FFFFFF;
}