HTML {height:100%;}

BODY
{
 height:100%;
 margin:0;
 padding:0;
 background-color:#E1DFD2;
}

TABLE {border-collapse:collapse; border-spacing:0px;}
TD {padding:0px;}
FORM {margin:0; padding:0;}
A {text-decoration:none; color:#555555;}
A:hover {color:yellow; cursor:pointer;}

.NoInternetImgPreLoad {background:url('../imgs/noinet.png');}

.HideLogo {visibility:hidden;}

.StdBtn
{
 display:inline-block;
 height:20px;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#AB9B77 40%,#665C46);
 background:linear-gradient(#AB9B77 40%,#665C46);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AB9B77',endColorstr='#665C46',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #534D39;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.StdBtn:hover {color:yellow; cursor:pointer; height:22px; border-bottom:3px solid #534D39;}

.DisabledBtn
{
 display:inline-block;
 height:20px;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#D2D2D2 40%,#BCBCBC);
 background:linear-gradient(#D2D2D2 40%,#BCBCBC);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2D2D2',endColorstr='#BCBCBC',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #808080;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#EFEFEF;
}

.NavBarContainer
{
 width:100%;
 height:94px;
 margin:0;
 padding:0;
 background:-webkit-linear-gradient(#FFFFFF 60%,#ECECEC);
 background:linear-gradient(#FFFFFF 60%,#ECECEC);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#ECECEC',GradientType=0);
 box-shadow:0px 2px 2px #C8C6B9;
}

.NavBar 
{
 width:960px;
 height:88px;
 margin:0 auto 0 auto;
 padding:0;
 border:0px solid yellow;
}
.NavBarLeft {float:left; padding:10px 0 0 10px;}
.NavBarRight {float:right;} 

.NavBarLinksContainer {width:650px; height:54px; padding-top:20px; border:0px solid red;}

.NavBarLinks
{
 position:relative;
 float:left;
 padding-right:50px;
 list-style:none;
 vertical-align:middle;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#555555;
}

.NavBarLinks A {color:#555555; text-decoration:none;}

.NavBarLinks A:hover {color:#E7A62E; cursor:pointer;}

.PageContainer {width:100%; margin:0; padding:0; border:0px solid green;}

.FooterContainer
{
 bottom:0;
 width:100%;
 background-color:#2E2E2E;
 border:0px solid red;
}

.FooterBorder {width:100%; height:12px; background-color:#2F2F2F;}

.FooterAddressContainer {padding:8px;}
.FooterAddressDetails {padding:4px 8px 4px 8px; font-family:Raleway,arial,helvetica; font-size:11pt; color:#C9C18F;}
.FooterAddressDetails A {font-family:Raleway,arial,helvetica; font-size:10pt; color:white;}
.FooterAddressDetails A:hover {font-family:Raleway,arial,helvetica; font-size:10pt; color:orange;}

.FooterSocialLinksContainer {padding:2px 0px 0px 0px;}
.FooterSocialLinks {width:360px; list-style:none; padding:4px 15px 0 0; margin:0;}
.FooterSocialLinks LI {float:right; padding:6px;}


/* ----- Home Page ---- */

.HomeContainer {width:850px; height:280px; margin:0px auto 0 auto; border:0px solid red;}
.HomeMascot   {float:left; margin:10px 0 0 0; border:0px solid blue;}
.HomeLogo   {float:right; margin:30px 0 0 0; border:0px solid green;}

.HorizontalBar1 {width:100%; height:23px; background-color:#B6A57F;}
.HorizontalBar2 {width:100%; height:73px; background-color:#958C69;}
.HorizontalBar3 {width:100%; height:69px; background-color:#786F54;}

.HeadlineContainer {width:850px; min-height:200px; margin:10px auto 0 auto; border:0px solid green;}
.HeadlineBlock {width:850px; list-style:none; margin:10px auto 0 auto; padding:0; border:0px solid yellow;}
.HeadlineBlockItem {float:left; margin:15px; padding:0; border:0px solid orange;}

.QuotesContainer {width:280px; height:150px; margin:0; border:0px solid red;}

.QuotesTitle {font-family:riffic_mediumbold,arial,helvetica; font-size:20pt; color:#555555;}

.QuotesBG {position:relative; color:#D5D3C6;}

.QuotesBGLeftQuote
{
 position:absolute;
 top:5px;
 left:0px;
 height:80px;
 width:80px;
 z-index:0;
}

.QuotesBGRightQuote
{
 position:absolute;
 top:30px;
 right:0px;
 height:80px;
 width:80px;
 z-index:0;
}

.QuotesQuote
{
 position:absolute;
 top:30px;
 left:20px;
 width:240px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-weight:bold;
 font-size:14pt;
 color:#555555;
 z-index:1;
}

.QuotesPerson
{
 top:85px;
 right:10px;
 position:absolute;
 font-family:raleway,arial,helvetica;
 font-size:10pt;
 color:#555555;
 z-index:1;
}

.HomeNewsContainer {width:250px; border:0px solid red;}

.HomeNewsTitle {font-family:riffic_mediumbold,arial,helvetica; font-size:20pt; color:#555555;}

.HomeNewsPod {width:220px; padding:8px; margin:10px 0 10px 0; background-color:white; border-radius:8px;}

.HomeNewsDate {font-family:riffic_mediumbold,arial,helvetica; font-size:14pt; color:#555555;}

.HomeNewsText {font-family:raleway,arial,helvetica; font-size:10pt; color:#555555;}

.HomeNewsLinks {color:#555555;}
.HomeNewsLinks:hover {color:orange;}

.NewsletterContainer {width:220px; height:140px; border:0px solid red;}

.NewsletterTitle {font-family:riffic_mediumbold,arial,helvetica; font-size:20pt; color:#555555;}

.NewsletterPod
{
 width:200px;
 height:170px;
 padding:8px;
 margin:10px 0 10px 0;
 background-color:#B6A57F;
 border-radius:8px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:#555555;
}

.NewsletterInputContainer
{
 width:180px;
 height:30px;
 margin:10px 2px 10px 2px;
 padding:4px;
 background-color:white;
 border:3px solid #555555;
 border-radius:8px;
}

.NewsletterInput {border:0; width:170px; height:30px; background-color:white; color:#555555; outline:none;}
.NewsletterInput2 {display:none;}

.NewsletterBtnContainer {margin-top:20px;}


/*  About us  */

.AboutUsContainer
{
 position:relative;
 width:100%;
 padding:0;
 margin:0;
}

.AboutUsBG
{
 position:relative;
 width:1000px;
 height:360px;
 padding:0;
 margin:0 auto 0 auto;
 background:url('../imgs/nz.jpg');
 z-index:1;
}

.AboutUsTitle
{
 position:absolute;
 top:10px;
 left:30px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:white;
 z-index:2;
}

.AboutUsDivider {position:absolute; width:100%; height:380px; top:280px; background-color:white; z-index:-2}

.AboutUsContentContainer {width:100%;}

.AboutUsContent
{
 width:850px;
 margin:20px auto 20px auto;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:14pt;
 color:#555555;
 border:0px solid blue;
}


/*  Our Creations  */

.OurCreationsContainer {width:100%; padding:0; margin:0;}

.OurCreationsPodContainer
{
 width:850px;
 margin:20px auto 80px auto; 
 border:0px solid blue;
}

.OurCreationsTitle
{
 text-align:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:#555555;
 border:0px solid blue;
}

.OurCreationsPodContainer2
{
 width:850px;
 height:280px;
 margin:60px auto 20px auto; 
 border:0px solid blue;
}

.OurCreationsPod
{
 float:left;
 width:264px;
 border:0px solid red;
}

.OurCreationsDesc
{
 float:right;
 width:500px;
 margin-top:40px;
 padding:10px;
 font-family:raleway,arial,helvetica;
 font-size:18pt;
 color:#555555;
 border:0px solid green;
}

.OurCreationsPodHeader
{
 width:264px;
 height:232px;
 background-color:white;
 border-radius:10px 10px 0 0;
}

.OurCreationsPodHeader IMG {margin:-40px 0 0 25px;}

.OurCreationsDesc2
{
 float:right;
 width:500px;
 margin-top:70px;
 padding:10px;
 font-family:raleway,arial,helvetica;
 font-size:18pt;
 color:#555555;
 border:0px solid green;
}

.OurCreationsPodHeader2
{
 width:264px;
 height:232px;
 background:url('../imgs/advert-wanderlist-bg.png');
 border-radius:10px 10px 0 0;
}

.OurCreationsPodHeader2 IMG {margin:15px 0 0 5px;}

.OurCreationsPodFooter
{
 width:264px;
 height:42px;
 padding-top:10px;
 text-align:center;
 background-color:#B6A57F;
 border-radius:0 0 10px 10px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:#555555;
}


/* ----- Contact us ---- */

.ContactUsContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
 border:0px solid red; 
}

.ContactUsPod
{
 position:relative;
 width:800px;
 margin:30px 0 20px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.ContactUsPod2
{
 position:relative;
 width:800px;
 margin:30px 0 220px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.ContactUsPodContentFrame {width:795px; padding:4px;}

.ContactUsPodTitle
{
 padding:8px 0px 4px 7px;
 text-align:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:#555555;
}

.ContactUsPodInput1Container
{
 float:left;
 display:inline-block;
 width:772px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #555555;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput1
{
 width:732px;
 height:30px;
 border:0;
 color:#555555;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput2Container
{
 float:left;
 display:inline-block;
 width:290px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #555555;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput2
{
 width:250px;
 height:30px;
 border:0;
 color:#555555;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput3Container
{
 float:left;
 display:inline-block;
 width:150px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #555555;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput3
{
 width:110px;
 height:30px;
 border:0;
 color:#555555;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput4Container
{
 float:left;
 display:inline-block;
 width:460px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #555555;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput4
{
 width:420px;
 height:30px;
 border:0;
 color:#555555;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput5Container
{
 width:772px;
 height:180px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #555555;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput5
{
 width:735px;
 height:172px;
 border:0;
 color:#555555;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodStatusActive {width:40px; vertical-align:middle; text-align:center; color:#555555;}
.ContactUsPodStatusHidden {width:40px; vertical-align:middle; text-align:center; color:white;}
.ContactUsPodStatusOK {width:40px; vertical-align:middle; text-align:center; color:green;}
.ContactUsPodStatusError {width:40px; vertical-align:middle; text-align:center; color:red;}

.ContactUsPodInputDivider {height:10px;}

.ContactUsPodBtnContainer {float:right; padding:10px 0 0 0;}

.ContactUsPodEmail {display:none;}

.ContactUsPodThankYou
{
 padding:5px;
 color:#555555;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 text-align:left;
}


/*  Latest News  */

.LatestNewsContainer {width:100%; padding:0; margin:0;}

.LatestNewsTitleContainer
{
 width:850px;
 margin:20px auto 20px auto; 
 border:0px solid blue;
}

.LatestNewsPodContainer
{
 width:700px;
 margin:20px auto 20px auto; 
 border:0px solid blue;
}

.LatestNewsPod
{
 width:650px;
 padding:8px;
 margin:10px 0 10px 0;
 background-color:white;
 border-radius:8px;
}

.LatestNewsTitle {font-family:riffic_mediumbold,arial,helvetica; font-size:24pt; color:#555555;}
.LatestNewsDate {font-family:riffic_mediumbold,arial,helvetica; font-size:18pt; color:#555555;}
.LatestNewsText {font-family:raleway,arial,helvetica; font-size:18pt; color:#555555;}
.LatestNewsLinks {color:#555555;}
.LatestNewsLinks:hover {color:orange;}