/*******************************
 *
 *	LAYOUT.CSS
 *
 *  Version: 1.0
 *
 *	Authors: 
 *	The Roundhouse
 *  Tom Knowles / Dan Nisbet / Mike Harris / Paul Lewis
 *
 *  Description:
 *
 *	This CSS deals with the actual layout 
 *  of the pages. Positions, sizes and margin/padding.
 */
 
html, body, #site, #mainmov
{
 	width: 				100%;
	height:				100%;
	padding: 			0;
	margin: 			0;
}

#book 
{
	position:			absolute;
	top:				31px;
	right:				100px;
	width:				200px;
	height:				196px;
	background:			url(../z_images/layout/future.png) top left no-repeat;
}

#book a
{
	display:			block;
	width:				300px;
	height:				96px;
	overflow:			hidden;
	padding-top:		100px;
	margin-left:		50px;
	color:				#ccc;
	text-decoration:	none;
	font:				normal normal 1.6em Georgia, serif;
}
#book a:hover 
{
	color:				#fff;
}

#container
{
	width:				600px;
	height:				369px;
}

#site #container
{
	width:				425px;
	height:				272px;
	margin-bottom:		25px;
}

#adobelink
{
	width:				59px;
	height:				73px;
	position:			absolute;
	top:				20px;
	right:				20px;
	z-index:			1000000;
}

#adobelink a
{
	text-indent:		-1000000px;
	position:			absolute;
	display:			block;
	width:				59px;
	height:				73px;
}

#flashlink
{
	position:			absolute;
	top:				0px;
	right:				0px;
	height:				70px;
	width:				80px;
	display:			block;
	z-index:			20000;
}

#flashlink a
{
	top:				0px;
	right:				0px;
	height:				70px;
	width:				80px;
	display:			block;
	font-size:			0;
	text-indent:		-40000px;
}
 
#history
{
	top: 0;
	left: 0;
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#debug
{
	overflow: auto;
	height: 200px;
	width: 	100%;
	color: #000000;
	background-color: #FFFFFF;
}
 
#wrapper
{
	width: 			800px;
	min-height:		100%;
	margin:			0 auto;
}

#header
{
	width: 			800px;
	height:			180px;
}

#content
{
	width: 			800px;
	left:			24px;
	padding-bottom: 50px;	
}

#footer
{
	width: 			800px;
	height:			25px;
	top:			-32px;
	margin:			0 auto;
}

/* Header */

#homelink
{
	position:		absolute;
	top:			33px;
	left:			319px;
	width: 			160px;
	height:			57px;
	text-indent:	-9999px;
	overflow:		hidden;
}

#splashmain #headerlogo
 {
 	width:			161px;
	height:			57px;
	visibility:		visible;
	display:		block;
	left:			-110px;
	top:			-10px;
 }
 
#splashmain #headerlogo a
 {
 	background-image:	url(../z_images/layout/bg/bg_splashlogo.gif);
	background-repeat:	no-repeat;
	width:				161px;
	height:				57px;
	display:			block;
 }
 
 #handheldlogo
 {
 	display:			none;
	width:				220px;
	height:				90px;
 }
 
/* Router */

#router
{
	position:		absolute;
	top:			145px;
	width: 			800px;
	height:			25px;
}
 
#router ul li
{
	list-style:		none;
	display:		inline;
	position:		relative;
}

#router ul li#gallery { left: 22px; }
#router ul li#residentialprojects{ left: 42px; }
#router ul li#yachtprojects { left: 62px; }
#router ul li#creation { left: 83px; }
/*#router ul li#furnitureindetail { left:104px; }*/
#router ul li#designinnovation { left:104px; }
#router ul li#about { left: 124px; }
#router ul li#people { left: 142px; }
#router ul li#newsandpress { left: 162px; }
#router ul li#contact { left: 182px; }



/* end Router */

/* end Header */


/* Content */
#contentleft
{
	float:				left;
	width:				430px;
}

.wideright #contentleft
{
	width:				355px;
}

#contentleft h2	
{
	margin:				20px 0 32px 0;
}

#contentleft h2.gotsubheading
{
	margin-bottom:		0px;
}

#contentleft h2#secondtitle	
{
	margin-top:			45px;
	margin-bottom:		5px;
}	

#contentright
{
	float:				right;
	width:				320px;
}

.wideright #contentright
{
	width:				445px;
}

#contentright h3	
{
	margin:				54px 0 10px 0;
}	

#contentright h3#secondtitle	
{
	margin-top:			14px;
}	

#contentleft h4
{
	margin-top:			-12px;
	margin-bottom:		15px;
}

#site #contentright	h4
{
	margin-top:			107px;
}

#site #contentright	li
{
	margin-left:		15px;
	margin-top:			5px;
}


#site #contentright #imageholder1,
#site #contentright #imageholder2,
#site #contentright #imageholder3,
#site #contentright #imageholdercareers
{
	width:				340px;
	height:				541px;	
	margin:				14px 0 40px 55px;
}

#site #contentright #imageholder4
{
	width:				318px;
	height:				319px;	
	margin:				89px 0 0 0;

}

#site #contentright .imageholder
{
}

#site #contentright #newsimages
{
	margin-top:			15px;
}

#site #contentright .newsimage
{
	width:				216px;
	height:				190px;	
	margin:				0px 0 0 88px;
}

#newsimage1,#newsimage3,#newsimage5
{
	left:		20px;
}

#site #contentleft #contactbox
{
	margin-top:			38px;
}

#contentleft #divbacklink
{
	margin-top:				41px;
}

#contentleft #divbacklink a
{
	height:					18px;
	width:					115px;
}

.wide
{
	width:				800px;
}

.wide #contentleft
{
	width:				800px;
}

.wide #contentleft #imgcontainer
{
	width:				800px;
	margin-top:			23px;
	margin-bottom:      20px;
	float:				left;
}

.wide #contentleft #pagelinks
{
	height:			13px;
	float:			left;
}
 
#site #pagelinks ul li
{
 	display:		inline;
	height:			13px;
}
 
#site #pagelinks li
{
 	padding-left:  16px;
	padding-right: 12px;
	height:		   13px;
}

.btnnext
{
 	width:			12px;
	height:			13px;
	font-size:		0;
	top:			0;
	display:		block;
	position:		absolute;
	padding:        0 0 0 0 !important;
	margin-right:	-10px;
}
 
.btnnext a
{
 	width:			12px;
	height:			13px;
	text-indent:    -3000px;
	display:		block;
}
 
.btnprev
{
 	width:			12px;
	height:			13px;
	font-size:		0;
	top:			0;
	display:		block;
	position:		absolute;
	padding:        0 0 0 0 !important;
	margin-left:	-10px;
}
 
.btnprev a
{
 	width:			12px;
	height:			13px;
	text-indent:    -3000px;
	display:		block;
}

/* images */
#contentleft #imgcontainer
{
	width:				436px;
	margin-top:			23px;
}

#contentleft .imgholder
{
	float:				left;
	width:				109px;
	height:				89px;
}

#contentleft .imgholder img
{
	position:			relative;
	width:				77px;
	height:				69px;
 	margin:				11px 0px 0px 16px;
}

#contentright .newsimage img
{
	width:				150px;
	height:				150px;
 	top:				23px;
	left:				29px;
	position:			relative;
}

#contentleft .imgholder a
{
	overflow:			hidden;
}

#contentleft ul li
{
	list-style:			none;
	height:				20px;
}

/* end images */

/* project list */
#contentright #projectlist
{
	margin-left:		12px;
}

#contentright #projectlist ul li
{
	height:				19px;
}

#contentright #projectselect
{
	width:				266px;
}
/* end project list */

#contentleft #marina, #contentleft #creationdiagram
{
	width:				430px;
	height:				314px;	 
}

#contentleft #map
{
	width:				430px;
	height:				263px;	
	margin-top:        30px; 
}

/*#marinaimg
{
	display:			none;
	width:				430px;
	height:				314px;	 
}*/

#contentleft #furniturechoice
{
	width:				420px;
	height:				264px;	 
	margin-top:			35px;
}

/* end Content */


/* Footer */
#copyright
{
	float:				left;
	left: 				24px;
}

#credit
{
	float:				right;
	right: 				19px;
}
/* end Footer */
 
 /* Splash Panel */
 
 #splashPanel
 {
	height:				644px;
	width:				936px;
	margin:				auto auto;
 }
 
 #splashPanel #entercontainer
 {
 	height:				250px;
	width:				404px;
	margin:				auto auto;
	padding-top:        150px;
 }
 
 /*#splashPanel #entercontainer #contentleft
 {
 	float:				left;
	padding-top:        50px;
 }
 
 #splashPanel #entercontainer #contentleft #splashlogo
 {
 	width:				161px;
	height:				57px;
 }
 
 #splashPanel ul
 {
 	padding-top:	    10px;
 	list-style:			none;
 }
 
 #splashPanel #entercontainer #contentright
 {
 	float:				right;
 }
 
 #splashPanel #entercontainer #contentright #splashImg
 {
 	width:				270px;
	height:				274px;
 }*/
 
 #splashPanel #entercontainer #splashmain
 {
 	width:				404px;
	height:				250px;
	padding-top:        60px;
	padding-left:       223px;
	position:			absolute;
	text-align:left;
 }
 
 #splashPanel #entercontainer #splashmain #splashlogo
 {
 	width:				161px;
	height:				57px;
	position:			absolute;
	top:				50px;
	left:				112px;
 }
 
 #splashPanel ul
 {
 	list-style:			none;
	position:			absolute;
	top:				180px;
	left:				112px;
	width:				161px;
	text-align:			center;
 }
 
 #splashPanel ul li
 {
 	padding-bottom:	    2px;
 }
 
 /* credits */
 
 body#credits
 {
	overflow:			auto;
 }
 
 #holder
 { 
	width: 				800px;
	margin:				0 auto;	
 }
 
 body#credits h2
 {
 	margin:				20px 0 25px 0px;
 }
 
 body#credits h3, #credits #final
 {
 	margin-bottom:		20px;
 }
 
 body#credits p
 {
 	margin-bottom:		15px;	
 }