/* Resetting default padding and margin - http://www.clagnut.com/blog/1287/ */
* {margin:0;padding:0;}

/*form {position:relative;top:0;left:0;}*/
img {border:none}
/* end reset */


/* ===== FONTS ====== */

@font-face {
    font-family: 'GreyscaleBasicRegular';
    src: url('Greyscale_Basic_Regular-webfont.eot');
    src: url('Greyscale_Basic_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Greyscale_Basic_Regular-webfont.woff') format('woff'),
         url('Greyscale_Basic_Regular-webfont.ttf') format('truetype'),
         url('Greyscale_Basic_Regular-webfont.svg#GreyscaleBasicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GreyscaleBasicItalic';
    src: url('Greyscale_Basic_Regular_Italic-webfont.eot');
    src: url('Greyscale_Basic_Regular_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Greyscale_Basic_Regular_Italic-webfont.woff') format('woff'),
         url('Greyscale_Basic_Regular_Italic-webfont.ttf') format('truetype'),
         url('Greyscale_Basic_Regular_Italic-webfont.svg#GreyscaleBasicItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GreyscaleBasicBold';
    src: url('Greyscale_Basic_Bold-webfont.eot');
    src: url('Greyscale_Basic_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Greyscale_Basic_Bold-webfont.woff') format('woff'),
         url('Greyscale_Basic_Bold-webfont.ttf') format('truetype'),
         url('Greyscale_Basic_Bold-webfont.svg#GreyscaleBasicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GreyscaleBasicBoldItalic';
    src: url('Greyscale_Basic_Bold_Italic-webfont.eot');
    src: url('Greyscale_Basic_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Greyscale_Basic_Bold_Italic-webfont.woff') format('woff'),
         url('Greyscale_Basic_Bold_Italic-webfont.ttf') format('truetype'),
         url('Greyscale_Basic_Bold_Italic-webfont.svg#GreyscaleBasicBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationRegular';
    src: url('Sansation_Regular-webfont.eot');
    src: url('Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Sansation_Regular-webfont.woff') format('woff'),
         url('Sansation_Regular-webfont.ttf') format('truetype'),
         url('Sansation_Regular-webfont.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationLight';
    src: url('Sansation_Light-webfont.eot');
    src: url('Sansation_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Sansation_Light-webfont.woff') format('woff'),
         url('Sansation_Light-webfont.ttf') format('truetype'),
         url('Sansation_Light-webfont.svg#SansationLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationBold';
    src: url('Sansation_Bold-webfont.eot');
    src: url('Sansation_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Sansation_Bold-webfont.woff') format('woff'),
         url('Sansation_Bold-webfont.ttf') format('truetype'),
         url('Sansation_Bold-webfont.svg#SansationBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ===== BASICS ====== */

body { background-color: #ffffff; font-size: 14px; font-family: arial; color: #000000; line-height: 1.4em; }

a:link, a:visited, a:active { text-decoration: underline; color: #000000; cursor: hand; }
a:hover { text-decoration: none; color: #000000; cursor: hand; }

.clearer { clear:both; }


/* ===== WRAPPER01 ====== */

#wrapper01a { position: relative; left: 0; top: 0; margin: 0 auto; width: 100%; background: #ffffff url('images/bg01.gif') no-repeat center top; }
#wrapper01b { position: relative; left: 0; top: 0; margin: 0 auto; width: 100%; background: transparent url('images/bg02.gif') no-repeat center bottom; }
#wrapper01c { position: relative; left: 0; top: 0; margin: 0 auto; width: 946px; }


/* ===== TOP01 ====== */

#top01 { width: 946px; }
#top01a { width: 473px; float: left; }
#logo01 { padding-left: 28px; padding-top: 20px; }

#top01b { width: 473px; float: left; padding-top: 24px; color: #ab1213; line-height: 1.4em; text-align: right; }
.top01ba { font-size: 24px;  font-family: GreyscaleBasicBoldItalic; }
.top01bb { font-size: 30px; font-family: SansationRegular; }
#top01b a:link, #top01b a:visited, #top01b a:active { text-decoration: none; color: #ab1213; }
#top01b a:hover { text-decoration: underline; color: #ab1213; }


/* ===== TOPMENU01 ====== */

#topmenu01 { width: 916px; height: 43px; margin-top: 16px; margin-bottom: 15px; background-image:url(images/topmenu01.png); background-repeat : no-repeat; padding-left: 30px; padding-top: 14px; color: #ffffff;  font-size: 16px; font-family: GreyscaleBasicRegular; font-weight: bold; }
#topmenu01 a:link, #topmenu01 a:visited, #topmenu01 a:active { text-decoration: none; color: #ffffff; font-size: 16px; font-family: GreyscaleBasicRegular; font-weight: bold; }
#topmenu01 a:hover { text-decoration: none; color: #c61a1c; font-size: 16px; font-family: GreyscaleBasicRegular; font-weight: bold; }


/* ===== SLIDESHOW ====== */

#slideshow01 { margin-left: 2px; position: relative; height: 253px; }
#slideshow01 IMG { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; }
#slideshow01 IMG.active { z-index: 10; opacity: 1.0; }
#slideshow01 IMG.last-active { z-index: 9; }


/* ===== FEATURES ====== */

#features01 { position: absolute; left: 0px; top: 134px; width: 305px; height: 240px; background-image:url(images/features01.png); background-repeat : no-repeat; z-index: 100; padding-top: 26px; padding-left: 641px;}
#features01 h1 { font-size: 32px; font-family: GreyscaleBasicBoldItalic; color: #ffffff; line-height: 1.3em; padding-bottom: 6px; }

#features01 ul { margin: 0px 0px 0px 0px; font-size: 17px; color: #ffffff; line-height: 1.2em; font-family: GreyscaleBasicBoldItalic; }
#features01 ul li { list-style : none; margin: 0px 0px 2px 0px; }


/* ===== TAG01 ====== */

#tag01 { position: absolute; left: 0px; top: 419px; width: 946px; height: 110px; background-image:url(images/tag01.png); background-repeat : no-repeat; z-index: 100; }

#tag01a { width: 680px; float: left; padding-top: 15px; padding-left: 60px; }
#tag01a h1 { font-size: 28px; font-family: GreyscaleBasicBoldItalic; color: #cbcccd; line-height: 1.2em; }

#tag01b { float: left; padding-top: 20px; font-size: 18px; font-family: GreyscaleBasicBoldItalic; color: #cbcccd; }
#tag01b a:link, #tag01b a:visited, #tag01b a:active { text-decoration: none; color: #ffffff; font-size: 36px; font-family: GreyscaleBasicBoldItalic; line-height: 1.2em; }
#tag01b a:hover { text-decoration: underline; color: #ffffff; font-size: 36px; font-family: GreyscaleBasicBoldItalic; line-height: 1.2em; }


/* ===== TAG01 ====== */


#booknow01 { width: 216px; height: 91px; padding-left: 43px; padding-top: 20px; background-image:url(images/booknow01.png); background-repeat : no-repeat; font-size: 18px; font-family: GreyscaleBasicBoldItalic; color: #cbcccd; }
#booknow01 a:link, #booknow01 a:visited, #booknow01 a:active { text-decoration: none; color: #ffffff; font-size: 36px; font-family: GreyscaleBasicBoldItalic; line-height: 1.2em; }
#booknow01 a:hover { text-decoration: underline; color: #ffffff; font-size: 36px; font-family: GreyscaleBasicBoldItalic; line-height: 1.2em; }



/* ===== MAIN CONTENT 01 ====== */

#maincontent01 { padding-top: 119px; }
#maincontent01a { }

#maincontent01table01 { width: 700px; }
#maincontent01table02 { width: 246px; }

#maincontent01table01a { width: 700px; background-image:url(images/maincontent01table01a.gif); background-repeat : repeat; }
#maincontent01table01a-top01 { width: 700px; background: transparent url('images/maincontent01table01a-top01.gif') no-repeat center top; }
#maincontent01table01a-bot01 { width: 700px; background: transparent url('images/maincontent01table01a-bot01.gif') no-repeat center bottom; }
#maincontent01table01aleft { padding-left: 45px; }
#maincontent01table01aright { padding-left: 30px; }

#maincontent01featurebox01 { width: 260px; background-image:url(images/maincontent01featurebox01.gif); background-repeat : repeat; padding-left: 25px; padding-top: 38px; color: #ffffff; font-size: 18px; margin-top: 3px; font-family: GreyscaleBasicBold;  }
#maincontent01featurebox01 h1 { font-size: 24px; font-family: GreyscaleBasicBoldItalic; color: #ffffff; line-height: 1.2em; padding-bottom: 12px; }
#maincontent01featurebox01 ul { margin: 0px 0px 0px 18px; }
#maincontent01featurebox01 ul li { list-style : url(images/listarrow01.png); padding: 0px 0px 6px 0px; }
#maincontent01featurebox01bot01 { width: 285px; height: 32px; background-image:url(images/maincontent01featurebox01bot01.png); background-repeat : no-repeat; }

#maincontent01txt01 { padding-bottom: 80px; }
#maincontent01txt01 h1 { width: 256px; height: 40px; background-image:url(images/maincontent01-title01.png); background-repeat : no-repeat; font-size: 18px; font-family: GreyscaleBasicBold; color: #ffffff; line-height: 1.1em; padding-left: 25px; padding-top: 8px; margin-top: 20px; }
#maincontent01txt01 h2 { font-size: 24px; font-family: GreyscaleBasicBoldItalic; color: #000000; line-height: 1.2em; padding-left: 25px; }
#maincontent01txt01 h3 { width: 260px; font-size: 24px; font-family: GreyscaleBasicBoldItalic; color: #000000; line-height: 1.2em; padding-left: 25px; padding-bottom: 12px; }
#maincontent01txt01 ul { margin: 0px 0px 0px 31px; }
#maincontent01txt01 ul li { list-style : url(images/listarrow02.png); margin: 0px 0px 6px 10px; }
#maincontent01txt01 p { width: 242px; padding-left: 25px; padding-bottom: 12px; }

.maincontent01table02box01pushdown01 { margin-top: 40px; }
.maincontent01table02box01pushdown02 { margin-top: 10px; }
.maincontent01table02box01 { width: 244px; background-image:url(images/maincontent01table02box01.gif); background-repeat : repeat; }
.maincontent01table02box01top01 { width: 244px; height: 15px; background-image:url(images/maincontent01table02box01top01.gif); background-repeat : no-repeat; }
.maincontent01table02box01bot01 { width: 244px; background: transparent url('images/maincontent01table02box01bot01.gif') no-repeat center bottom; }
.maincontent01table02box01txt01 { padding: 5px 23px 35px 23px; }
.maincontent01table02box01txt02 { padding: 5px 10px 35px 10px; }
.maincontent01table02box01 h1 { font-size: 18px; font-family: GreyscaleBasicBoldItalic; color: #000000; line-height: 1.2em; padding-bottom: 15px; }
.maincontent01table02box01 h2 { font-size: 16px; font-family: GreyscaleBasicBold; color: #ab1213; line-height: 1.2em; padding-bottom: 5px; }
.maincontent01table02box01 p { padding-bottom: 12px; }



#maincontent02-top01 { width: 946px; height: 12px; background: transparent url('images/maincontent02-top01.gif') no-repeat center top; }
#maincontent02-mid01 { width: 946px; background-image:url(images/maincontent02-mid01.gif); background-repeat : repeat; }
#maincontent02-bot01 { width: 946px; background: transparent url('images/maincontent02-bot01.gif') no-repeat center bottom; }



/* ===== SIGN UP BOX 01 ====== */

.signupboxfield01 { width: 214px; height: 34px; background-image:url(images/field01.png); background-repeat : no-repeat; padding-left: 9px; padding-top: 7px; margin-top: 7px; }
.signupboxfield01a { font-size: 14px; font-family: Arial; color: #000000; padding: 2px; height: 18px; width: 200px; border: 1px solid #ffffff; background-color: #ffffff; }
.buttonsignmeup01 { padding-left: 150px; padding-top: 7px; }
.signupboxerror01 { color: #ab1213; padding: 0px 13px 0px 13px; }
#signupboxthanks { padding: 20px 13px 30px 13px; }


/* ===== VIDEO 01 ====== */

#video01 { }

#videolinktop01 { position: absolute; left: 685px; top: 30px; z-index: 100; }




/* ===== PICS 01 ====== */

.pics01 { position: relative; left: 25px; top: 0; margin: 0; width: 232px; height: 248px; }
.pics-border01 { position: absolute; left: 0px; top: 0px; width: 232px; height: 248px; background-image:url(images/pics-border01.png); background-repeat : no-repeat; z-index: 100; }


/* ===== CONTACT 01 ====== */

.contacttable01 { width: 120px; border-bottom: 5px solid #ffffff; }
.contacttable02 { border-bottom: 5px solid #ffffff; }
.contactfield01 { font-size: 14px; font-family: Arial; color: #000000; padding: 2px; height: 18px; width: 140px; border: 1px solid #000000; background-color: #ffffff; }
.contactfield02 { font-size: 14px; font-family: Arial; color: #000000; padding: 2px; height: 25px; width: 146px; border: 1px solid #000000; background-color: #ffffff; }
.contactfield03 { font-size: 14px; font-family: Arial; color: #000000; padding: 2px; height: 50px; width: 140px; border: 1px solid #000000; background-color: #ffffff; }


/* ===== FOOTER 01 ====== */

.line01 { width: 946px; height: 4px; background-image:url(images/line01.png); background-repeat : no-repeat; margin-top: 20px; margin-bottom: 20px; }
.line02 { width: 946px; height: 4px; background-image:url(images/line01.png); background-repeat : no-repeat; margin-top: 20px; padding-bottom: 150px; }

#footer01 { font-size: 12px; line-height: 1.3em; }
#footer01a { width: 183px; padding-left: 70px; }
#footer01b { width: 183px; padding-right: 15px; }
#footer01c { width: 277px; }
#footer01d { }

#footer01 h1 { font-size: 18px; font-family: GreyscaleBasicBoldItalic; color: #000000; line-height: 1.2em; padding-bottom: 15px; }
#footer01 ul { margin: 0px 0px 0px 0px; }
#footer01 ul li { list-style : none; margin: 0px 0px 6px 0px; }
#footer01 p { padding-bottom: 12px; }





