/* =RESET
=------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus {
	outline:0;
}

body {
	line-height:1;
	color:black;
	background:white;
}

ol,ul {
	list-style:none;
}

table {
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td {
	text-align:left;
	font-weight:normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

blockquote,q {
	quotes:"""";
}

/* =GENERAL
--------------------- */
body{
	position:relative;
	color:#5d5d5d;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #000000;
	background-image: url(../images/bck.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
	 
strong {
	font-weight:700;
}

em {
	font-style:italic;
}

/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */

.fixed:after {
	content:".";
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
	
.fixed {
	display:block;
}
/*  \*/
.fixed {
	min-height:1%;
}
* html .fixed {
	height:1%;
}

#hint {
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 680px;
	right: 20px;
}
	
/* =LAYOUT
--------------------- */
#line-top{
	position:absolute;
	left:0;
	top:58px;
	height:0px;
	background:url(../images/bg-line-top.jpg) repeat-x top left;
}

ul#container{
	position:absolute;
	top:75px;
	left:0px;
	height:500px;
	background-color:#ffffff;
	list-style:none;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 325px;
}
	
ul#container li {
}
	
		/* =NAVIGATION
		--------------------- */
#navigation{
	position:fixed;
	height:500px;  /* ! height must be the same with the height of the pictures you will be using */
	width:300px;
	background-color:#000000;
	z-index: 3;
	border-right-width: 25px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	left: 0px;
	top: 100px;
}
	
#logo { 
	position:absolute; 
	top:48px; 
	left:18px; 
}
			
ul#nav { 
	position:absolute; top:188px; left:0;
	width:292px; height:47px; 
	padding:14px 0 0 15px; 
	background:url(../images/bg-nav.png) no-repeat top right;
	list-style-type:none;
}
				
ul#nav li { 
	float:left; 
	padding:13px 0 0 8px; 
	color:#ffffff; 
				}
				
ul#nav li a { 
	font-size:18px; color:#ffffff;
	text-decoration:none;
	letter-spacing:-0.5px; 
}
				
ul#nav li a:hover { 
	color:#fff; 
	text-decoration:underline; 
}

ul#nav li a.active {
	color:#fff;
	text-decoration:underline;
}
			
ul#nav-galleries{
	position:absolute;
	left:21px;
	_left:60px;
	_top:290px; /* IE6 Hack */
	list-style: inside;
	list-style-type:none;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: lighter;
	font-style: normal;
	width: 250px;
	letter-spacing: normal;
	text-align: center;
	color: #CCCCCC;
	top: 235px;
}
			
ul#nav-galleries li {
height:28px;
}

ul#nav-galleries li.arrows {
	height:42px;
	width: 250px;
	margin-top: 10px;
}
				
ul#nav-galleries li a{
	color:#999999;
	font-size:24px;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: lighter;
	text-align: center;
				}
				
ul#nav-galleries li a:hover {
	color:#FFFFFF;
}

ul#nav-galleries li a.active{
	color:#97895A;
}
				




/* =PHOTO
--------------------- */		
ul#container li.photo { 
	float:left;
	position:relative; 
	margin-right:25px; 
	height:500px; /* ! height must be the same with the height of the pictures you will be using */
}
		
ul#container li .photo-description { 
	position:absolute;
	left:0;
	bottom:25px;
	padding:10px 30px;
	background:url(../images/bg-photo-description.png) repeat top left;
	color:#fff; 
	font-size:16px; 
	font-weight:700; 
}
		





/* =TEXT
--------------------- */
ul#container li.text {
	float:left;
	position:relative;
	overflow:hidden;
	margin-right:25px;
	width:270px;
	height:425px;
	padding: 45px 30px 30px 30px; /* ! height must be height of the pictures - paddin-top - padding-bottom */
	background-color:#FFFFCC;
	font-size:14px;
	line-height:22px;
}
		
ul#container li.textunits {
	float:left;
	position:relative;
	overflow:hidden;
	margin-right:25px;
	width:280px;
	height:425px;
	padding: 45px 30px 30px 30px; /* ! height must be height of the pictures - paddin-top - padding-bottom */
	background-color:#FFFFCC;
	font-size:14px;
	line-height:22px;
}
		
ul#container li.textunits h1 { 
	margin-bottom:15px;
	font-size:30px;
	letter-spacing:-1px;
}
		
ul#container li.textunits h2 { 
	margin-bottom:15px;
	font-size:25px;
	letter-spacing:-1px;  
			}
		
ul.units {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
		
ul.units li {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
	list-style: none;
}
		
ul.units li a {
	text-decoration: none;
	color: #663300;
	font-size: 11px;
}
		
ul.units li a:hover {
	text-decoration: none;
	color: #666666;
}
							  
ul#container li.service {
	padding-top:0;
	height:470px;
}	

ul#container li.service img {
	margin-bottom:25px;
}				  
	
ul#container li.text h1 { 
	margin-bottom:15px;
	font-size:30px;
	letter-spacing:-1px;
}
			
ul#container li.text h2 { 
	margin-bottom:15px; 
	font-size:25px; 
	letter-spacing:-1px;  
}
			
ul#container li.text blockquote{ 
	margin-bottom:15px; padding:5px 25px 0 45px;
	background: url(../images/bg-quote.jpg) no-repeat top left;
	font-style:italic;  
}
			
ul#container li.text p { 
	margin-bottom:15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
}		
			
ul#container li.text ul {
	margin-bottom:15px;
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 15px;
}

ul#container li.text ul li {
	padding: 0px;
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

ul#container li.text p a { 
	color: #663300;
	text-decoration: none;
}

ul#container li.text p a:hover { 
	color: #666666;
	text-decoration: underline;
}

li.text h1 strong {
	font-weight: normal;
	font-size: 16px;
}
	
li.text ul li a {
	text-decoration: none;
	color: #663300;
}
		
li.text ul li a:hover {
	text-decoration: none;
	color: #666666;
}
			 								
/* =ENDING
		--------------------- */	
ul#container li.ending{
	position:relative;
	float:left;
	margin-right:25px;
	width:175px;
	height:500px;
	background-image: url(../images/delamer-gardens-end.gif);
	background-repeat: no-repeat;
		}	
	
#line-bottom{
	position:absolute;
	left:0;
	top:647px;
	height:11px;
	background:url(../images/bg-line-bottom.jpg) repeat-x top left;
}


/* =OTHER
--------------------- */
	
	/* =SOCIAL-MEDIA
	--------------------- */
	ul#social-media{ list-style:none; }
	ul#social-media li{ display:inline; }			
			
					
/* =HOVER-NAVIGATION
--------------------- */

li.arrows ul{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

li.arrows ul li{
	display: inline;
	line-height: normal;
	vertical-align: middle;	
}
		
li.arrows ul li a{ 
		overflow:hidden;
		cursor:pointer;
}

li.arrows ul li#left {
	margin-right: 3px;
	display: inline;
	padding: 0px;
}

li.arrows ul li#left a img{
	padding: 0px;
	margin: 0px;
		}
		
li.arrows ul li#scrollleft {
	font-size: 14px;
	color: #999999;
	background-color: #CC9933;
}

li.arrows ul li#scrollright {
	font-size: 14px;
	color: #999999;
	background-color: #CC9933;
}
li.arrows ul li#right {
	margin-right: 3px;
	display: inline;
	padding: 0px;
		}

li.arrows ul li#right a img{
	padding: 0px;
	margin: 0px;
		}
				
li.arrows ul li#scrolltext {
	margin: 0px 2px;
	padding: 0px;
}
		

#one17 {
position: fixed;
top: 670px;
left: 18px;
color: #999999;
font-size: 10px;
}

#one17 a {
color: #CCCCCC;
font-size: 10px;
text-decoration: underline;
}

#one17 a:hover {
color: #FFFFFF;
}

#hidden {
padding: 0px;
margin: 0px;
display: none;
visibility: hidden;
height: 0px;
}