@charset "UTF-8";
/* CSS Document */


/*--- Global Style ---*/

*, html {margin: 0; padding: 0;}

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:auto;
	}

a {border:none;}

a:link, a:visited {
	color:#777;
	font-size:13px; 
	font-family:"Times New Roman"; 
	text-decoration:none;
	font-weight:bold;
	padding:5px;
	vertical-align:top;
	}
	
a:hover, a:active {color:#666633;}

em {font: 28px "Times New Roman"; color:#000066; font-style:oblique;}

h1 {text-align:center; font:bold 24px "Times New Roman"; color:#666633; font-style:oblique;}

hr {border-bottom:1px solid #ccc; border-top:0; border-left:0; border-right:0; margin:5px 0;}

li {list-style:none; margin:20px;}

p {font-size: 12px; font-family:Georgia; color:#333; margin:5px auto;}

small {font-style:italic;}

span {color:#777;}



/*--- Begin Layout Elements ---*/

#envelope {
    position:relative;
	top:0;
	left:0;
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
	margin:0 auto;
	z-index:2;
	}
	
/*--- Header ---*/

#header {
	position:relative;
	top:15px;
	width:90%;
	min-width:800px;
	margin:0 auto;
	border-bottom:2px solid #666633;
	overflow:hidden;
	z-index:3;
	}

/*--- logo ---*/
	
.logo {
	float:left; 
	width:393px;
	height:54px; 
	margin:5px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.wi-design.com/dev/deysplaza_dev/images/logo.png');
	}
	
.logo[class] {background-image:url(http://www.wi-design.com/dev/deysplaza_dev/images/logo.png);}
.logo a{display:block; width:393px; height:54px; font-size:0; text-indent:-1000em;}

	

/*--- Navigation ---*/

#nav {margin-top:25px;float:right;line-height:20px;}
	
#nav ul {margin:0;padding:0;}

#nav ul li {
	float:left;
	list-style:none;
	padding:0 10px;
	margin:auto;
	}
	
a.nav:link, a.nav:visited {
	color: #fff;
	font-weight: normal;
	font-family:"Times New Roman";
	font-size: 18px;
   	text-decoration: none;
  	}
	
a.nav:hover, a.nav:active {color:#666633;}

a.nav_active:link, a.nav_active:visited  {
	color:#666633;
	font-weight: normal;
	font-family:"Times New Roman";
	font-size: 18px;
   	text-decoration: none;
	}
	
a.nav_active:hover, a.nav_active:active {color:#666633;}

/*--- End Header ---*/

/*--- Begin Content ---*/	

#content {
	width:300px;
	min-height:100px;
	padding:20px;
	margin-top:50px;
	margin-left:5%;
	background-color:#fff;
	background-color:rgba(255,255,255,.8);
	z-index:3;
	overflow:hidden;
	}

.expand, .close {
	position:relative;
	display:block;
	cursor:pointer;
	float:right;
	bottom:0;
	
	color:#777;
	font-size:12px;
	}
	
.close {display:none;}
	
#read_more {display:none;}
.note {font-size:10px; font-style:italic;}
.note a {font-size:10px; padding:0;}
	

/*--- About Us ---*/
	
.biography {display:none;}
.biography img, .architects img {border:1px solid #333;}
.biography p, .architects p {font: 12px Georgia, Serif; margin-top: 10px;}
.biography ul {margin:5px 15px;}
.biography li {font: 12px Georgia, Serif; list-style:disc; margin:3px;}

/*--- Units ---*/

.thumbs ul { 
	list-style: none;
	margin-top:5px;
	}
	
.thumbs ul li { 
	display: block;
	height:80px;
	width:50px;
	float:left;
	margin:5px;
	}
	
.thumbs ul li span {display:block; width:50px; text-align:center; color:#000; margin:0 auto;}
.thumbs ul img {border: 1px solid #000;}
.thumbs a {display:block; width:51px; height:66px; background-color:#000; padding:0; margin:0;}
.thumbs ul a:hover img {filter:alpha(opacity=50); opacity: 0.5;}

div.units_footer {clear:both; text-align:center;}
div.units_footer li a {color:#666633;}
div.units_footer li a:hover {text-decoration:underline;}

div.units_footer ul {padding-top:10px;}
div.units_footer ul li {margin:5px 0; padding:0;}

/*-- Subnav ---*/

.subnav {text-align:center; margin-bottom:20px;}

a.subnav:link, a.subnav:visited {
	color:#666633; 
	font-size:13px;
	font-family:"Times New Roman";
	font-weight:bold; 
	text-decoration:none;
	}
	
a.subnav:hover, a.subnav:active {text-decoration:underline;}

a.subnav_active:link, a.subnav_active:visited {
	color:#666633; 
	font-size:13px;
	font-family:"Times New Roman";
	font-weight:bold; 
	text-decoration:underline;
	}
	
a.subnav_active:hover, a.subnav_active:active {text-decoration:underline;}

/*--- Gallery ---*/

.gallery { 
	list-style: none;
	margin:20px 0;
	}
	
.gallery li { 
	display: block;
	float:left;
	width:100px;
	margin-top:5px;
	margin-bottom:5px;
	}
	
.gallery li img { border:1px solid #000; }
.gallery li a {display:block; width:127px; background-color:#000; padding:0; margin:0;}
.gallery li a:hover img {filter:alpha(opacity=70); opacity: 0.7;}
	
/*-- Contact Us Form ---*/

label {display:block; width:300px; padding:5px 0 5px 0; margin:0 auto; font:12px Georgia;}

input, textarea {background-color:#FFFFCC;}
input[type=submit] {background-color:#ccc; cursor:pointer; padding:2px; margin-top:5px;}

/*-- Administration Section ---*/

form#login {
	width:400px;
	font-family:Georgia;
	padding:20px;
	margin-top:50px;
	margin-left:5%;
	background-color:#fff;
	z-index:3;
	overflow:hidden;
	}

form#login fieldset {border: none; margin-bottom: 10px;}
form#login fieldset span {color:#ff0000; font-size:12px; font-style:italic;}
form#login fieldset:last-of-type {margin-bottom:0;}
form#login legend {color: #666633; font:bold 16px; padding-bottom: 10px; text-shadow: 0 1px 1px #c0d576;}
form#login ol li {
	background: #efecec; 
	background: rgba(204,204,204,.3); 
	border-color: #999;
	border-color: rgba(153,153,153,.6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
	}
	
form#login label {float: left; font-size: 13px; width: 110px;}

form#login input:not([type=radio]), form#login textarea {
	font: italic 13px Georgia;
	outline: none;
	padding: 5px;
	width: 200px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	}
	

form#login  button {
	color: #ffffff;
	display: block;
	font: 14px Georgia;
	letter-spacing: 1px;
	margin: auto;
	padding: 5px 10px;
	text-shadow: 0 1px 1px #000000;
	text-transform: uppercase;
	background: #999;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	}

form#login button:hover {background: #333; cursor: pointer;}

span.message {text-align:center; color:#ff0000; font-size:14px; font-style:italic;}
	
/*--- Footer ---*/

#footer {
	position:absolute;
	left:5%;
	bottom:20px;
	width:90%;
	height:10px;
	padding:7px 0;
 	text-align:center;
	z-index:3;
	border-top:2px solid #666633;
	}

#footer span {letter-spacing:1px;font-weight:100;font-size:11px;color:#fff; z-index:2; }

#clearfooter {height:50px; padding-top:50px; margin:0;}



	
/*------------------------------------ Plugin CSS for BG Image stretcher ---------------------------------------*/	
	
/*
	Background Stretcher jQuery Plugin
	© 2009 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

.bgstretcher {
	background: black;
	width: 100%;
	position: fixed !important;
	z-index: -1;
	}
	
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	}

.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
/*
 * jQuery Lightbox Plugin (balupton edition) - Lightboxes for jQuery
 * Copyright (C) 2008 Benjamin Arthur Lupton
 * http://jquery.com/plugins/project/jquerylightbox_bal
 *
 * This file is part of jQuery Lightbox (balupton edition).
 * 
 * jQuery Lightbox (balupton edition) is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 * 
 * jQuery Lightbox (balupton edition) is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 * 
 * You should have received a copy of the GNU Affero General Public License
 * along with jQuery Lightbox (balupton edition).  If not, see <http://www.gnu.org/licenses/>.
 *
 * @name jquery_lightbox: jquery.lightbox.css
 * @package jQuery Lightbox Plugin (balupton edition)
 * @version 1.3.0-rc1
 * @date August 24, 2008
 * @category jQuery plugin
 * @author Benjamin "balupton" Lupton {@link http://www.balupton.com}
 * @copyright (c) 2008 Benjamin Arthur Lupton {@link http://www.balupton.com}
 * @license GNU Affero General Public License - {@link http://www.gnu.org/licenses/agpl.html}
 * @example Visit {@link http://jquery.com/plugins/project/jquerylightbox_bal} for more information.
 */

html, body { margin: 0; padding: 0; height: 100%;}

#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {
	text-decoration:none;
	color:#999999;
}

#lightbox-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
	position:fixed;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 12px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; text-decoration:none; }

#lightbox-imageBox {
	position:relative;
	border:1px solid black;
	background-color:white;
	width:400px;
	height:400px;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:1px;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
/* #lightbox-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }*/


#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
	/* cursor:pointer; */
	zoom:1; 
	
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
	background:url("../images/prev.gif") left 45% no-repeat;
}
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
	background:url("../images/next.gif") right 45% no-repeat;
}
*/

#lightbox-infoBox {
	font:10px Georgia;
	background-color:#fff;
	margin:0 auto;
	padding:0px;
	
	/* width: 100%;
	padding: 0 10px 0; */
}

#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	
	line-height:normal;
	/* height:30px; */
}
#lightbox-infoHeader {
	width:100%;
	text-align:left; 
	text-decoration:none;
}
#lightbox-caption {
	text-align:justify;
}
#lightbox-caption-title {
	font-weight:bold;
}
#lightbox-caption-description {
	font-weight:normal;
}

#lightbox-infoFooter {
	margin-top:3px;
	color:#999999;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
}
#lightbox-close-button{
	padding-left:30%;
}
#lightbox-close-button:hover {
	color:#666666;
}

#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}