@charset "utf-8";
/* CSS Document */
table td {table-layout: fixed;}

/* large background */
* {
	margin:0;
	padding:0;
}
html {height: 100%;}
body { background:#111; height:100%; text-align: left; }
	img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
/* sub large background */

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}			
			
/* main style */

.container {position: relative; width: 100%; height: auto; min-width: 1024px; height: 100%; min-height: 768px; margin: auto;}
.borderline {border-bottom: 1px inset #013328;}
.push {padding-bottom: 20px;}
.engineeredby {position:absolute; bottom: 0px; left: 10px; font-size: 11px; height: 20px;}
.topbar {height: 49px; background-image:url(../images/repeatingline.jpg); background-repeat:repeat-x; min-width: 1024px;}
.dtflogo {position: absolute; background-image:url(../images/dtflogo.png); width: 228px; height: 110px; left: 20px; top: 65px;}
.buttonbar {
	color:#FFF;
	font-size: 18px;
	padding-left: 15px;
	padding-top: 15px;
	min-width: 1024px;
}
.homebutton a {
	background-image:url(../images/iconhome.png);
	background-position: left 5px;
	position: relative;
	background-repeat:no-repeat;
	padding-left:22px;
	float: left;
	vertical-align:bottom;
	color:#FFF;
	text-decoration:none;
}
.homebutton a:hover {background-image:url(../images/iconhome_h.png); color: #caa651;}
.yachtbutton a {
	background-image: url(../images/iconmag.png);
	background-position: left 5px;
	position: relative;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-left: 28px;
	vertical-align:bottom;
	color:#FFF;
	text-decoration:none;
	float: left;
}
.yachtbutton a:hover {background-image:url(../images/iconmag_h.png); color: #caa651;}
.brokerbutton a {
	background-image: url(../images/iconbroker.png);
	background-position: left 3px;
	position: relative;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-left: 18px;
	vertical-align:bottom;
	color:#FFF;
	text-decoration:none;
	float: left;
}
.brokerbutton a:hover {background-image:url(../images/iconbroker_h.png); color: #caa651;}
.servicebutton a {
	background-image: url(../images/iconservice.png);
	background-position: left 2px;
	position: relative;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-left: 18px;
	vertical-align:bottom;
	color:#FFF;
	text-decoration:none;
	float: left;
}
.servicebutton a:hover {background-image:url(../images/iconservice_h.png); color: #caa651;}
.mckinnabutton a {
	background-image: url(../images/iconanchor.png);
	background-position: left 2px;
	position: relative;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-left: 18px;
	vertical-align:bottom;
	color:#FFF;
	text-decoration:none;
	float: left;
}
.mckinnabutton a:hover {background-image:url(../images/iconanchor_h.png); color: #caa651;}
.aboutbutton a {
	background-image: url(../images/iconspeech.png);
	background-position: left 3px;
	position: relative;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-left: 18px;
	vertical-align:bottom;
	color:#FFF;
	text-decoration:none;
	float: left;
}
.aboutbutton a:hover {background-image:url(../images/iconspeech_h.png); color: #caa651;}
.contactbutton a {
	background-image: url(../images/iconphone.png);
	background-position: left 3px;
	position: relative;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-left: 18px;
	vertical-align:bottom;
	color:#FFF;
	text-decoration:none;
	float: left;
}
.contactbutton a:hover {background-image:url(../images/iconphone_h.png); color: #caa651;}
.phonenumber {float:right; padding-right: 10px; vertical-align:bottom; color:#FFF;  color:#FFF; font-size: 18px; top: 16px; height: auto;}
.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}
.fadedlogo {background-image: url(../images/fadelogo.png); background-position: right bottom; background-repeat:no-repeat;}
.greenoutline {outline: 2px solid #013328;}
.greenborder {border: 2px solid #013328;}
.readbutton a {height: 35px; padding-top: 7px; font-size: 22px; color:#013328; border-bottom: 1px inset #013328;}
.readbutton a:hover {color: #caa651; border-bottom: 1px inset #caa651;}
.closebutton {background-image:url(../images/closebutton.png); width: 30px; height: 30px; position: absolute; left: 15px; top: 3px; background-repeat:no-repeat;}
.closebutton:hover {background-image:url(../images/closebutton_h.png);}
.dtfquote {float: right; background-image:url(../images/dtfquote.png); width:476px; height: 21px; background-repeat:no-repeat; margin-top: 10px; margin-right: 10px;}
.reopen {position: absolute; bottom: 0px; left: 50%; margin-left: -90px; width: 180px; background-color: #024930; border-radius:13px 13px 0px 0px; -moz-border-radius: 13px 13px 0px 0px; -webkit-border-radius: 13px 13px 0px 0px; display: none; behavior: url(js/PIE.htc);}
.reopen2 {position: absolute; bottom: 0px; left: 70%; margin-left: -100px; width: 180px; background-color: #024930; border-radius:13px 13px 0px 0px; -moz-border-radius: 13px 13px 0px 0px; -webkit-border-radius: 13px 13px 0px 0px; display: none; behavior: url(js/PIE.htc);}
a .reopenbutton {width: 100%; height: 25px; padding-top: 10px; padding-bottom: 10px; color:#FFF; font-size: 22px; text-align:center;}
a .reopenbutton:hover {color: #caa651;}
a .reopenbutton2 {background-repeat:no-repeat; background-position: left; width: 100%; height: 25px; padding-top: 10px; padding-bottom: 10px; text-align:center; color:#FFF; font-size: 22px;}
a .reopenbutton2:hover {color: #caa651;}

/* homebox */

.textboxmain {position: absolute; width: 820px; left: 50%; margin-left: -410px; top: 200px; display:none; z-index: 10;}
.tbmtopleft {width: 774px; height: 39px; background-image:url(../images/offwhitetransparent.png); color: #013328; font-size: 22px; padding-left: 20px; padding-top: 10px; border-radius:13px 0px 0px 0px; -moz-border-radius: 13px 0px 0px 0px; -webkit-border-radius: 13px 0px 0px 0px; behavior: url(js/PIE.htc);}
.cornerrelief {position: absolute; left: 794px; top: 0px; background-image:url(../images/cornerreliefwhite.png); background-repeat:no-repeat; width: 47px; height: 49px;}
.tbmbottom {position: absolute; left: 0px; top: 49px; width: 800px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; background-image:url(../images/offwhitetransparent.png); color: #013328; border-radius:0px 0px 13px 13px; -moz-border-radius: 0px 0px 13px 13px; -webkit-border-radius: 0px 0px 13px 13px; font-size: 16px; behavior: url(js/PIE.htc);}
.textboxsearch {position: absolute; width: 600px; left: 50%; margin-left: -300px; top: 200px; display: none; z-index: 10;}
.searchtextboxes {width:100px; height: 25px; background-color:#024930; color: #FFF; padding-left: 25px; margin-bottom: 2px; padding-top: 2px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; font-size: 16px; behavior: url(js/PIE.htc);}
.searchtextboxes:hover {background-color:#caa651; color: #024930;}

/* aboutbox */

.textboxsub {position: absolute; width: 600px; left: 50%; margin-left: -300px; top: 200px; z-index: 10;}
.tbstopleft {width: 554px; height: 39px; background-image:url(../images/offwhitetransparent.png); color: #013328; font-size: 22px; padding-left: 20px; padding-top: 10px; border-radius:13px 0px 0px 0px; -moz-border-radius: 13px 0px 0px 0px; -webkit-border-radius: 13px 0px 0px 0px; behavior: url(js/PIE.htc);}
.cornerreliefs {position: absolute; left: 574px; top: 0px; background-image:url(../images/cornerreliefwhite.png); background-repeat:no-repeat; width: 47px; height: 49px;}
.tbsbottom {position: absolute; left: 0px; top: 49px; width: 580px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; background-image:url(../images/offwhitetransparent.png); color: #013328; border-radius:0px 0px 13px 13px; -moz-border-radius: 0px 0px 13px 13px; -webkit-border-radius: 0px 0px 13px 13px; font-size: 16px; behavior: url(js/PIE.htc);}

/*buyayachtbox */

.textboxbuy {position: absolute; width: 600px; left: 50%; margin-left: -300px; top: 200px; z-index: 10;}
.tbbtopleft {width: 554px; height: 39px; background-image:url(../images/offwhitetransparent.png); color: #013328; font-size: 22px; padding-left: 20px; padding-top: 10px; border-radius:13px 0px 0px 0px; -moz-border-radius: 13px 0px 0px 0px; -webkit-border-radius: 13px 0px 0px 0px; behavior: url(js/PIE.htc);}
.cornerreliefb {position: absolute; left: 574px; top: 0px; background-image:url(../images/cornerreliefwhite.png); background-repeat:no-repeat; width: 47px; height: 49px;}
.tbbbottom {position: absolute; left: 0px; top: 49px; width: 580px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; background-image:url(../images/offwhitetransparent.png); color: #013328; border-radius:0px 0px 13px 13px; -moz-border-radius: 0px 0px 13px 13px; -webkit-border-radius: 0px 0px 13px 13px; font-size: 16px; behavior: url(js/PIE.htc);}
.middletextboxes {width:189px; height: 25px; background-color:#024930; color: #caa651; padding-left: 5px; margin-bottom: 2px; padding-top: 2px;}

/*contactbox */

.textboxcon {
	position: absolute;
	width: 993px;
	left: 50%;
	margin-left: -496px;
	top: 20%;
	z-index: 10;
}
.tbctopleft { width: 946px; height: 39px; /* background-image:url(../images/offwhitetransparent.png); color: #013328; font-size: 22px; padding-left: 20px; padding-top: 10px; border-radius:13px 0px 0px 0px; -moz-border-radius: 13px 0px 0px 0px; -webkit-border-radius: 13px 0px 0px 0px */}
.cornerreliefc {
	position: absolute;
	left: 946px;
	top: 0px; /* background-image:url(../images/cornerreliefwhite.png); background-repeat:no-repeat; */
	width: 47px;
	height: 49px;
}
.tbcbottom {color: #013328; /* position: absolute; left: 0px; top: 49px; width: 350px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; background-image:url(../images/offwhitetransparent.png);  border-radius:0px 0px 13px 13px; -moz-border-radius: 0px 0px 13px 13px; -webkit-border-radius: 0px 0px 13px 13px; font-size: 16px; */}
.minicontactbox1 {background-image:url(../images/contact1.jpg); background-repeat:no-repeat; width: 315px; height: 178px; position: relative; float: left; overflow: hidden; margin-right: 10px;}
.minicontactbox1a {background-image:url(../images/contact1_h.jpg); background-repeat:no-repeat; width: 315px; height: 178px; position: absolute; z-index: 1; left: 0px; top: 0px; display:none;}
.minicontactbox2 {background-image:url(../images/contact2.jpg); background-repeat:no-repeat; width: 315px; height: 178px; position: relative; float: left; overflow: hidden; margin-right: 10px;}
.minicontactbox2a {background-image:url(../images/contact2_h.jpg); background-repeat:no-repeat; width: 315px; height: 178px; position: absolute; z-index: 1; left: 0px; top: 0px; display:none;}
.minicontactbox3 {background-image:url(../images/contact3.jpg); background-repeat:no-repeat; width: 315px; height: 178px; position: relative; float: left;  overflow: hidden;}
.minicontactbox3a {background-image:url(../images/contact3_h.jpg); background-repeat:no-repeat; width: 315px; height: 178px; position: absolute; z-index: 1; left: 0px; top: 0px;  display:none;}
.bannertopc {
	background-color: #013328;
	padding-left: 10px;
	height: 25px;
	padding-top: 5px;
	position: relative;
	left: 0px;
	width: 305px;
	top: 0px;
	z-index: 2;
}
.bannerbottomc {
	background-color: #013328;
	padding-left: 10px;
	height: 25px;
	padding-top: 5px;
	position: relative;
	left: 0px;
	width: 305px;
	top: 148px;
	color: #caa651;
	z-index: 2;
}
.hovercontact1 {position: absolute; z-index: 9; width: 315px; height: 178px; left: 0px; top: 0px;}
.hovercontact2 {position: absolute; z-index: 9; width: 315px; height: 178px; left: 0px; top: 0px;}
.hovercontact3 {position: absolute; z-index: 9; width: 315px; height: 178px; left: 0px; top: 0px;}

/* team dtf */
.leftmenuboxtd1 {position: absolute; width: 210px; height: 195px; left: 0px; top: 195px; overflow: hidden; font-size: 18px; line-height: 18px;}
.topmenulinetd1 {position: absolute; left: 0px; top: 0px; background-image:url(../images/topmenuline.png); height: 16px; width: 210px; z-index: 2;}
.backgroundboxtd1 {position: absolute; left: 0px; top: 0px; width: 210px; height: 175px; padding-top: 20px; background-color: #006b54; border-radius:0px 0px 13px 0px; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-radius: 0px 0px 13px 0px; z-index: 1; behavior: url(js/PIE.htc);}
.leftmenuboxtd2 {position: absolute; width: 210px; height: 150px; left: 0px; top: 195px; overflow: hidden; font-size: 18px; line-height: 18px;}
.topmenulinetd2 {position: absolute; left: 0px; top: 0px; background-image:url(../images/topmenuline.png); height: 16px; width: 210px; z-index: 2;}
.backgroundboxtd2 {position: absolute; left: 0px; top: 0px; width: 210px; height: 130px; padding-top: 20px; background-color: #006b54; border-radius:0px 0px 13px 0px; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-radius: 0px 0px 13px 0px; z-index: 1; behavior: url(js/PIE.htc);}
.closebuttonteam {
	background-image:url(../images/closebutton.png);
	width: 30px;
	height: 30px;
	position: absolute;
	left: 1040px;
	top: -30px;
	background-repeat:no-repeat;
}
.closebuttonteam:hover {background-image:url(../images/closebutton_h.png);}
.staffcontainer {width: 1024px; padding-left: 280px; position: absolute; left: 40%; margin-left: -470px; top: 200px; z-index: 10;}
.staffbox {width: 248px; height: 108px; float: left; margin-right: 10px; margin-bottom: 10px; background-image:url(../images/offwhitetransparent.png); color: #013328; overflow: hidden; }
.insideteambox {float: left; padding-left: 10px; width: 120px; font-size: 20px; overflow: hidden;}
.sidelinebox {background-color:  #FFF; width: 15px; height: 108px; float: right; margin-right: -15px}
.sidelinebox2 {background-color:  #013328; width: 15px; height: 108px; float: right;  margin-right: 0px;}
.teamimageborder {border: 2px solid #FFF; float: left;}
.teamimageborder2 {border: 2px solid #013328; float: left;}
.readpaper {height: 25px; background-image:url(../images/readmore_h2.png); background-repeat:no-repeat; background-position:left; padding-top: 7px; padding-left: 25px; margin-left: 10px; font-size: 18px; color:#013328; float: left;}
#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 {display:none;}
.lightboxbackground {display: none; width: 100%; height: 100%; background-image:url(../images/offblacktransparent.png); z-index: 90; position: absolute; top: 0; left: 0;}
.lightclosebutton {background-image:url(../images/closebutton.png); width: 30px; height: 30px; position: absolute; left: 15px; top: 3px; background-repeat:no-repeat;}
.lightclosebutton:hover {background-image:url(../images/closebutton_h.png);}
.lightbox {position: absolute; width: 600px; left: 50%; margin-left: -300px; top: 200px; z-index: 100; display: none;}
.lighttopleft {width: 554px; height: 39px; background-image:url(../images/offwhitetransparent.png); color: #013328; font-size: 22px; padding-left: 20px; padding-top: 10px; border-radius:13px 0px 0px 0px; -moz-border-radius: 13px 0px 0px 0px; -webkit-border-radius: 13px 0px 0px 0px; behavior: url(js/PIE.htc);}
.cornerreliefl {position: absolute; left: 574px; top: 0px; background-image:url(../images/cornerreliefwhite.png); background-repeat:no-repeat; width: 47px; height: 49px;}
.lightbottom {position: absolute; left: 0px; top: 49px; width: 580px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; background-image:url(../images/offwhitetransparent.png); color: #013328; border-radius:0px 0px 13px 13px; -moz-border-radius: 0px 0px 13px 13px; -webkit-border-radius: 0px 0px 13px 13px; font-size: 16px; behavior: url(js/PIE.htc);}   
.bigimage {float: left; padding-right: 20px; padding-bottom: 20px;}


/* sellyachtbox */

.textboxsell {position: absolute; width: 600px; left: 50%; margin-left: -300px; top: 200px; z-index: 10;}
.tbselltopleft {width: 554px; height: 39px; background-image:url(../images/offwhitetransparent.png); color: #013328; font-size: 22px; padding-left: 20px; padding-top: 10px; border-radius:13px 0px 0px 0px; -moz-border-radius: 13px 0px 0px 0px; -webkit-border-radius: 13px 0px 0px 0px; behavior: url(js/PIE.htc);}
.cornerreliefsell {position: absolute; left: 574px; top: 0px; background-image:url(../images/cornerreliefwhite.png); background-repeat:no-repeat; width: 47px; height: 49px;}
.tbsellbottom {position: absolute; left: 0px; top: 49px; width: 580px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; background-image:url(../images/offwhitetransparent.png); color: #013328; border-radius:0px 0px 13px 13px; -moz-border-radius: 0px 0px 13px 13px; -webkit-border-radius: 0px 0px 13px 13px; font-size: 16px; behavior: url(js/PIE.htc);}

/* serviceyachtbox */

.textboxser {position: absolute; width: 600px; left: 50%; margin-left: -300px; top: 200px; z-index: 10;}
.tbsertopleft {width: 554px; height: 39px; background-image:url(../images/offwhitetransparent.png); color: #013328; font-size: 22px; padding-left: 20px; padding-top: 10px; border-radius:13px 0px 0px 0px; -moz-border-radius: 13px 0px 0px 0px; -webkit-border-radius: 13px 0px 0px 0px; behavior: url(js/PIE.htc);}
.cornerreliefser {position: absolute; left: 574px; top: 0px; background-image:url(../images/cornerreliefwhite.png); background-repeat:no-repeat; width: 47px; height: 49px;}
.tbserbottom {position: absolute; left: 0px; top: 49px; width: 580px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; background-image:url(../images/offwhitetransparent.png); color: #013328; border-radius:0px 0px 13px 13px; -moz-border-radius: 0px 0px 13px 13px; -webkit-border-radius: 0px 0px 13px 13px; font-size: 16px; behavior: url(js/PIE.htc);}

/* left menu box */

.leftmenubox {position: absolute; width: 210px; height: 195px; left: 0px; top: 195px; overflow: hidden; font-size: 18px; line-height: 18px;}
.topmenuline {position: absolute; left: -210px; top: 0px; background-image:url(../images/topmenuline.png); height: 16px; width: 210px; z-index: 2;}
.backgroundbox {position: absolute; left: 0px; top: -195px; width: 210px; height: 175px; padding-top: 20px; background-color: #006b54; border-radius:0px 0px 13px 0px; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-radius: 0px 0px 13px 0px; z-index: 1; behavior: url(js/PIE.htc);}
.leftmenubutton {padding-left: 12px; width: 192px; height: 30px; padding-top: 5px; margin-top: 5px; color: #FFF; float: left;}
.leftmenubutton:hover {
	color: #013328;
	background-image:url(../images/leftmenuover.png);
	background-repeat: no-repeat;
}

/* left menu box buy */

.leftmenuboxb {position: absolute; width: 210px; height: 150px; left: 0px; top: 195px; overflow: hidden; font-size: 18px; line-height: 18px;}
.backgroundboxb {position: absolute; left: 0px; top: -150px; width: 210px; height: 130px; padding-top: 20px; background-color: #006b54; border-radius:0px 0px 13px 0px; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-radius: 0px 0px 13px 0px; z-index: 1; behavior: url(js/PIE.htc);}
.searchmorebutton a {font-size: 22px; color:#013328; border-bottom: 1px inset #013328;}
.searchmorebutton a:hover {color: #caa651; border-bottom: 1px inset #caa651;}

/* left menu box sell */

.leftmenuboxs {position: absolute; width: 210px; height: 80px; left: 0px; top: 195px; overflow: hidden; font-size: 18px; line-height: 18px;}
.backgroundboxs {position: absolute; left: 0px; top: -80px; width: 210px; height: 60px; padding-top: 20px; background-color: #006b54; border-radius:0px 0px 13px 0px; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-radius: 0px 0px 13px 0px; z-index: 1; behavior: url(js/PIE.htc);}
.contactmorebutton a {font-size: 22px; color:#013328; border-bottom: 1px inset #013328;}
.contactmorebutton a:hover {color: #caa651; border-bottom: 1px inset #caa651;}
.backgroundboxwl {position: absolute; left: 0px; top: 0px; width: 210px; height: 60px; padding-top: 20px; background-color: #006b54; border-radius:0px 0px 13px 0px; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-radius: 0px 0px 13px 0px; z-index: 1; behavior: url(js/PIE.htc);}

/* left menu box mckinna */

.leftmenuboxmk {position: absolute; width: 210px; height: 120px; left: 0px; top: 195px; overflow: hidden; font-size: 18px; line-height: 18px;}
.backgroundboxmk {position: absolute; left: 0px; top: -120px; width: 210px; height: 100px; padding-top: 20px; background-color: #006b54; border-radius:0px 0px 13px 0px; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-radius: 0px 0px 13px 0px; z-index: 1; behavior: url(js/PIE.htc);}

/* left menu box services */

.leftmenuboxser {position: absolute; width: 210px; height: 240px; left: 0px; top: 195px; overflow: hidden; font-size: 18px; line-height: 18px;}
.backgroundboxser {position: absolute; left: 0px; top: -240px; width: 210px; height: 220px; padding-top: 20px; background-color: #006b54; border-radius:0px 0px 13px 0px; -moz-border-radius: 0px 0px 13px 0px; -webkit-border-radius: 0px 0px 13px 0px; z-index: 1; behavior: url(js/PIE.htc);}

/* scrollbar paper */
.scrollcontent {height: 300px; width: 580px;  overflow:hidden; margin-top: 10px; }
.scrollcontentx {height: 300px; width: 580px;  overflow: auto; margin-top: 10px; }
div.jScrollieMetaContainer {   /* MetaContainer takes up entire window */  position:absolute;   width: 520px; height: 280px; padding-right: 50px; overflow: hidden;}
div.jScrollieContainer {  position: absolute;  z-index: 9999;  top:10px;  right:10px;  bottom:0;  width:17px;}
div.jScrollieTrack {  position: absolute;  top: 0px;  right: 0px;  height: 100%;  cursor: pointer;  width:11px;  background-color: #024930;  -moz-border-radius:10px;	border-radius:10px;  behavior: url(js/PIE.htc);}
div.jScrollieDrag {  position: absolute;  width: 5px; margin-left: 3px;  height: 50px;  background-color: #FFF;  -moz-border-radius:10px;	border-radius:10px;  behavior: url(js/PIE.htc);}
div.jScrollieDragTop {  position: absolute;  top: 0px;  width: 90%; height: 100%;}
div.jScrollieDragBottom {  position: absolute;  bottom: 0px;  width: 90%; height: 100%; }
div.jScrollie {   overflow-y:scroll;  height:100%;  width:110%; padding-right: 400px;  overflow-x:hidden;}

/* scrollbar2 */
.scrollcontent1, .scrollcontent2, .scrollcontent3, .scrollcontent4, .scrollcontent5, .scrollcontent6, .scrollcontent7, .scrollcontent8  {height: 300px; width: 580px;  overflow: auto;}
/* content block 1 */
.scrollable {
	overflow: hidden !important;
	position: relative;
}

.scrollable .scrollcontent {
	position: relative;
	overflow: hidden;
	line-height: 0px;
	width: 580px;
}

.scrollable .scrollwrap {
	overflow: hidden;
	display: inline-block;
	line-height: 1.3em;
}

.scrollable .scrollwrap:after {
	display: none;
}

.scrollable.no_scroll_v .scrollcontent {
	left: auto;
	right: 0px;
}

.scrollable.no_scroll_h .scrollcontent {
	top: auto;
	bottom: 0px;
}
			
.scrollable .scroller {
	position: absolute;
}

.scrollable .vscroller {
	top: 0px;
	left: auto;
	right: 0px;
	width: 13px;
	bottom: 0px;
	background-color: #024930;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(js/PIE.htc);
}

.scrollable.no_scroll_v .vscroller {
	display: none;
}

.scrollable.no_scroll_h .vscroller {
	bottom: 0px;
}

.scrollable .hscroller {
	left: 0px;
	top: auto;
	right: 20px;
	height: 20px;
	bottom: 0px;
}

.scrollable.no_scroll_v .hscroller {
	right: 0px;
}

.scrollable.no_scroll_h .hscroller {
	display: none;
}
		
.scrollable .scrollarea {
	position: absolute;
}

.scrollable .vscroller .scrollarea {
	top: 20px;
	bottom: 20px;
	left: 0px;
	right: 0px;
}

.scrollable .hscroller .scrollarea {
	top: 0px;
	bottom: 0px;
	left: 20px;
	right: 20px;
}

.scrollable .scrollblock {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	behavior: url(js/PIE.htc);
}

.scrollable .scrollblock:hover {
	background-color: #FFF;
}

.scrollable .vscroller .scrollblock {
	top: 20px;
	height: 60px;
	left: 4px;
	right: 4px;
}

.scrollable .hscroller .scrollblock {
	left: 70px;
	width: 20px;
	top: 4px;
	bottom: 4px;
}

.scrollable .scrollbtn {
	position: absolute;
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-weight: bold;
	
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	
	-moz-box-sizing: border-box;
	behavior: url(js/PIE.htc);
	cursor: default;
}

.scrollable .scrollbtn:hover {
	color: #FFF;
}

.scrollable .scrolltop {
	top: 0px;
	left: 0px;
}

.scrollable .scrolldown {
	left: 0px;
	bottom: 0px;
	top: auto;
}

.scrollable .scrollleft {
	left: 0px;
	top: 0px;
}

.scrollable .scrollright {
	top: 0px;
	right: 0px;
	left: auto;
}

.scrollable .filler {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 20px;
	width: 20px;
	left: auto;
	top: auto;
}

.scrollable.no_scroll_v .filler,
.scrollable.no_scroll_h .filler {
	display: none;
}