/******************************************
Structure of document:
    = General stuff =
    = Site layout =
    = Pages layout =
******************************************/

/*
    = General stuff =
*/
body{
	background: #444;
	background-image: url(/images/custom/body-bg.png);
	border: 0;
	color: #747474;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}
hr{
	display: none;
}
img{
	border: none;
}
a{
	outline: none;
}
a:link, a:visited, a:active{
	background: transparent;
	color: #747474;	
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
fieldset{
	border: none;
}
div.clear {
	display: block;
	visibility: hidden;
	clear: both;
	line-height: 1px;
	height: 1px;
	margin: 0;
	margin-bottom: -1px;
	overflow: hidden;
}
#skip-navigation{
	display: none;
}
#wrapper{
	margin: 0;
	padding: 0;
	position: relative;
	/*width: 900px;*/
}
#container {
	width: 1100px;
	height: 1px;
}
#size-chart-table tr{
	white-space: nowrap;
}
#size-chart-table tr.row-type-1{
	background: #eee;
	color: #000;
}
#size-chart-table tr.row-type-2{
	background: #aaa;
	color: #000;
}
.search-product-list-item{
	position: relative;
}
object#register-terms {
	width: 100%;
	height: 200px;
}
/*
    = Site layout =
*/
#header{
	color: #fff;
	height: 180px;
	position: relative;
}
	#header h1{
		background:url(../../images/custom/top-deco.gif) no-repeat;
		color: #000;
		height: 174px;
		position: absolute;
		top: -2px;
		display:block;
		width: 100%;
	}
		#header h1 a{
			display: block;
			text-indent: -10000px;
		}
	#header #page-number {
		position:absolute;
		left: 1052px;
		top: 18px;
	}
		#header #page-number img {
			/*width: 81px;
			height: 66px;*/
		}
	
#frontpage-image {
	background:url(../../images/custom/default-image-front.png) no-repeat;
	width: 600px;
	height: 419px;
}
	
#frontpage-animation {
	background:url(../../images/custom/frontpage-animation.gif);
	width: 268px;
	height: 181px;
	position:absolute;
	top: 197px;
	left: 261px;
	background-repeat: no-repeat;
	z-index: 1;
}		
		
#navigation{
	color: #000;
	float: left;
	padding: 0px;
	width: 100%;
}
	#navigation #navigation-left {
		background:url(../../images/custom/snedstreck-bg-tall-2.gif) no-repeat;
		height: 17px;
		float: left;
		width: 34px;
		position:relative;
	}
	#navigation #navigation-right {
		background-color:#FFFFFF;
		height: 17px;
		margin-left: -2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #434343;
		letter-spacing: 1px;
		font-weight: bold;
	}
		#navigation #navigation-right a {
			cursor: pointer;
			font-weight: bold;
		}
		#navigation #navigation-right span {
			font-weight: bold;
		}
		#navigation #navigation-right a.home div {
			float: left;
			background-color:#FFFFFF;
			height: 14px;
			width: 92px;
			background-repeat:no-repeat;
			color: #747474;
			padding-left: 9px;
			padding-top: 2px;
		}
			#navigation #navigation-right a.home div.selected {
				background:url(/images/custom/menu-home-selected.jpg);
				background-repeat:no-repeat;
				color: #FFF;
			}
				#navigation #navigation-right a.home div.selected span {
					color: #fb2420;
				}
		#navigation #navigation-right a.company div {
			float: left;
			background-color:#FFFFFF;
			height: 14px;
			width: 144px;
			background-repeat:no-repeat;
			padding-left: 9px;
			padding-top: 2px;			
		}
			#navigation #navigation-right a.company div.selected {
				background:url(/images/custom/menu-company-selected.jpg);
				background-repeat:no-repeat;
				color: #FFF;				
			}
				#navigation #navigation-right a.company div.selected span {
					color: #fb2420;
				}
		#navigation #navigation-right a.boats div {
			float: left;
			background-color:#FFFFFF;
			height: 14px;
			width: 95px;
			background-repeat:no-repeat;	
			padding-left: 9px;
			padding-top: 2px;						
		}
			#navigation #navigation-right a.boats div.selected {
				background:url(/images/custom/menu-boats-selected.jpg);
				background-repeat:no-repeat;
				color: #FFF;
			}
				#navigation #navigation-right a.boats div.selected span {
					color: #fb2420;
				}
		#navigation #navigation-right a.cars div {
			float: left;
			background-color:#FFFFFF;
			height: 14px;
			width: 95px;
			background-repeat:no-repeat;	
			padding-left: 9px;
			padding-top: 2px;						
		}
			#navigation #navigation-right a.cars div.selected {
				background:url(/images/custom/menu-cars-selected.jpg);
				background-repeat:no-repeat;
				color: #FFF;
			}
				#navigation #navigation-right a.cars div.selected span {
					color: #fb2420;	
				}
		#navigation #navigation-right a.products div {
			float: left;
			background-color:#FFFFFF;
			height: 14px;
			width: 120px;
			background-repeat:no-repeat;
			padding-left: 9px;
			padding-top: 2px;							
		}
			#navigation #navigation-right a.products div.selected {
				background:url(/images/custom/menu-products-selected.jpg);
				background-repeat:no-repeat;				
				color: #FFF;
			}
				#navigation #navigation-right a.products div.selected span {
					color: #fb2420;	
				}
		#navigation #navigation-right a.architecture div {
			float: left;
			background-color:#FFFFFF;
			height: 14px;
			width: 155px;
			background-repeat:no-repeat;	
			padding-left: 9px;
			padding-top: 2px;						
		}
			#navigation #navigation-right a.architecture div.selected {
				background:url(/images/custom/menu-architecture-selected.jpg);
				background-repeat:no-repeat;
				color: #FFF;
			}
				#navigation #navigation-right a.architecture div.selected span {
					color: #fb2420;	
				}
		#navigation #navigation-right a.contact div {
			float: left;
			background-color:#FFFFFF;
			height: 14px;
			width: 145px;
			background-repeat:no-repeat;
			padding-left: 9px;
			padding-top: 2px;							
		}
			#navigation #navigation-right a.contact div.selected  {
				background:url(/images/custom/menu-contact-selected.jpg) !important;
				background-repeat:no-repeat;
				color: #FFF;							
			}
				#navigation #navigation-right a.contact div.selected span {
					color: #fb2420;
				}	
			
#content{
	color: #747474;
	width: 100%;
	clear: both;
	position: relative;
}
	#content .front-page-image {
		position: absolute;
		left: 260px;
	}
	#content #main-content-left {
		width: 34px;
		height: 216px;
		background:url(../../images/custom/snedstreck-bg-tall.png) no-repeat;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	#content #main-content-middle {
		height: 196px;
		background-color:#FFFFFF;
		padding-top: 20px;
		padding-left: 6px;
		position: absolute;
		left: 34px;
		top: 0px;
	}
		#content #main-content-middle .left-menu-header {
			background:url(../../images/custom/left-menu-header.jpg) no-repeat;
			width: 196px;
			height: 13px;
			color: #FFFFFF;
			padding-top: 1px;
			padding-left: 4px;
		}
		#content #main-content-middle ul {
			list-style:none;
			padding: 0px;
			margin: 0px;
			overflow: visible;
			width: 177px;
		}
		#content #main-content-middle ul.boats {
			list-style:none;
			padding: 0px;
			margin: 0px;
			overflow: hidden;
			width: 177px;
			height: 140px;
		}
			#content #main-content-middle ul li {
				height: 13px;
				margin-top: 2px;
				padding-top: 2px;
				padding-left: 4px;
				color: #434343;
				text-transform:uppercase;
				width: 190px;
			}
				#content #main-content-middle ul li.selected {
					color: #434343;
					background-color:#c9c9c9;
				}
				#jaguarrd6-page #content #main-content-middle ul,
				#fordconnect-page #content #main-content-middle ul,
				#jaguarrcoupe-page #content #main-content-middle ul,
				#renault360-page #content #main-content-middle ul,
				#lotusextreme-page #content #main-content-middle ul,
				#renaultdakar-page #content #main-content-middle ul,
				#buzzy-page #content #main-content-middle ul,
				#surfacedrive-page #content #main-content-middle ul,
				#vdonavpac-page #content #main-content-middle ul,
				#kgkinstrumentpanels-page #content #main-content-middle ul {
					width: 194px;
				}
				#about-page	#content #main-content-middle ul,
				#team-page #content #main-content-middle ul,
				#research-page #content #main-content-middle ul,
				#project-layout-page #content #main-content-middle ul,
				#reference-page #content #main-content-middle ul,
				#championship-titles-page #content #main-content-middle ul,
				#awards-page #content #main-content-middle ul,
				#contact-page #content #main-content-middle ul {
					width: 194px;
				}			
		#content #main-content-middle select {
			width: 194px;
			border: 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:10px;
			background-color: #c9c9c9;
			margin: 1px 0;
			color: #747474;
		}		
	#content #main-content-right-wrapper {
		background-color:#FFFFFF;
		padding-top: 20px;
		position: relative;
		margin-left: 234px;
		height: 196px;
		top: 0px;
		padding-left: 6px;
	}
		#content #main-content-right-content {
			line-height: 16px;
			position: relative;
			float: left;
		}
			#research-page #content #main-content-right-content {
				width: 924px;
			}
#footer{
	background: #333;
	color: #fff;
	clear: both;
	height: 43px;
}
	#footer a{
		background: url(gfx/panagora-room-logo-small.gif) no-repeat;
		bottom: 10px;
		display: block;
		height: 5px;
		position: absolute;
		right: 10px;
		text-indent: -10000px;
		width: 75px;
	}

/*
    = Pages layout = THE COMPANY
*/

#main-content-right-content .team-box-left {
	float: left;
	margin-right: 131px;
	margin-left: 85px;
}
	#main-content-right-content .team-box-left .team-box-left-header {
		padding-left: 8px;
		background-color: #434343;
		color: #FFF;
		margin-bottom: 16px;
		background-image:url(../../images/custom/red-arrow-down.gif);
		background-repeat:no-repeat;
		background-position:85px 6px;		
	}
	#main-content-right-content .team-box-left .team-box {
		width: 160px;
		margin-bottom: 16px;
		color: #747474;
	}
	
#main-content-right-content .team-box-right {
	float: left;
	width: 515px;
}
	#main-content-right-content .team-box-right .team-box-right-header {
		padding-left: 8px;
		background-color: #434343;
		color: #FFF;
		margin-bottom: 16px;
		text-align:center;
		background-image:url(../../images/custom/red-arrow-down.gif);
		background-repeat:no-repeat;
		background-position:307px 6px;
	}
	#main-content-right-content .team-box-right .team-box {
		width: 171px;
		margin-bottom: 16px;
		color: #747474;
		float: left
	}	

#main-content-right-content .reference-col {
	float: left;
	width: 180px;
}
	#main-content-right-content .reference-link {
		margin-bottom: 2px;
	}
	#main-content-right-content .reference-link img {
		margin-right: 4px;
	}
#main-content-right-content .awards-col {
	float: left;
}
	#main-content-right-content .awards-col img {
		margin-right: 4px;
	}
	#main-content-right-content .awards-col .award {
		clear: both;
		margin-bottom: 2px;
	}
#championship-list {
	list-style:none;
	overflow: hidden;
	width: 425px;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 275px;
}	
	#championship-list li {
		color: #747474;
	}

#main-content-right-content #general-image {
	width: 600px;
	min-height: 800px;
	background-repeat:no-repeat;
	display: block;
	position:absolute;
}
/*
    = Pages layout = BOAT DESIGN
*/	
#selector-overlay {
	position: absolute;
	top: 35px;
	left: 183px;
	background-color: #C9C9C9;
	position: absolute;
	width: 17px;
	height: 15px;
}

#main-content-right-content #boat-image {
	width: 600px;
	min-height: 800px;
	background-repeat:no-repeat;
	display: block;
	position:absolute;
}
#main-content-right-content .boat-info {
	color: #747474;
	text-transform:uppercase;
	width: 300px;
	left: 606px;
	float: left;
	position: absolute;
}
	#main-content-right-content .boat-info .project-header {
		background-color: #434343;
		color: #fff;
		padding-left: 8px;
		margin-bottom: 1px;
	}
	#main-content-right-content .boat-info .project-sub-header {
		background-color: #c9c9c9;
		padding-left: 8px;
	}
	#main-content-right-content .boat-info .project-info {
		padding-left: 8px;
		margin-top: 16px;
		width: 360px;
		height: 160px;
		letter-spacing: 1px; 
	}
		#main-content-right-content .boat-info .project-info p {
			margin: 0px;
			padding: 0px;
		}
			#main-content-right-content .boat-info .project-info p.left-col {
				float: left;
				width: 115px;
				display: inline;
			}
			#main-content-right-content .boat-info .project-info p.right-col {

			}		
#main-content-right-content #boat-image-container {
	clear: both;
	padding-left: 8px;
	color: #fff;
}
	#main-content-right-content #boat-image-container span {
		margin-bottom: 8px;
		display: block;
	}
	#main-content-right-content #boat-image-container #choose-image {
		width: 134px;
	}
		#main-content-right-content #boat-image-container #choose-image img {
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
			display: inline;
		}
		
span.alt-image {
	float: left;
	display: block;
	width: 13px;
	height: 13px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #ccc;
	cursor: pointer;
}
span.alt-image.selected {
	background-color: #fff;
}
/*
    = Pages layout = CONTACT
*/

#main-content-right-content #contact-info-wrapper {
	width: 239px;
	float: left;
	margin-right: 8px;
}
	#main-content-right-content #contact-info-wrapper #contact-header {
		background-color: #434343;
		color:#FFFFFF;
		padding-left: 4px;
	}
	#main-content-right-content #contact-info-wrapper #contact-info {
		padding-left: 4px;
	}	
		#main-content-right-content #contact-info-wrapper #contact-info a{
			text-decoration: underline;
		}
		
		



#projects-page #main-content-middle {
	width: 100%;
}
#project-overview-wrapper {
	background:url(../../images/custom/bg-trans.png);
	width: 941px;
	padding-left: 34px;
	padding-top: 26px;
	position:absolute;
	left: 34px;
	margin-top: 20px;
	/*ilter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
	
}
	#project-images-wrapper {
		background: transparent;
		filter:alpha(opacity=100);-moz-opacity:.100;opacity:1;
	}
	#project-images-wrapper img {
		margin-right: 13px;
		margin-bottom: 13px;
		vertical-align: top;
	}
		#project-images-wrapper .overview-header {
			clear: both;
			display: block;
		}
			#project-images-wrapper .overview-header img {
				margin-right: 12px;
				
			}
		#project-images-wrapper #project-overview-divider {
			margin-bottom: 32px;
		}

#project-images-wrapper .image-container {
	display: inline;
}


#view-large-image {
	position: absolute; 
	z-index: 1; 
	width: 137px; 
	left: -136px;
	top: 209px;
	padding: 0 4px;
	color: #FFF;
	font-size: 10px;
}

		
#lightbox{
	background-color:#eee;
	padding: 8px;
	position: absolute;
	/*
	top: 32px !important;
	left: 100px !important;
	*/
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	color: #747474;
	display: none;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; width: 16px !important; height: 16px !important!;}

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/overlay.png", sizingMethod="scale");
	}


.left
{
	width: 28%;
	float: left;
}

.middle
{
	width: 38%;
	float: left;

}

.right
{
	width: 28%;
	float: right;
	margin-right:20px;
}

.scroll
{
	background : #fe9edb; 
	color : #f7009a; 
	padding : 4px; 
	width : 75%; 
	overflow: hidden;
	float: left;


}
.scroller
{
	width:15px;
	float:left;
}

.middle h2
{
	color : #fb13a6;
	font-size: 28px; 
}

.scroll_white
{
	background : #ffffff; 
	color : #000; 
	padding : 4px; 
	width : 90%; 
	overflow: hidden;
	float: left;


}

.scroll_green
{
	vertical-align: bottom;
	background : #ffffff; 
	color : #c8fa00; 
	padding : 4px; 
	width : 150px; 
	overflow: hidden;
	float: right;


}

.scroller_right
{
	width:15px;
	float: right;
}

.right h2
{
	color : #c8fa00;
	font-size: 28px; 
}

#track2 {
	height:175px;
	background-color:#fff;
	border: 1px solid #c9c9c9;
	margin-top: 2px;
}
#handle2 {
	height:40px;
	background-color:#FFF;
	background-image:url(../../images/custom/snedstreck-bg-tall.png);
	background-repeat:no-repeat;
}


#champion-track2 {
	height:173px;
	background-color:#fff;
	border: 1px solid #b5b5b5;
	margin-top: 1px;
	position:relative;
	left: 282px;
}
#champion-handle2 {
	height:38px;
	background-color:#FFF;
	background-image:url(../../images/custom/snedstreck-bg-tall.png);
	background-repeat:no-repeat;
}


#track2-architecture {
	height:176px;
	background-color:#fff;
	border: 1px solid #c9c9c9;
	margin-top: 2px;
}
#handle2-architecture {
	height:40px;
	background-color:#FFF;
	background-image:url(../../images/custom/snedstreck-bg-tall.png);
	background-repeat:no-repeat;
}


#buzzy-page #track2-architecture,
#surfacedrive-page #track2-architecture,
#vdonavpac-page #track2-architecture,
#kgkinstrumentpanels-page #track2-architecture {
	display: none;
}
#buzzy-page #handle2-architecture,
#surfacedrive-page #handle2-architecture,
#vdonavpac-page #handle2-architecture,
#kgkinstrumentpanels-page #handle2-architecture {
	display: none;
}


#jaguarrd6-page #track2-architecture,
#fordconnect-page #track2-architecture,
#jaguarrcoupe-page #track2-architecture,
#renault360-page #track2-architecture,
#lotusextreme-page #track2-architecture,
#renaultdakar-page #track2-architecture {
	display: none;
}
#jaguarrd6-page #handle2-architecture,
#fordconnect-page #handle2-architecture,
#jaguarrcoupe-page #handle2-architecture,
#renault360-page #handle2-architecture,
#lotusextreme-page #handle2-architecture,
#renaultdakar-page #handle2-architecture {
	display: none;
}



#left-menu-content.overflow {
	height: 170px; 
	overflow: hidden !important;
}