/************************* BODY + ELEMENTS *******************/
@font-face{font-family: "opensans-light-webfont"; src: url("../fonts/opensans-light-webfont.eot"); src: url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.woff2") format("woff2"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans-light-webfont.svg#GillSansMTPro-Light") format("svg"); font-weight: 300; font-style: normal}		
HTML{-webkit-text-size-adjust: 100%}
BODY{margin: 0px; padding: 0px; background: #fff url(../images/bg-body.png) repeat-x 0px 145px}
H1,H2,H3,H4,H5,DIV,P,A,IMG,UL,LI,FIELDSET,FORM,INPUT,SELECT,OPTION,TEXTAREA,TABLE,TH,TR,TD,IFRAME{color: #000; font-family: "opensans-light-webfont"; font-size: 12px; line-height: 12px; font-weight: normal; letter-spacing: 0px; word-spacing: 0px; margin: 0px; padding: 0px; list-style-type: none}
DIV,IMG,FORM,FIELDSET{font-size: 1px; line-height: 0px; border: none}
TABLE{border-spacing: 0px; border-collapse: collapse}


/************************* FONTS *******************/
H1, H2{color: #888; font-size: 54px; line-height: 54px; letter-spacing: -4px; padding: 0px 0px 25px 0px}
H1.small, H2{color: #404040; font-size: 38px; line-height: 44px; letter-spacing: -2px; padding: 0px 0px 20px 0px}
H2{color: #101010; font-size: 34px; line-height: 40px; letter-spacing: -1px}
	
P.intro, P.intro A{color: #181818; font-size: 20px; line-height: 30px}	
P.intro {padding: 0px 0px 25px 0px}
P.main, P.main SPAN.italic{color: #000; font-size: 16px; line-height: 25px}	
P.main SPAN.italic{font-style: italic}	
P.main{padding: 0px 0px 20px 0px}	
P.credit{display: none}


/************************* CONTAINER *******************/
#container, DIV.container{width: 92%; max-width: 1200px; min-height: 0px; margin: 0px auto; padding: 115px 0px 0px 0px; position: relative; overflow: hidden; background: url(../images/logo.png) no-repeat 0px 22px}
DIV.container{padding: 0px; background: transparent}
#shadow-border{width: 100%; height: 22px; margin-bottom: 30px; border-top: solid 5px #fff}

#icon-logo{width: 268px; height: 75px; display: block; position: absolute; left: 0px; top: 22px; background: transparent}
#icon-logo SPAN{display: none}


/************************* TOP STRIP *******************/
#top-strip{width: 100%; height: 30px; border-bottom: solid 1px #d8d8d8; background: #ececec}
#top-strip P{float: right}
#top-strip P.email{padding-top: 10px}
#top-strip P.email A{color: #000; font-size: 12px; line-height: 12px; text-decoration: none; padding-left: 20px; background: url(../images/icon-email.png) no-repeat left center}
#top-strip P.tel{color: #000; font-size: 12px; line-height: 12px; margin-right: 40px; padding: 10px 0px 0px 20px; background: url(../images/icon-tel.png) no-repeat left 10px}


/************************* NAV *******************/
#main-nav{text-align: right; width: calc(100% - 280px); position: absolute; left: 280px; top: 55px}
#main-nav A.nav{font-family: Arial, sans-serif; color: #000; font-size: 14px; line-height: 14px; text-decoration: none; margin-left: 6%; padding: 0px 0px 8px 0px; border-bottom: solid 3px #fff; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}
#main-nav A.nav-left{margin: 0px}
#main-nav A.nav:hover{color: #606060; border-bottom: solid 3px #d0d0d0}

#icon-menu{display: none}	


/************************* SLIDESHOW *******************/
#slideshow-outer{width: 100%; max-width: 1600px; margin: 0px auto; overflow: hidden}
#slideshow{width: 100%; height: auto; margin: 0px auto; position: relative; overflow: hidden}
#slide{width: 100%; height: auto; z-index: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Fade(duration=1)"; filter :progid:DXImageTransform.Microsoft.Fade(duration=1)}
#next{width: 100%; height: auto; position: absolute; left: 0px; top: -5000px}
#next-slide{width: 100%; height: auto}
#slide-nav{width: 100%; height: 30px; margin: -31px 0px 0px 0px; border-top: solid 1px #6d85a4; position: absolute; left: 0px; top: 100%; background: url(../images/bg-slide-nav.png)}

#slide, #next{width: 120%; margin-left: -12%}

#slide-lights{height: 10px; padding: 9px 0px 11px 0px; z-index: 50}
DIV.slide-light{width: 8px; height: 8px; margin: 2px 6px 0px 2px; float: left; cursor: pointer; background: url(../images/bullet-white.png)}
DIV.slide-light-grey{background: url(../images/bullet-grey.png)}

DIV.button-pause, DIV.button-play{width: 10px; height: 12px; margin: 0px 2px 0px 13px; float: right; cursor: pointer; background: url(../images/button-pause.png) no-repeat 0px 0px}
DIV.button-play{width: 9px; background: url(../images/button-play.png) no-repeat 0px 0px}

DIV.button-pause:hover, DIV.button-pause-active{background: url(../images/button-pause.png) no-repeat 0px -12px}
DIV.button-play:hover, DIV.button-play-active{background: url(../images/button-play.png) no-repeat 0px -12px}


/************************* TILES *******************/
#tiles{margin-top: 50px; padding: 50px 0px 50px 0px; clear: both; border-top: solid 4px #e8e8e8}

A.tile{text-decoration: none; width: calc(25% - 9px); display: inline-block; vertical-align: top}
A.tile IMG{width: 100%; height: auto; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}
A.tile P.collection{font-family: Arial, sans-serif; color: #303030; font-size: 18px; line-height: 24px; letter-spacing: -1px; text-align: center; margin: 20px 0px 0px 0px; padding: 20px 0px 15px 0px; border-top: dotted 1px #505050}
A.tile P.more{color: #202020; font-size: 14px; line-height: 16px; text-transform: uppercase; text-align: center; letter-spacing: 1px; text-decoration: underline}
A.tile:hover IMG{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6}
DIV.tile-spacer{width: 12px; height: 50px; display: inline-block; vertical-align: top}

	
/************************* FOOTER *******************/
#footer{width: 100%; padding: 40px 0px 40px 0px; background: #505050}
#footer DIV.container{max-width: 1000px}
DIV.footer-col{width: calc(50% - 150px); margin: 0px 0px -1000px 0px; padding: 0px 0px 1000px 0px; float: left}
DIV.footer-col-3{width: 140px; padding-left: 159px; border-left: solid 1px #808080; float: right}
	
DIV.footer-col P.office{color: #e8e8e8; font-size: 22px; line-height: 22px; letter-spacing: -1px; padding-bottom: 20px}
DIV.footer-col P.address{color: #f0f0f0; font-size: 14px; line-height: 22px; padding: 0px 35px 25px 0px}
DIV.footer-col P.phone, DIV.footer-col P.email{color: #f0f0f0; font-size: 14px; line-height: 18px; font-weight: bold; padding-bottom: 5px}
DIV.footer-col P.email{font-size: 14px; line-height: 18px; font-weight: normal; padding: 0px}

DIV.footer-col-3 DIV.elan{margin-bottom: 45px}
DIV.footer-col-3 P{padding: 0px 0px 15px 0px}
DIV.footer-col-3 A{margin: 0px 10px 0px 0px}	


/************************* FOOTER SUB *******************/
#footer-sub{padding: 25px 0px 0px 0px} 
#footer-sub P{text-align: center}
#footer-sub P.main{margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; border-bottom: solid 1px #d0d0d0}
#footer-sub P.main A{color: #404040; font-size: 14px; line-height: 14px; text-decoration: none; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}
#footer-sub P.main SPAN{color: #606060; font-size: 14px; line-height: 14px; padding: 0px 10px 0px 10px}

P.footer-misc{color: #202020; font-size: 12px; line-height: 18px; padding: 0px 0px 20px 0px}
P.footer-credit, P.footer-credit A{color: #686868; font-size: 16px; line-height: 16px; font-weight: bold; letter-spacing: -1px}
P.footer-credit{padding: 0px 0px 30px 0px}
 
#footer-admin{text-align: center; padding: 20px 0px 20px 0px; background: #000}
#footer-admin A{color: #d8d8d8; font-size: 12px; line-height: 12px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px} 


/************************* GOOGLE MAP *******************/
#google-map{float: right; display: none}
#button-map-close{width: 30px; height: 30px; margin: 0px 0px 0px -40px; position: absolute; left: 100%; top: 10px; cursor: pointer; display: none}

#side-bar{width: 250px; position: absolute; left: 0px; top: 0px; border-right: solid 1px #202020; display: none; background: #fff url(../images/logo.png) no-repeat -75px 10px}
#side-bar P.office{color: #202020; font-size: 16px; line-height: 16px; letter-spacing: -1px; word-spacing: 2px; font-weight: bold; margin-top: 95px; padding: 20px 0px 5px 10px; border-top: solid 1px #202020}
#side-bar P.office-2{margin: 0px; padding-top: 5px; border: none}
#side-bar P.address{color: #202020; font-size: 14px; line-height: 20px; padding: 0px 0px 20px 10px}
#side-bar P.email{color: #202020; font-size: 16px; line-height: 16px; font-weight: normal; padding: 0px 0px 0px 10px}


/************************* COMMON CLASSES *******************/
#body .rarr{font-family: georgia,"Times New Roman",times,serif; font-size: 14px; line-height: 14px; padding: 0px 5px 0px 5px}
#body .clear{width: 100%; clear: both; font-size: 1px; line-height: 1px}
#body .link-text{display: none}
#body .center{text-align: center}
#body .no-padding{padding-bottom: 0px}


/************************* HOME PARTNERS *******************/
#home-partners{margin: 20px 0px 0px 0px; border-top: solid 4px #e8e8e8}
#home-partners DIV.container{max-width: 1300px}

DIV.partners{padding: 55px 0px 55px 0px; border-top: solid 1px #d0d0d0}
DIV.partners-top{border: none}

DIV.partners-left, DIV.partners-right{display: inline-block; vertical-align: middle}
DIV.partners-left{width: 489px}
DIV.partners-left IMG{width: 100%; height: auto}

DIV.partners-right{width: calc(100% - 489px)}	
DIV.partners-right IMG{display: none}

DIV.partners-right H2{font-family: Arial, sans-serif; color: #303030; font-size: 24px; line-height: 28px; letter-spacing: -1px; padding-bottom: 20px}	
DIV.partners-right P.content{font-size: 16px; line-height: 25px}	
DIV.partners-right P.link A{font-size: 16px; line-height: 16px; text-decoration: none; padding: 5px 50px 5px 50px; border: solid 1px #a0a0a0; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}	
DIV.partners-right P.link A:hover{color: #fff; background: #a0a0a0}	
DIV.partners-right P.link{font-size: 16px; line-height: 16px; margin: 25px 0px 10px 0px; padding-top: 10px}	

DIV.partners-right-odd H2, DIV.partners-right-odd P{padding-left: 50px}
DIV.partners-right-even H2, DIV.partners-right-even P{text-align: right; padding-right: 50px}


/************************* HOME YACHT CHARTERS *******************/
#yacht-charters{background: url(../images/banners/yacht-charters-phuket.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover}
#yacht-charters DIV.container{text-align: center; max-width: 700px; padding: 60px 0px 60px 0px}
#yacht-charters H2, #yacht-charters H2 SPAN{font-family: Arial, sans-serif; color: #fff; font-size: 80px; line-height: 100px; letter-spacing: -3px; padding: 0px}
#yacht-charters H2 SPAN.kern-less{letter-spacing: 0px}
#yacht-charters H2 SPAN.kern-more{letter-spacing: -12px}

#yacht-charters P.intro{color: #fff; font-size: 50px; line-height: 50px; letter-spacing: -3px; padding: 20px 0px 80px 0px}
#yacht-charters P.read-more{text-align: center; width: 240px; margin: 0px auto}
#yacht-charters P.read-more A{color: #fff; font-size: 28px; line-height: 28px; text-decoration: none; padding: 6px 0px 6px 0px; border: solid 2px #fff; display: block; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}
#yacht-charters P.read-more A:hover{color: #000; background: #fff}