/*
    Created by
     _____                            _   _      
    |  ___|                          | | (_)     
    | |____  ___ __   ___  _ __   ___| |_ _  ___ 
    |  __\ \/ / '_ \ / _ \| '_ \ / _ \ __| |/ __|
    | |___>  <| |_) | (_) | | | |  __/ |_| | (__ 
    \____/_/\_\ .__/ \___/|_| |_|\___|\__|_|\___|
              | |                                
              |_|     
    =============================================
    Exponetic Ltd
    team@exponetic.com
    http://www.exponetic.com
    ========================================== 
    
    $Author: james $ 
    $Date: 2004/11/24 15:57:51 $ 
    $Revision: 1.2 $
    $Name:  $
    
*/

/* HTML element redefs */
body
{
	margin: 0px;
	font-family: 'Gill Sans', Arial, sans-serif;
	text-align: center;
		background-color: #002439;
	background-image: url('/_img/_template/bg.gif');
	background-repeat: repeat-x;
	}

a,
a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
}

a img
{
	border-width: 0px;
}

form
{
	margin: 0px;
}

.ir
{
	height: 0;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

#page
{
	width: 680px;
	margin: 40px auto 0 auto;
}
#pageBottom
{
/*	border: 1px solid #f00; */
	
	position: relative;
	padding: 0 0 12px 0;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url('/_img/_template/page_bottom.png'); 
}
#pageTop
{
/*	border: 1px solid #0f0; */

	position: relative;
	padding-top: 12px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('/_img/_template/page_top.png'); 
}
#pageMid
{
/*	border: 1px solid #0ff; */

	padding: 0 4px;
	background-repeat: repeat-y;
	background-position: 0 0;
	background-image: url('/_img/_template/page_mid.png'); 
}

#footer
{
	padding-bottom: 25px;
	text-align: right;
	width: 680px;
}
	
	#footer p
	{
		opacity: 0.62;
		font-size: 0.7em;
		color: #ddd;
		text-shadow: #000 2px 2px 2px;
		margin: 0;
		margin-right: 10px;
	}	
	
	#footer p#credit
	{
		margin-left: 12px;
		float: left;
		position: relative;
		z-index: 100;
	}
	
	#footer p#copyright
	{
		float: right;
	}

		#footer p a,
		#footer p a:visited
		{
			color: #ddd;
			text-decoration: none;
		}
		
		#footer p a:hover
		{
			color: #eee;
		}

#header
{
	position: relative;
	margin: 0;
}

	#header #logo
	{
		position: relative;
		width: 293px;
		height: 113px;
		top: -32px;
		left: -83px;
		width: 410px; 
	}
		#header #logo a
		{
			padding-top: 113px;
			 height: 0 !important; 			display: block;
			background-image: url('/_img/_template/logo.png'); 
		}
	
	
	#header #utilities
	{
		margin-top: -30px;
		font-size: 0.7em;
		text-transform: lowercase;
		text-align: right;
		padding-right: 20px;
		clear: right;
	}
	
		#header #utilities a,
		#header #utilities a:visited
		{
			color: #555;
		}
		
		#header #utilities a:hover
		{
			color: #999;
		}
	
	#header img
	{
		float: right;
		margin: 0;
	}
	
	#header #slideshow,
	#header #panorama
	{
		margin: 0;
		height: 272px;
		width: 670px;
		background-color: #025B92;
		font-size: 0.8em;
		padding: 0;
		color: #999;
	}
	#header #panorama
	{
		height: 244px;
		background: #025B92 url('/_img/_template/box_back_fade.png') repeat-x top left; 
	}
	#header #panorama p
	{
		padding: 15px;
		color: #222;
	}
	#header #panorama p.getQuicktime 
	{
		margin-top: 40px;
		text-align: center;
	}
	#header #panorama p.getQuicktime img
	{
		float:  none;
	}
	#header #subNav
	{
		height: 20px;
		width:  670px;
		background-color: #1f5f81;
		border-top: 5px solid #194c68;
		text-align: center;
		font-size: 75%;
		padding-top: 3px;
	}
	#header #subNav a
	{
		color: #fff;
		margin: 0 10px;
	}
	
	
#content
{
	border-top: 1px solid #1d3d51;
	border-bottom: 1px solid #09334C;  /* firefox bug fixes */
	 	min-height: 267px; 	width: 670px;
	margin: 0;
	font-size: 0.8em;
	background-color: #fff;
	background-image: url(/_img/_template/content_bg.gif);
	position: relative;
	
/*	border: 1px solid #ff0; */
}
	
	#content ul#nav
	{
		float: left; /* Otherwise IE5.5 insists on a 10px or so bit of padding */
		width: 115px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background: #09334c url("/_img/_template/nav_bacsk.png") repeat-x 0 0;
		color: #fff;
		text-indent: 0;
		
	/*	border: 1px solid #0f0; */
	}

		#content ul#nav li
		{
			float: left;
			margin: 0;
			padding: 0;
		}
		
			#content ul#nav li.sectionDescription,
			#content ul#nav li a
			{
				display: block;
				width: 115px;
				background-repeat: no-repeat;
				background-position: 0 0;
				overflow: hidden;
			}
			#content ul#nav li a
			{
				padding: 21px 0 0 0;
				 height: 0 !important; 			}
			#content ul#nav li.sectionDescription 
			{
				padding: 33px 0 0 0;
				 height: 0 !important; 			}
			
			#content ul#nav li a:hover
			{
				background-position: 0 -21px;
			}
			#content ul#nav li a.selected,
			#content ul#nav li a.selected:hover
			{
				background-position: 0 -42px;
			}
		
			/*********    h o m e   ************/
			
			#content ul#nav li#nav_home a,
			#content ul#nav li#nav_home a:visited
			{
				background-image: url("/_img/_template/nav_a_home.png");
			}
			
			/*********    a b o u t   t h e   a r e a   ************/
			
			#content ul#nav li#nav_aboutTheArea 
			{
				background-image: url("/_img/_template/nav_h_about-the-area.png");
			}
			
			#content ul#nav li#nav_location a
			{
				background-image: url("/_img/_template/nav_a_location.png");
			}
			#content ul#nav li#nav_areaHistory a
			{
				background-image: url("/_img/_template/nav_a_area-history.png");
			}
				

			/*********    t h e   p r o p e r t y    ************/
			
			#content ul#nav li#nav_theProperty
			{
				background-image: url("/_img/_template/nav_h_the-property.png");
			}
			
			#content ul#nav li#nav_interior a
			{
				background-image: url("/_img/_template/nav_a_interior.png");
			}
			#content ul#nav li#nav_specifications a
			{
				background-image: url("/_img/_template/nav_a_specifications.png");
			}
			#content ul#nav li#nav_floorPlan a
			{
				background-image: url("/_img/_template/nav_a_floor-plan.png");
			}
			#content ul#nav li#nav_virtualTour a
			{
				background-image: url("/_img/_template/nav_a_virtual-tour.png");
			}
				
			/*********    f i n d   o u t   m o r e    ************/
			
			#content ul#nav li#nav_findOutMore
			{
				background-image: url("/_img/_template/nav_h_find-out-more.png");
			}
			
			#content ul#nav li#nav_contactUs a
			{
				background-image: url("/_img/_template/nav_a_contact-us.png");
			}
	/* end of nav */
		
	#content #contentBox 
	{
		clear: right;
		width: 555px;
		min-height: 270px;
		float: left;
		padding: 0px 0px 20px;
		position: relative;
		top: 2px;
		background-color: #fff;
		color: #444;
	}
	
			#content #contentBox p,
			#content #contentBox h1,
			#content #contentBox h2,
			#content #contentBox h3
			{
				font-weight: normal;
				margin: 15px 30px 5px;
			}
			
			#content #contentBox p
			{
				line-height: 1.3em;
			}

			#content #contentBox a,
			#content #contentBox a:visited
			{
				color: #137bb1;
				text-decoration: none;
			}
			
			#content #contentBox a:hover
			{
				text-decoration: underline;
				color: #0265A3;
			}
			
			#content #contentBox h1
			{
				margin-top: 20px;
			}
			
			#content #contentBox h2
			{
				color: #00304D;
				font-size: 1.1em;
			}
			
			#content #contentBox h3
			{
				font-size: 0.9em;
			}
			
			#content #contentBox ul
			{
				list-style-type: square;
				 margin: 0 20px 0 3px; 				line-height: 1.6em;
			}
			
/*<group=Home>*/

.ir#home,
.ir#location,
.ir#area_history,
.ir#interior,
.ir#floorplan,
.ir#specifications,
.ir#virtual_tour,
.ir#contact_us
{
	padding-top: 20px;
	 height: 0 !important; }

.ir#home
{
	background-image: url('/_img/ir/home.gif');
}
.ir#location
{
	background-image: url('/_img/ir/location.gif');
}
.ir#area_history
{
	background-image: url('/_img/ir/area_history.gif');
}
.ir#interior
{
	background-image: url('/_img/ir/interior.gif');
}
.ir#floorplan
{
	background-image: url('/_img/ir/floorplan.gif');
}
.ir#specifications
{
	background-image: url('/_img/ir/specifications.gif');
}
.ir#virtual_tour
{
	background-image: url('/_img/ir/virtual_tour.gif');
}

.ir#contact_us
{
	background-image: url('/_img/ir/contact_us.gif');
}

/******** styles for floor plan page dynamic box section ********/
p#floor_selection
{
	background-image: url('/_img/floorplans/floor_selection.jpg');
	padding-top: 31px;
	width: 126px;
	margin: 0;
	 height: 0 !important; }

a#button_3
{
	background-image: url('/_img/floorplans/button_third.jpg');
	padding-top: 24px;
	width: 126px;
	display: block;
	 height: 0 !important; }

a#button_2
{
	background-image: url('/_img/floorplans/button_second.jpg');
	padding-top: 24px;
	width: 126px;
	display: block;
	 height: 0 !important; }

a#button_1
{
	background-image: url('/_img/floorplans/button_first.jpg');
	padding-top: 24px;
	width: 126px;
	display: block;
	 height: 0 !important; }

a#button_0
{
	background-image: url('/_img/floorplans/button_ground.jpg');
	padding-top: 22px;
	width: 126px;
	display: block;
	 height: 0 !important; }

a#button_3:hover,
a#button_2:hover,
a#button_1:hover,
a#button_0:hover
{
	background-position: -126px 0;
}
a.buttonOff
{
	background-position: 0 0;
}
a.buttonOn
{
	background-position: -126px 0;
}
a.buttonOn:hover
{
	background-position: -126px 0;
}

/********** detailed plan section of floor plans page ********/

.page_floorPlan #content 
{
	 	min-height: 460px; }
	
	.page_floorPlan #content #details
	{
		position: absolute;
		top: 48px;
		right:  20px;
		width: 180px;
		font-size: 90%;
	}
		
		.page_floorPlan #content #details h2,
		.page_floorPlan #content #details h3,
		.page_floorPlan #content #details h4,
		.page_floorPlan #content #details p
		{
			margin: 0;
		}
		.page_floorPlan #content #details h2
		{
			font-size: 1.5em;
		}
		.page_floorPlan #content #details h3
		{
			margin-top: 1em;
			font-size: 1.2em;
		}
		.page_floorPlan #content #details h4
		{
			margin-top: 0.5em;
			font-weight: normal;
			font-size: 1em;
		}
		.page_floorPlan #content #details p.tourLink
		{
			margin-top: 0.5em;
		}
	

	#qt_select
	{
		float: right;
		margin: 0;
		
		text-align: center;
		width: 160px;
		padding: 0;
		padding-right: 30px;
	}
	
		#qt_select .qtObjectSelect
		{
			float: right;
			margin: 0 8px;
			width: 60px;
		}
		
			#qt_select .qtObjectSelect img
			{
				border-width: 1px;
				border-color: #666;
			}
			
			#qt_select .qtObjectSelect span
			{
				font-weight: bold;
			}
			
			#qt_select .qtObjectSelect a,
			#qt_select .qtObjectSelect a:visited
			{
				text-decoration: none !important;
			}
			
				#qt_select .qtObjectSelect a span,
				#qt_select .qtObjectSelect a:visited span
				{
					text-decoration: underline !important;
				}
		
		
	#content #contentBox table#contactTable
	{
		margin-left: 50px;
		color: #666;
		margin-bottom: 80px;
	}
/*</group>*/