/* general stuff */
* {margin:0;padding:0;}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #3e3e3e;
	padding-top:10px;
	font-size:12px;
}
a {
	text-decoration:none;/*color:white;*/
	color: #000033;
}
a:hover {color: #999999;}
h1 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0.8em auto;
}
h2 {
	font-size:1.1em;
}
h3 {font-size:1em;margin-top:0;}
h4 {font-size:0.9em;}


h1.page_title {
	font-size: 1.2em; width: 95%; font-weight: bold;
	line-height: 22px; letter-spacing: auto;
	margin: 0 0 2px 2px; padding: 10px 0 5px;
	border-bottom: 1px solid #ccc; color:#000;
}

img {border:none;}
li {font-size:0.8em;}
hr.clear {clear:both;visibility:hidden;height:0;margin:0;padding:0;}
/* *****************************************************/
/* wrapper */
#wrapper {
	background-color:#fff;
	width:900px;
	margin:0 auto;
}
#header {
	height:110px;
}
	#logo_ypi {
		float:left;
		display:block;
		margin-top:10px;
		margin-left:5px;
		width:200px;
		height:78px;
		background:transparent url('http://www.ypigroup.com/includes/websites/ypi_logo.jpg') no-repeat top left;
	}
	#logo_yacht {
		float:right;
		display:block;
		text-align:right;
		margin-top:20px;
	}
	#header_unbranded {
		display:block;
		padding-top:40px;
		margin-left:20px;
		font-weight:bold;
		font-size:25px;
	}
	#header_contact_us {
		position:absolute;
		display:block;
		height:20px;
		text-align:right;
		font-weight:bold;
		text-align:right;
		padding-top:5px;
		width:890px;
		font-size:13px;
	}
	/* menu */
	#menu {
		clear:both;
		color:black;
		text-align: right;
		font-weight: bold;
		margin-right:5px;

		position:absolute;
		top:100px;
		width:890px;
	}
	#menu li {
		list-style:none;
		display:inline;
		font-size:13px;
	}
	#menu li a {
		color:#000033;
		text-decoration: none;
		margin-left: 15px;
	}
	#menu li a:hover {color: #999999;}
/* *****************************************************/
/* main container*/
.content {
	width:900px;
	height:400px;
	overflow:hidden;
	text-align:left;
	background-color:#f0f0f0;
	background-repeat:no-repeat;
	background-position: left;
	overflow:hidden;
	/*border:1px solid #838383;*/
}
.content p {margin-bottom:10px; padding-right:10px; padding-left:5px}

/* gallery */
#gallery #gallery_home{position:absolute}
#gallery #gallery_home a{
	width:280px;
	display:block;
	margin-top:50px;
	float:left;
	text-align:center;
}
#gallery ul {
	margin-left:50px;
	margin-top:30px;
}
#gallery ul li {
	float:left;
	display:block;
	margin:10px 20px 5px 5px;
	list-style-type:none;
	text-align:center;
	width:180px;
}
#gallery ul li img{
	height:100px;
	border:8px solid #fff;
}
/* *****************************************************/
/* right container */
#right {
	background-image:url('http://www.ypigroup.com/includes/websites/right_bg.png');
	position:absolute;
	overflow:hidden;
	height:400px;
	width:335px;
	padding-left:5px;
	margin-left:560px; /* default : no javascript : display #right on the right */
}
#right h1{color:#000;}


/* *****************************************************/
/* footer */
#footer {
	position:absolute;
	width:900px;
	clear:both;
	top: 520px;
}
#footer ul {margin:0;padding:0;list-style:none;text-align:center;background:white;}
#footer li {font-size:0.6em;display:inline;color:#999;line-height:1.8em;}
#footer_slideshow li{
	list-style-type:none;
	float:left;
	display:block;
}
/* *****************************************************/
/* jQuery jScrollpane : scrollbars replacement */
.jScrollPaneContainer {
	position:absolute;
	overflow:hidden;
	outline:none;
	border-width:0;
	z-index:100;
}
.jScrollPaneContainer .content {width:900px !important}
.content .jScrollPaneContainer {margin-left:560px;}
.content .jScrollPaneContainer #right {margin-left:0} /* with javascript : set margin-left to zero */

.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#aaa}
.jScrollPaneDrag{position:absolute;background:#666;cursor:pointer;overflow:hidden}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden}
a.jScrollArrowUp{background-color:#f0f0f0;background-image:url('http://www.ypigroup.com/includes/websites/jscroller_basic_arrow_up.gif');display:block;position:absolute;z-index:1;top:0;right:0;text-indent: -2000px;overflow:hidden;height:9px}
a.jScrollArrowUp:hover{background-position:0 -15px;}
a.jScrollArrowDown{background-color:#f0f0f0;background-image:url('http://www.ypigroup.com/includes/websites/jscroller_basic_arrow_down.gif');display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent: -2000px;overflow:hidden;height:9px}
a.jScrollArrowDown:hover{background-position:0 -15px;}
a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{}