/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset,figure, input {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {x
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background:#fff;
	font-size:14px;
	font-family: 'LatoLightRegular';
	color:#000000;
}
a {
	color: #cecbc8;
	text-decoration: none;
	outline: none;
}
p {
	margin: 0;
	padding: 0;
}
@font-face {
    font-family: 'LatoLightRegular';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('data:../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('data:../fonts/lato-light-webfont.woff') format('woff'),
         url('data:../fonts/lato-light-webfont.ttf') format('truetype'),
         url('data:../fonts/lato-light-webfont.svg#LatoLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('data:../fonts/lato-bold-webfont.eot');
    src: url('data:../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('data:../fonts/lato-bold-webfont.woff') format('woff'),
         url('data:../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('data:../fonts/lato-bold-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CardoRegular';
    src: url('../fonts/cardo104s-webfont.eot');
    src: url('../fonts/cardo104s-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cardo104s-webfont.woff') format('woff'),
         url('../fonts/cardo104s-webfont.ttf') format('truetype'),
         url('../fonts/cardo104s-webfont.svg#CardoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.BodyImg {
	background:url(../images/body-img.jpg) no-repeat top center;
}


/************************************************************************************
LOADING
*************************************************************************************/

.marquee1, .marquee2 {
	font-family:LatoLightRegular; 
	font-size:30px; 
	color:#cecbc8; 
	font-weight:bold
}

..marquee1 div, .marquee2 div {
	font-family: 'LatoBold';
	color:#040404;
	font-weight:bold;
}

#SkipIntro {
	position:absolute;
	clear:both;
	font-family: 'LatoBold';
	font-size:11px;
	color:#000000;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
}

#SkipIntro a {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}

#SkipIntro a:hover {
	color:#bfb9b1;
}
	


/************************************************************************************
GLOBAL
*************************************************************************************/

.Container{
	width:100%;
	margin:0 auto;
	height:auto;
	padding:0;
}


.MainWrapper {
	width:960px;
	margin:0 auto;
	height:auto;
	padding:0;
}


.Footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#9c9c9c;
	width:960px;
	height:auto;
	margin:0 auto;
	height:40px;
	clear:both;
	bottom:0px;
	text-align:right;
	text-transform:uppercase;
	position:relative;
	z-index:100;
}

.BodyContent {
	width:960px;
	margin:28px auto 35px auto;
	float:left;
	font-family:'LatoBold';
}

.SldShwTpMar {
	margin-top:0px;
}

h1 {
	font-family: 'CardoRegular';
	font-size:17px;
	letter-spacing:1px;
	color:#5e3726;
	padding-bottom:18px;
	text-transform:uppercase;
	text-align:left;
	font-weight:normal;
}

p {
	padding-bottom:18px;
	text-align:left;
}


.SpritIcons {background:url(../images/sprite-img.png) no-repeat left top;}
.BackTopBtn {background-position:-114px 0px; width:72px; height:32px; display: block; float:right;}
.BackTopBtn:hover {background-position:-114px -41px;}
.TopBackBtn {background-position:-114px -253px; width:72px; height:32px; display: block; float:right;}
.TopBackBtn:hover {background-position:-114px -298px;}
.ImgSerHead {background-position:-58px -0px; width:45px; height:260px;}
.BookAppHead {background-position:-0px -0px; width:45px; height:344px;}
.BookHead {background-position:-0px -0px; width:45px; height:80px;}
.LtGyArw {background-position:-118px -83px; width:21px; height:18px; display: block; float:left; padding-right:15px; margin-top:2px;}
.LtGyArw:hover {background-position:-118px -107px;}
.RtGyArw {background-position:-118px -132px; width:21px; height:18px; display: block; float:left; padding-right:15px; margin-top:2px;}
.RtGyArw:hover {background-position:-118px -156px;}
.PlayPause {background-position:-156px -82px; width:15px; height:18px; display: block; float:left; margin-top:2px;}
/*.PlayPause:hover {background-position:-156px -107px;}*/
.MoreIcon {background-position:-155px -131px; width:25px; height:23px; display: block; float:right; padding-right:2px;}
.MoreIcon:hover {background-position:-155px -158px;}
.MoreBtn {background-position:-115px -189px; width:39px; height:22px; display: block; float:right;}
.MoreBtn:hover {background-position:-115px -218px;}
.WeatherHead {background-position:-197px -1px; width:261px; height:50px; display: block;}
.AloneSeaBookHead {background-position:-0px -363px; width:458px; height:50px; display: block; margin-top:80px; padding-bottom:37px;}
.AloneSolitudeHead {background-position:-204px -65px; width:384px; height:55px; display: block; padding-bottom:38px;}
.ImgSerHead1 {background-position:-0px -474px; width:45px; height:218px;}
.BookAppHead1 {background-position:-134px -474px; width:49px; height:359px;}
.TimeAppHead {background-position:-67px -474px; width:49px; height:356px;}
.HoweSoundLogo {background-position:-204px -167px; width:295px; height:118px;}
.MoreBtnNew {background-position:-225px -309px; width:66px; height:23px; display: block; float:right; margin-left:15px;}
.MoreBtnNew:hover {background-position:-305px -309px;}



/************************************************************************************
HOME
*************************************************************************************/

.HomeMainWrapper {
	/*width:960px;*/
	margin:0 auto;
	height:auto;
	padding:0;
}

#Header {
	width:960px;
	margin:0 auto;
}

.Logo {
	float:left;
	height:92px;
	width:230px;
	margin-top:10px;
	position:relative;
	z-index:100;
}

/* Menu Start */

.Nav {
	width:665px;
	float:right;
	height:92px;
	z-index:100;
	position:relative;

}

/*.Nav ul {
	list-style:none;
	width:540px;
	float:right;
}

.Nav ul li {
	float:left;
	padding-right:27px;
}

.Nav ul li a {
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}*/

.MenuSprit {background:url(../images/menu.png) no-repeat center top; cursor:pointer;}
.Portfolio {background-position: -0px -0px; width:105px; height:93px; display:block;}
.Portfolio:hover {background-position: -0px -93px;}
.PortfolioActive {background-position: -0px -93px; width:105px; height:93px; display:block;}
.Blog {background-position: -551px -0px; width:105px; height:93px; display:block;}
.Blog:hover {background-position: -551px -93px;}
.BlogActive {background-position: -551px -93px; width:105px; height:93px; display:block}
.About {background-position: -132px -0px; width:105px; height:93px; display:block;}
.About:hover {background-position: -132px -93px;}
.AboutActive {background-position: -132px -93px; width:105px; height:93px; display:block}
.Collab {background-position: -264px -0px; width:137px; height:93px; display:block;}
.Collab:hover {background-position: -264px -93px;}
.CollabActive {background-position: -264px -93px; width:137px; height:93px; display:block;}
.Contact {background-position: -428px -0px; width:105px; height:93px; display:block;}
.Contact:hover {background-position: -428px -93px;}
.ContactActive {background-position: -428px -93px; width:105px; height:93px; display:block;}


#Banner {
	width:100%;
	margin:0 auto;
	height:310px;
	clear:both;
	position:absolute;
	/*top:100px;*/
	overflow:hidden;
	/*padding-top:100px;*/
}

.PotfolioLink {
	font-family: 'CardoRegular';
	font-size:14px;
	font-style:italic;
	text-align:center;
	position:relative;
	z-index:100;
	color:#c0beba;
	margin:30px 0 100px 0;
	top:100px;
}

.PotfolioLink a {
	color:#c0beba;
	text-decoration:none;
}

#myCanvas
{
	background-color:#ffffff;
	z-index:-100;
	top:0px;
	margin:0;
	padding:0;
	position:absolute;
}

/************************************************************************************
PORTFOLIO
*************************************************************************************/


#PortBanner {
	width:960px;
	margin:0 auto 100px;
	height:450px;
	clear:both;
	/*text-align:center;*/
	box-shadow:0 0 10px #a2a2a2;
	-moz-box-shadow:0 0 10px #a2a2a2;
	-webkit-box-shadow:0 0 10px #a2a2a2;
	-ms-box-shadow:0 0 10px #a2a2a2;
	behavior: url(PIE.htc);
}

.BreadCrumb {
	width:100%;
	float:left;
	height:14px;
	margin:24px 0 28px 0;
	font-family: 'LatoBold';
	color:#000000;
	font-size:12px;
}

.BreadCrumb a {
	color:#cecbc8;
	font-size:12px;
	text-align:left;
	background:url(../images/bread-arrow.png) right no-repeat;
	padding-right:20px;
	width:auto;
	margin-right:10px;
}

.BreadCrumb a:hover {
	color:#000000;
}

.SlideshowMar {
	margin-bottom:40px;
}

.ImgSeriMar {
	margin-bottom:12px;
}


/************************************************************************************
COLLABORATION
*************************************************************************************/

#CollabBanner {
	width:960px;
	background:url(../images/collab-bg.jpg) no-repeat center top;
	margin:0 auto 100px;
	height:526px;
	clear:both;
	text-align:center;
	color:#000000;
	line-height:18px;
	font-size:13px;
	font-family: 'LatoBold';
}

#CollabBanner h2 {
	font-family: 'LatoBold';
	font-size:16px;
	text-align:left;
	font-weight:bold;
	padding-bottom:26px;
	padding-top:22px;
	color:#5e3726;
}

#CollabBanner h2 a {
	color:#5e3726;
	text-decoration:none;
}

#CollabBanner h2 a:hover {
	text-decoration:underline;
}

#CollabBanner p {
	letter-spacing:1px;
}

.CollabTxt {
	width:530px;
	margin:70px 0 0 210px;
	float:left;
	height:355px;
	overflow:hidden;
}

.Arrows {
	float:right;
	text-align:center;
	width:27px;
	margin:67px 150px 0 0;
}

.Arrows .ArSec {
	float:left; width:27px; margin-bottom:13px;
	-webkit-user-select: none;
}

.TopArw {
	width:13px;
	height:8px;
	text-align:center;
	background:url(../images/top-arrow.png) no-repeat top;
	cursor:pointer;
	pointer-events:none;
}

.TopArw:hover {
	background:url(../images/top-arrow-ovr.png) no-repeat top;
}

.DownArw {
	width:13px;
	height:8px;
	text-align:center;
	background:url(../images/down-arrow.png) no-repeat top;
	cursor:pointer;
	/*pointer-events:none;*/
}

.DownArw:hover {
	background:url(../images/down-arrow-ovr.png) no-repeat top;
}

/************************************************************************************
CONTACT
*************************************************************************************/

#ContactBanner {
	width:960px;
	background:url(../images/contact-bg.jpg) no-repeat center top;
	margin:0 auto 100px;
	height:552px;
	clear:both;
	color:#000000;
	line-height:18px;
	font-size:13px;
	font-family: 'LatoBold';
}

.ConInfo {
	width:250px;
	margin:130px 0 0 330px;
	float:left;
	height:200px;
	overflow:hidden;
}

.ConInfo h1 {
	padding-bottom:32px;
}

.ConInfo a {
	color:#5e3726;
}

.ConInfo a:hover {
	color:#cecbc8;
}

.GalInfo {
	width:250px;
	margin:195px 0 0 95px;
	float:left;
}

.GalInfo h1 {
	padding-bottom:32px;
}

.ConArw {
	float:right;
	text-align:center;
	width:27px;
	margin:115px 260px 0 0;
}


/************************************************************************************
ABOUT
*************************************************************************************/

#AboutBanner {
	width:960px;
	background:url(../images/about-bg.jpg) no-repeat center top;
	margin:0 auto 20px;
	height:630px;
	clear:both;
	color:#000000;
	line-height:18px;
	font-size:13px;
	font-family: 'LatoBold';
}


#AboutBanner a {
	color:#5e3726;
}

#AboutBanner a:hover {
	color:#cecbc8;
}

.Gall {
	width:315px;
	margin:52px 0 0 95px;
	float:left;
	height:193px;
	overflow:hidden;
}

.Mono {
	width:345px;
	margin:130px 0 0 40px;
	float:left;
	height:170px;
	overflow:hidden;
}

.Sele {
	width:345px;
	margin:38px 0 0 250px;
	float:left;
	height:200px;
	overflow:hidden;
}

.scrollable
{
	position:relative;
}

.GallArw {
	float:left;
	text-align:center;
	width:27px;
	margin:50px 0 0 30px;
}

.MonoArw {
	float:left;
	text-align:center;
	width:27px;
	margin:128px 0 0 18px;
}

.SeleArw {
	float:left;
	text-align:center;
	width:27px;
	margin:40px 0 0 7px;
}

.NoMarBread {margin-bottom:0px;}

/************************************************************************************
Repeat After Me
*************************************************************************************/

.RAMRow {
	padding-left: 100px;
}

.RAMBG {
	background:url(../images/RepeatAfterMeBackground.jpg) #fafafa no-repeat center top;
	-webkit-background-size: 2000px 1426px;
}

.ImgSerSelectRAM {
	background:url(../images/RAM-img-series.jpg) no-repeat left top;
	border:14px solid #FFFFFF;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
	behavior: url(PIE.htc);
	width:473px;
	height:240px;
	margin-bottom:12px;
	display:block;
}

.RAMBookAppImg {
	background:url(../images/RepeatAfterMeBookShot.jpg) no-repeat left top;
	width:360px;
	height:367px;
	float:left;
	padding-right:20px;
}

/************************************************************************************
Post Consumer
*************************************************************************************/

.PCRow {
	padding-left: 100px;
}

.PCBG {
	background:url(../images/PostConsumer_BG.jpg) #fafafa no-repeat center top;
	-webkit-background-size: 2000px 1426px;
}

.ImgSerSelectPC {
	background:url(../images/PostConsumer-img-series.jpg) no-repeat left top;
	border:14px solid #FFFFFF;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
	behavior: url(PIE.htc);
	width:377px;
	height:250px;
	margin-bottom:12px;
	margin-right:12px;
	float:left;
	display:block;
}


.PCBookAppImg {
	background:url(../images/RepeatAfterMeBookShot.jpg) no-repeat left top;
	width:360px;
	height:367px;
	float:left;
	padding-right:20px;
}

/************************************************************************************
WIND ARMY EBOOK
*************************************************************************************/

.WinBan {
	width:960px;
	margin:0 auto;
	height:auto;
	font-family: 'LatoBold';
	font-size:14px;
	color:#000000;
	text-align:left;
	line-height:23px;
	/*overflow:hidden;*/
}

.WinBan label {
	font-style:italic;
	font-family: 'CardoRegular';
	color:#000000;
	font-size:14px;
	}

.WinBan a {
	font-style:italic;
	font-family: 'CardoRegular';
	color:#a9a6a2;
	font-size:14px;
}

.WinBan a:hover {
	color:#8c0d11;
}

.WinBan-1 {
	float:left;
	position:absolute;
}

.WinBan-1 a {
	font-family: 'CardoRegular';
	font-style:italic;
	color:#000000;
	letter-spacing:1px;
}

.WinBan-1 strong {
	font-family: 'LatoBold';
	color:#000000;
	font-weight:normal;
	line-height:40px;
	font-size:15px;
}

.WinBan-1 a:hover {
	color:#cecbc8;
}

.WinBanTxt {
	width:456px; 
	float:left; 
	background:url(../images/quote-img.png) no-repeat top; 
	font-family: 'CardoRegular'; 
	font-size:18px; 
	color:#8b8b8b; 
	line-height:37px; 
	text-align:center;
}

.WinBanTxt p {
	text-align:center;
	padding:8px 0 5px 5px;
}

.WinBanTxt p em {
	font-size:26px; font-style:normal; padding-left:38px;
}

.WinBan-1 img {
	padding:0 40px 0 0;
	float:left;
}

.ebook_slideShow{
	position:relative;
	width:640px;
	height:450px;
}

.ebook_btnSec {
	float:none;
	margin:0px auto 100px auto;
	opacity:0;
	position:relative;
	top:20px;
}

.ebook_btnSec a {
	font-style:italic;
	font-family: 'CardoRegular';
	color:#a9a6a2;
	font-size:14px;
}

.ebook_btnSec a:hover {
	color:#8c0d11;
}

.WindClick {width:100%; text-align:center; color:#a9a6a2; font-size:14px; font-family: 'CardoRegular'; font-style:italic; margin-top:20px;}

.WindAwardSec {width:550px; margin:0 auto 0 auto; color:#212121; font-size:15px; line-height:24px; font-family: 'CardoRegular'; margin-bottom:38px; text-align:left;}
.WindAwardSec img {float:left; padding-right:20px;}
.WindAwardSec span {color:#820001; padding-top:10px; line-height:32px;}

/************************************************************************************
Synbols
*************************************************************************************/

.SymbolsBG {
	background:url(../images/SYMBOLS.jpg) #fafafa no-repeat center top;
	-webkit-background-size: 2000px 1426px;
}

.SymbolsRow {
	width:960px;
	float:left;
	margin-bottom:70px;
}

.Symbols {
	width:565px;
	float:left;
}

.ImgSerSelectSymbols {
	background:url(../images/img-ser-img-def-Symbols.jpg) no-repeat left top;
	border:14px solid #FFFFFF;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
	behavior: url(PIE.htc);
	width:565px;
	height:190px;
	margin-bottom:12px;
	display:block;
}

.SymbolsBookAppImg {
	background:url(../images/SymbolsCover.jpg) no-repeat left top;
	width:360px;
	height:360px;
	float:left;
	padding-right:20px;
}

/************************************************************************************
ATOMIC MIRRORS
*************************************************************************************/

.AtomicMirrorsBG {
	background:url(../images/AtomicMirrorsBackground.png) #fafafa no-repeat center top;
	-webkit-background-size: 2000px 1692px;
	
}

.ImgSerSelectAM {
	background:url(../images/AtomicMirrorsImageSeries.png) no-repeat left top;
	border:14px solid #FFFFFF;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
	behavior: url(PIE.htc);
	width:525px;
	height:162px;
	margin-bottom:12px;
	display:block;
}

.AtomicMirrorsBookAppImg {
	background:url(../images/AtomicMirrorsCover.jpg) no-repeat left top;
	width:360px;
	height:360px;
	float:left;
	padding-right:20px;
}

.ImgSerSecAM p {
	padding:0px 70px 14px 0;
	line-height:22px;
}
/************************************************************************************
WIND ARMY
*************************************************************************************/

.WindBodyBG {
	background:url(../images/wind-army-ebook-bg.jpg) #fafafa no-repeat center top;
	-webkit-background-size: 2000px 1426px;
}



.WdArmyRow {
	width:960px;
	float:left;
	margin-bottom:70px;
}

.WdTxtSec {
	width:285px;
	float:left;
	margin:25px 40px 0 0;
}

.WdTxtSec span {
	font-family: 'CardoRegular';  color:#8c0d11; font-size:24px; padding-bottom:55px; display:block;
}

.WdTxtSec p {
	font-family: 'LatoBold';
	font-size:15px !important;
	line-height:24px;
	padding-bottom:30px;
}

.WdTxtSec p.NoPad {
	padding-bottom:0px;
}



.WdVdoSec {
	width:588px;
	float:left;
	border:14px solid #ffffff;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
}

.WdVdoSec img {
	border:14px solid #FFFFFF;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
	behavior: url(PIE.htc);
}

.WindArrow {
	width:70px; margin:0 auto 10px auto; display:block;
}

.WindArrow .RtGyArw {
	padding-right:0px;
}


/* IMAGE SERIES SECTION */

.ImgSerHead {
	float:left;
	width:45px;
	margin-right:55px;
}

.ImgSerSec {
	width:860px;
	float:left;
}

.Wind_army {
	width:525px;
	float:left;
}

.ImgSerSelect {
	background:url(../images/img-ser-img-def.jpg) no-repeat left top;
	border:14px solid #FFFFFF;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
	behavior: url(PIE.htc);
	width:525px;
	height:190px;
	margin-bottom:12px;
	display:block;
}

.ImgSerSelect:hover {
	background:url(../images/img-ser-img-ovr.jpg) no-repeat left top;
}

.ImgSerSec span {
	font-family: 'CardoRegular';
	font-size:24px;
	color:#262626;
	text-decoration:none;
	text-align:left;
	margin-top:12px;
	display:block;
}

.ImgSerSec span em {
	font-size:17px;
	color:#919191;
	font-style:normal;
}

.ImgSerSec span em a {
		color:#919191;
}

.ImgSerSec span em a:hover {
		color:#8c0d11;
}

.BookAppImg {
	background:url(../images/book-app-img-def.png) no-repeat left top;
	width:363px;
	height:354px;
	float:left;
	padding-right:20px;
}

.BookAppImg:hover {
	background:url(../images/book-app-img-ovr.png) no-repeat left top;
}

.ImgSerSec p {
	padding:70px 70px 14px 0;
	line-height:26px;
}

.ViewProBtn {
	background:url(../images/view-arrow-def.png) no-repeat right;
	font-family: 'CardoRegular';
	font-size:16px;
	color:#000000;
	text-transform:uppercase;
	padding-right:20px;
}

.ViewProBtn:hover {
	background:url(../images/view-arrow-ovr.png) no-repeat right;
	color:#8c0d11;
}

.BackTop {
	width:100%;
	text-align:right;
	float:left;
}



/************************************************************************************
SLIDESHOW AND IMAGE SERIES
*************************************************************************************/

	
.WndSlideShow {
	width:960px;
	/* margin-bottom:30px;*/
	position:relative;
}

.slideShowContainer
{
	/*overflow:hidden;*/
}

.WndSlideShow img{
	position:absolute;
	display:block;
}

.WndSlideShow.SmallWorld {
	width:640px;
	height:450px;
	margin:0 auto;
	float:none;
}

.WndSlideShow h5 {
	font-family: 'CardoRegular';
	font-size:14px;
	color:#c0beba;
	text-align:center;
	font-style:italic;
	font-weight:normal;
	padding:10px 0 20px 0;
}

.SlideShowBtnSec {
	width:960px;
	float:left;
	margin-bottom:50px;
	opacity:0;
}

.SlideShowBtnSec.SmallWorldBtnSec {
	width:450px;
	float:none;
	margin:0 auto 50px auto;
	
}

.SlideShowBtnSec.AlonFolioBtnSec {
	width:572px;
	float:none;
	margin:0 auto 50px auto;
	padding:0;
}

.SlideShowBtnSec.AlonFolioBtnSec em {
	color:#68655f;
	font-family: 'CardoRegular';
	font-size:13px;
	font-style:italic;
}

#AloneFolioCaption{
	padding:0px;
	margin:0px;
}

.SmallWorldBtnSec em {
	padding-right:10px;
}

.WndSlideShow.AlonFolio {
	width:576px;
	height:450px;
	float:none;
	margin:0 auto 0 auto;
	
}

.AlonFolio img
{
	width:100%;
	height:100%;
}

.SlideShowBtnSec span {
	font-family: 'CardoRegular';
	color:#68655f;
	font-size:16px;
	text-align:right;
	/*display:block;
	text-indent:166px;*/
	padding-right:0px;
}

.SlideShowBtnSec span em {
	font-size:14px;
}

.SlideShowBtnSec span em a {
	color:#68655f;
}

.SlideShowBtnSec span em a:hover {
	color:#bfb9b1;
}

.SlideShowBtnSec span.Caption {
	float:none;
	text-align:center;
	padding:0px;
	/*display:block;*/
}

.SlideShowBtnSec span.Caption a {
	text-align:center;
	padding:0px;
}

.imageSeriesBtnSec
{
	/*width:860px;*/
	float:left;
	margin:15px 50px 50px;
	position:relative;
	display:block;
}

.imageSeriesBtn
{
	background:url(../images/img-series-icon.png) no-repeat center center;
	position:relative;
	margin:5.3px;
	float:left;
	display:block;
	width:37px;
	height:36px;
	cursor:pointer;
}

.imageSeriesBtn:hover
{
	background:url(../images/img-series-icon-ovr.png) no-repeat center center;
}

#imageCaption
{
	float:left;
	display:block;
	position:relative;
	width:960px;
	padding-top:10px;
	/*margin-top:20px;
	margin-bottom:40px;*/
	font-family: 'CardoRegular';
	color:#CECBC8;
	font-style:italic;
	height:20px;
	line-height:20px;
}

.imageSeriesCaption {
	clear:both;
	display:block;
	position:relative;
	text-align:center;
	margin-bottom:10px;
	font-family: 'CardoRegular';
	font-size:18px;
	color:#68655f;
}

.imageSeriesCaption em a {
	font-size:14px;
	color:#68655f;
}

.imageSeriesCaption em a:hover {
	color:#CECBC8;
}


/************************************************************************************
TIMELAPSE
*************************************************************************************/

.howeBody {
	-webkit-background-size: 2000px 1416px;
}

.TimeLapBodyBg {
	background:url(../images/howe-sound-body-bg.jpg) repeat-x #d5ccc6;
	width:100%;
}

.TimeLapseVideo{
	border:14px solid #ffffff;
	width:725px;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;

}

.TimeLapBodyImg {
	background:url(../images/howe-sound-body-img.jpg) no-repeat top center fixed;
	z-index:10;
	position:relative;
	overflow:hidden;
	height:100%;
}

.cloudMarquee
{
	z-index:-100;
	position:fixed;
}

.TimeLapseSec {
	width:775px; margin:0 auto;
}

.TimeLapseSec img {
	border:14px solid #FFFFFF;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
	behavior: url(PIE.htc);
}

.TimeLapseSec p{
	line-height:24px;
	padding:20px 30px 20px 8px;
	text-align:center;
}


/************************************************************************************
WEATHER
*************************************************************************************/

.WeatherSec {
	width:960px;
	float:left;
}

.ImgRT {
	float:right;
	padding-left:30px;
}


.WeatherSec h2 {
	font-family: 'CardoRegular';
	color:#949494;
	padding-bottom:20px;
	font-size:20px;
}

.WeatherSec p {
	line-height:25px;
}

.WeatherSec span {
	border-bottom:none;
}

.WeatherSec span a {
	border-bottom:1px solid #797474;
	color:#000000
}

.WeatherSec span a:hover {
	border-bottom:none;
}

.WeatherSec a {
	color:#5e3726;
}

.QuoteSec {
	width:640px; 
	margin:50px auto 0 auto; 
	background:url(../images/weather-quote-img.png) no-repeat center top; 
	font-family: 'CardoRegular'; 
	font-size:18px; 
	line-height:48px;
	text-align:center;
	padding-bottom:25px;
	padding-top:10px;
}

.QuoteSec em {
	font-size:50px;
	color:#000000;
	font-style:normal;
	padding-left:10px;
}

.WeatherMidHead {font-family: 'CardoRegular'; font-weight:bold; margin-top:40px; font-size:16px; padding-right:60px;}
.WeatherPoetHead {font-family: 'LatoBold'; font-weight:bold; margin-top:5px; margin-bottom:90px; font-size:14px; color:#a09184;}



/* Alone Sea Book */

.AloneTopMar {
	margin-top:0px;
}


.AloneImgRT {
	float:right;
	padding-left:10px;
}

.AloneImgLT {
	float:left;
	padding-left:10px;
}

.AloneBookTopMar {
	margin:90px 0 90px 0;
}

.AloneRTSec {
	float:right; 
	width:502px;
}

.AloneRTSec em {
	color:#5E3726; 
	font-family: 'CardoRegular';
	font-size:16px;
	text-transform:uppercase;
	font-style:normal;
}

.AlongBotImg-1 {
	background:url(../images/alone-sea-bot-img-1-def.jpg) no-repeat left;
	height:86px;
	width:124px;
	margin-right:20px;
	float:left;
}

.AlongBotImg-1:hover {
	background:url(../images/alone-sea-bot-img-1-ovr.jpg) no-repeat left;
}

.AlongBotImg-2 {
	background:url(../images/alone-sea-bot-img-2-def.jpg) no-repeat left;
	height:86px;
	width:124px;
	margin-right:20px;
	float:left;
}

.AlongBotImg-2:hover {
	background:url(../images/alone-sea-bot-img-2-ovr.jpg) no-repeat left;
}

.AlongBotImg-3 {
	background:url(../images/alone-sea-bot-img-3-def.jpg) no-repeat left;
	height:86px;
	width:124px;
	margin-right:20px;
	float:left;
}

.AlongBotImg-3:hover {
	background:url(../images/alone-sea-bot-img-3-ovr.jpg) no-repeat left;
}

/************************************************************************************
Short Stories
*************************************************************************************/

.ShortStoriesBG {
	background:url(../images/ShortStories-bg2.jpg) #fff no-repeat center top;
	-webkit-background-size: 2000px 2600px;
}

.ShortStoriesTitle {
	width: 400px;
	margin: 0 auto;
	padding-bottom: 50px;
	}

.ShortStoriesCenteredText {
	text-align: center;
}

#left_col {
	float:left;
    width:470px;
}

#right_col {
	float:right;
    width:470px;
}

#col_box {
	width:465px;
	height:335px;
	display:inline-block; 
	vertical-align:middle;
}

#ShortStorySpacer {
	padding-bottom: 40px;
}


/************************************************************************************
HOWE SOUND
*************************************************************************************/

.HoweSoundSec {
	width:300px;
	margin-right:0px;
}

.HoweSoundVdpSec {
	float:right;
	border:14px solid #ffffff;
	width:588px;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;

}

.HoweSoundVdpSec img {
	float:right;
}

.HowImgSec {
	width:410px;
	float:left;
}

.HowImgSec span {
	margin-top:0px;
}

.HowImgSec.MarLeft {
	margin-left:47px;
	width:400px;
}

.HoweImg1 {
	background:url(../images/howe-sound-img-1-def.jpg) no-repeat left top;
	border:14px solid #FFFFFF;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
	width:375px;
	height:135px;
	margin-bottom:12px;
	behavior: url(PIE.htc);
	position:relative;
}

.HoweImg1:hover {
	background:url(../images/howe-sound-img-1-ovr.jpg) no-repeat left top;
}

.HoweImg2 {
	background:url(../images/howe-sound-img-2-def.jpg) no-repeat left top;
	border:14px solid #FFFFFF;
	box-shadow:0 4px 10px #b9b8b8;
	-moz-box-shadow:0 4px 10px #b9b8b8;
	-webkit-box-shadow:0 4px 10px #b9b8b8;
	-ms-box-shadow:0 4px 10px #b9b8b8;
	width:375px;
	height:135px;
	margin-bottom:12px;
	behavior: url(PIE.htc);
	position:relative;
}

.HoweImg2:hover {
	background:url(../images/howe-sound-img-2-ovr.jpg) no-repeat left top;
}

.HoweImg3 {
	background:url(../images/howe-sound-img-3-def.png) no-repeat left top;
	width:272px;
	height:215px;
	float:left;
	padding-right:20px;
	margin-top:45px;
}

.HoweImg3:hover {
	background:url(../images/howe-sound-img-3-ovr.png) no-repeat left top;
}

.TimeAppSec {
	width:518px;
	float:right;
}

.TimeAppSec p {
	padding:45px 0 14px 0;
}

.ClickBtn {
	background:url(../images/click-btn-def.png) no-repeat right;
	font-family: 'CardoRegular';
	font-size:16px;
	color:#5e3726;
	text-transform:uppercase;
	padding-right:20px;
}

.ClickBtn:hover {
	background:url(../images/click-btn-ovr.png) no-repeat right;
	color:#998c86;
}

.BookAppSec {
	width:420px;
	float:left;
}

.BookAppSec.AloneSec {
	margin-left:20px;
}

.BookAppSec h1 {
	font-family: 'CardoRegular';
	font-size:32px;
	color:#FFFFFF;
	text-transform:none;
	padding-bottom:0px;
}

.BookWeahterImg {
	background:url(../images/howe-weather-img-def.png) no-repeat left top;
	width:401px;
	height:285px;
}

.BookWeahterImg:hover {
	background:url(../images/howe-weather-img-ovr.png) no-repeat left top;
}

.HoweAloneImg {
	background:url(../images/howe-alone-img-def.png) no-repeat left top;
	width:329px;
	height:307px;
	margin-left:30px;
}

.HoweAloneImg:hover {
	background:url(../images/howe-alone-img-ovr.png) no-repeat left top;
}



/************************************************************************************
FOLIO IMAGES
*************************************************************************************/

.FoliBodyBG {background:url(../images/folio-img-body-bg.jpg) repeat-x top #d3d3d3;}
.FolioMainBG {background:url(../images/folio-main-bg.jpg) no-repeat top;}