body {margin:0; padding:0; font-family:arial, verdana; font-size:11px; background:url(../images/background.jpg) 0 35px repeat-x; text-align:center; color:#333;} 
a {outline:0; color:#cc0000;}
.clear {clear:both;}


#arrows { width: 224px; height: 597px; position: absolute; top: 200px; left: 0; background: url('../images/arrows.png') 0 0 no-repeat; z-index: -1000;}

#container {width:800px; margin:0 auto 0 auto; text-align:left;}

/* Header */
#header {height: 100px;}

#web20Nav {position: relative; top: 16px; left: 586px; width: 290px; font-size:12px; color: #9ba4aa;}
#web20Nav a {color: #9ba4aa; text-decoration: none;}
#web20Nav a:hover {color: #0077c0;}
#bookmark {margin-right: 6px; background:url(../images/bookmark.gif) 0 0 no-repeat; padding-left: 16px; padding-top: 1px;}
#print {margin-right: 6px; background:url(../images/print.gif) 3px 0 no-repeat; padding-left: 24px; padding-top: 1px;}
#email {margin-right: 6px; background:url(../images/email.gif) 3px 0 no-repeat; padding-left: 22px; padding-top: 1px;}
#login {margin-right: 6px; background:url(../images/login.gif) 3px 0 no-repeat; padding-left: 22px; padding-top: 1px;}

h1 {margin: 14px 0 0 0; padding:0;}
h1 img { border: 0;}

/* Navigation */
#nav { height: 60px; width: 544px; margin: auto; background: url('../images/menu_js.png') 0 -2px no-repeat; position: relative; top: -31px; left: 130px;}
#nav ul { list-style-type:none; padding:0px; margin:0px; }
#nav ul li { z-index:1000; position:relative; float:left;}
#nav li a { display: block; height: 60px; float: left;}

#nav li span.name { display: none; }
#nav li.home a { width: 64px; }
#nav li.about a { width: 192px; }
#nav li.packages a { width: 131px; }
#nav li.faq a { width: 60px; }
#nav li.contact a { width: 97px; }

#nav li.home a:hover {background-image: url('../images/menu.png'); background-position: 1px -64px;}
#nav li.about a:hover {background-image: url('../images/menu.png'); background-position: -64px -64px;}
#nav li.packages a:hover {background-image: url('../images/menu.png'); background-position: -255px -64px;}
#nav li.faq a:hover {background-image: url('../images/menu.png'); background-position: -386px -64px;}
#nav li.contact a:hover {background-image: url('../images/menu.png'); background-position: -445px -64px;}
#nav li span.spt {width:2px; height:44px; background: url('../images/nav_spt.gif') right bottom no-repeat; display:block;}

#nav li.home a.selected {background-image: url('../images/menu.png'); background-position: 1px -126px;}
#nav li.about a.selected {background-image: url('../images/menu.png'); background-position: -64px -126px;}
#nav li.packages a.selected {background-image: url('../images/menu.png'); background-position: -255px -126px;}
#nav li.faq a.selected {background-image: url('../images/menu.png'); background-position: -386px -126px;}
#nav li.contact a.selected {background-image: url('../images/menu.png'); background-position: -445px -126px;}

.breadcrumbs {position:relative; color: #0060b0; top:-24px; font-size: 12px; font-weight: bold; height:23px;}
.breadcrumbs span {display:block; position:absolute; left:260px; top:0;}
.faqBCFix {height:0px !important;}

/* Home Content*/
#homeHero {background: url('../images/home-hero-background.png') 0 0 no-repeat; height: 306px; margin-top: -20px; padding: 10px 0 0 30px;}
#homeHero .copy {width: 364px; color: #fff; font-size: 14px; padding: 0; margin-top: 28px; line-height:1.4em;}
#homeHero .watchVideoButton img {width: 258px; height: 83px; border: 0; float: right; margin: -130px 62px 0 0;}

#infoTiles {background: url('../images/info-tiles.png') 0 0 no-repeat; height: 172px; margin-top: 30px; position:relative;}
#infoTiles h2 {font-size: 16px; color: #32373a; margin: 30px 0 0 0;}
#infoTiles h3 {font-size: 20px; color: #479521; margin: 0;}
#infoTiles p {color: #777777; margin-top: 6px;  padding-right: 80px;}
#infoTiles .moreInfo {position: absolute; left:0; top:0; z-index:100; display:block; background: url('../images/transparent.gif'); }
#infoTiles .moreInfo a { display:block;width:255px; height:172px; z-index:200; text-indent:-999em;}
#infoTiles .tileOne, #infoTiles .tileTwo, #infoTiles .tileThree {float: left; width: 220px; padding: 20px 0 0 20px; position:relative;}
#infoTiles .tileTwo, #infoTiles .tileThree {margin-left: 30px;}
#infoTiles .tileOne .moreInfo {margin: 0;}
#infoTiles .tileTwo .moreInfo {margin: 0;}
#infoTiles .tileThree .moreInfo {margin: 0;}

/* About Content*/
#aboutHero {background: url('../images/about-hero-background.png') 0 0 no-repeat; height: 715px; margin-top: -20px;}
#aboutHero h2 {font-size: 17px; color: #042846; width: 250px; float: left; margin:20px 0 0 34px;}
#subNav { height: 53px; width: 482px; margin: 0; background: url('../images/about-sub-menu.png') 0 0 no-repeat; float: right; margin: 20px 30px 0 0;}
#subNav ul {list-style-type:none; padding:0px; margin:0px;}
#subNav ul li { z-index:1000; position:relative; float:left; text-align: center; font-size: 12px; font-weight: bold;}
#subNav li a { display: block; height: 42px; float: left; color: #06233f; text-decoration: none; padding-top: 14px;}
#subNav li.tabOne a { width: 120px; }
#subNav li.tabTwo a { width: 120px; }
#subNav li.tabThree a { width: 120px; }
#subNav li.tabFour a { width: 120px; }
#subNav li.tabOne a:hover, #subNav li.tabOne a.selected {background-image: url('../images/about-sub-menu.png'); background-position: 0 55px;}
#subNav li.tabTwo a:hover, #subNav li.tabTwo a.selected {background-image: url('../images/about-sub-menu.png'); background-position: -120px 55px;}
#subNav li.tabThree a:hover, #subNav li.tabThree a.selected {background-image: url('../images/about-sub-menu.png'); background-position: -240px 55px;}
#subNav li.tabFour a:hover, #subNav li.tabFour a.selected {background-image: url('../images/about-sub-menu.png'); background-position: -362px 55px;}
#aboutHero .aboutIntro {width: 213px; height: 234px; background: url('../images/about-body-background.gif') 0 0 no-repeat; float: left; margin: 0 2px 0 34px; padding: 20px; color: #fff; font-size: 13px; line-height:1.4em;}
#aboutHero .aboutIntro ul {list-style-type:none; padding:0px; margin: 30px 0 0 18px;}
#aboutHero .aboutIntro ul li {margin: 17px 0 0 -20px; font-weight: normal;}
#aboutHero .aboutIntro ul li a {color: #fff; font-size: 11px; text-decoration: none; display: block; background-image: url('../images/about-arrows.png'); background-position: 0 -17px; background-repeat: no-repeat; width: 200px; padding: 2px 0 0 26px; height: 16px;}
#aboutHero .aboutIntro ul li a:hover, #aboutHero .aboutIntro ul li a.selected {color: #5db02d;background-position: 0 0;}
#aboutHero .video {width: 480px; height: 307px; background: url('../images/about-video.gif') 1px -1px no-repeat; float: left;}
#aboutHero .aboutLeftColumn {float: left; margin-left: 30px;}
#aboutHero .aboutLeftColumn .contactTile {background: url('../images/about-contact-tile.gif') 0 0 no-repeat; width: 234px; height: 151px; padding: 20px 0 0 20px; position:relative;}
#aboutHero .aboutLeftColumn .contactTile h2 {font-size: 16px; color: #32373a; margin: 30px 0 0 0;}
#aboutHero .aboutLeftColumn .contactTile h3 {font-size: 20px; color: #479521; margin: 0;}
#aboutHero .aboutLeftColumn .contactTile .moreInfo {position: absolute; left:0; top:0; z-index:50; display:block;background:url('../images/transparent.gif')}
#aboutHero .aboutLeftColumn .contactTile .moreInfo a {text-indent:-9999px; display:block;width:234px; height:151px;}
#aboutHero .aboutLeftColumn .buttonRequest img {border: 0; margin-top: 20px;}
#aboutHero .aboutLeftColumn .buttonFaq img {border: 0; margin-top: 10px;}
#aboutHero .aboutRightColumn {float: left; width: 460px; padding-left: 20px; font-size: 12px; color: #424141;display: none;}
#aboutHero .aboutRightColumn h3 {color: #35526a; font-size: 16px; margin: 5px 0 10px 0}
#aboutHero .on {display: block;}
#aboutHero .aboutRightColumn p {margin:10px 0 10px 0; line-height:1.5em;}
#aboutHero .aboutRightColumn .footnote {border-top:1px solid #ccc; margin-top:30px;}
#aboutHero .aboutRightColumn .footnote p.sup {font-size: 10px; margin:3px;}


/* Packages Content*/
#packagesHero {background: url('../images/packages-hero-background.png') 0 0 no-repeat; height: 610px; margin-top: -20px; padding: 0 20px;}
#packagesHero h2 {font-size: 20px; color: #042846; float: left; margin: 20px 0 20px 0;}
#packagesHero .leftColumn {float: left; width: 500px; display: inline;}
#packagesHero .leftColumn p, #packagesHero .leftColumn ul  {font-size: 12px; color: #333; line-height:1.5em;}
#packagesHero .leftColumn ul.list {margin: 10px 0 20px 0; padding: 0; list-style: none;}
#packagesHero .leftColumn ul.list li {padding-left: 50px; font-size: 14px; font-weight: bold; color: #0058a9; line-height: 54px;}
#packagesHero .leftColumn li.clock {background: url("../images/packages-clock.png") no-repeat scroll 0 10px;}
#packagesHero .leftColumn li.chart {background: url("../images/packages-chart.png") no-repeat scroll 0 10px;}
#packagesHero .leftColumn li.sunglass {background: url("../images/packages-sunglass.png") no-repeat scroll 0 10px;}
#packagesHero .leftColumn li.phone {background: url("../images/packages-phone.png") no-repeat scroll 0 10px;}
#packagesHero .rightColumn {float: right; display: inline;}
#packagesHero .rightColumn .contactTile {background: url('../images/about-contact-tile.gif') 0 0 no-repeat; width: 234px; height: 151px; padding: 20px 0 0 20px; position:relative;}
#packagesHero .rightColumn .contactTile h2 {font-size: 16px; color: #32373a; margin: 30px 0 0 0; float: none;}
#packagesHero .rightColumn .contactTile h3 {font-size: 20px; color: #479521; margin: 0;}
#packagesHero .rightColumn .contactTile .moreInfo {position: absolute; left:0; top:0; z-index:50; display:block;background:url('../images/transparent.gif')}
#packagesHero .rightColumn .contactTile .moreInfo a {text-indent:-9999px; display:block;width:234px; height:151px;}
#packagesHero .rightColumn .buttonRequest img {border: 0; margin-top: 20px;}
#packagesHero .rightColumn .buttonFaq img {border: 0; margin-top: 10px;}

/* FAQ*/
#faqHeroWrapper {background: url('../images/faq-hero-background-wrapper.png') 0 0 repeat-y;}

#faqHeader {background: url('../images/faq-header.png') 0 0 no-repeat; width:799px; height:27px; }
#faqHero {background: url('../images/faq-foot-tile.png') 0 bottom repeat; padding-bottom:30px;}

#faqHero h2 {font-size: 20px; color: #042846; float: left; margin:0 0 0 20px;}

#faqHero .faqRightColumn {float: left; margin-left: 30px; margin-top: 10px;}
#faqHero .faqRightColumn .contactTile {background: url('../images/about-contact-tile.gif') 0 0 no-repeat; width: 234px; height: 151px; padding: 20px 0 0 20px; position:relative;}
#faqHero .faqRightColumn .contactTile h2 {font-size: 16px; color: #32373a; margin: 30px 0 0 0; width: 300px;}
#faqHero .faqRightColumn .contactTile h3 {font-size: 20px; color: #479521; margin: 0;}
#faqHero .faqRightColumn .contactTile .moreInfo {position: absolute; left:0; top:0; z-index:50; display:block;background:url('../images/transparent.gif')}
#faqHero .faqRightColumn .contactTile .moreInfo a {text-indent:-9999px; display:block;width:234px; height:151px;}
#faqHero .faqRightColumn .buttonRequest img {border: 0; margin-top: 20px;}
#faqHero .faqRightColumn .buttonFaq img {border: 0; margin-top: 10px;}
#faqHero .faqLeftColumn {float: left; width: 430px; padding:30px 0 0 0; margin:10px 0 0 34px;  font-size: 12px; color: #424141; background: url('../images/FAQ_boxTop.gif') 0 0 no-repeat; }

.FAQtile { background: url('../images/FAQ_boxTile.gif') 0 0 repeat-y;}

#faqHero .faqLeftColumn h3 {color: #042846; font-size: 18px; margin: 0;}
#faqHero .faqLeftColumn p {padding:0px 25px 15px 25px; margin-top:0; color:#35526a; font-size:13px; border-bottom:1px solid #b6c9db; display:block; }
#faqHero .faqLeftColumn p.question {font-size:13px; font-weight:bold; padding:10px 25px 0 25px; border:none;}
#faqHero .faqLeftColumn p.question a {color:#0060b0; text-decoration: none;}
#faqHero .faqLeftColumn p.question.nine {margin-bottom: 0;}
#faqHero .faqLeftColumn p.answer {display: none;}
#faqHero .faqLeftColumn p.answer.on {display: block;}
#faqHero .faqLeftColumnTop {float: left; width: 430px; padding:0; margin:0;}
#faqHero .faqLeftColumnBot {float: left; width: 430px; padding:0; margin:0; background-color:#F0F5F8; height:36px;}
#faqHero .faqLeftColumn p.FAQ_bot {margin-bottom:0; border-bottom:none; margin-top: 10px;}  
#faqHeroBottom {background: url('../images/faq-hero-background-bottom.png') 0 0 no-repeat; height: 30px;}

/* Contact Content*/
#contactHero {background: url('../images/contact-hero-background.png') 0 0 no-repeat; height: 710px; margin-top: -20px; padding: 0 32px;}
#contactHero h2 {font-size: 20px; color: #042846; float: left; margin: 20px 0 20px 0; width:410px;}
#contactHero .photo {float: right; margin:20px 1px 0 0; display:block;}
#contactHero .callus {float: left; margin:20px 0px 0 0;}
#contactHero .body {width: 420px; font-size: 12px; color: #666666;}
#contactHero .infobox {float: left; width: 739px; padding:0px; margin:20px 15px 0 0; background-color:#F0F5F8; height:430px; background: url('../images/contact-infobox.gif') 0 0 no-repeat;}
#contactHero h3 {font-size: 12px; color: #424141; margin: 25px 0 0 25px;}
#contactHero .columnOne {width: 216px; float: left; padding-top: 0px; margin:-8px 15px 0 25px;}
#contactHero .columnTwo {width: 446px; float: left; padding-top: 0px; margin:-8px 0 0 11px;}
#contactHero label {display: block; width: 100%; height: 20px; color: #666666; font-weight: bold; }
#contactHero input {width: 210px; margin-bottom: 7px; border: solid 1px #7f9db9; height: 16px;}
#contactHero textarea {margin-top: 0px;width: 445px; height: 170px; border: solid 1px #7f9db9; font-family:arial, verdana; font-size: 12px; margin-bottom: 4px;}
#contactHero .buttons {float: right; margin: -32px 20px 0 0;}
#contactHero .buttons a {margin: 0 4px 0 4px;}
#contactHero .buttons .button {width:106px; height:25px; border: 0; margin: 0 4px 0 4px;}
#contactHero .buttons img {border: 0;}
#contactHero .mandatory {text-align:right; padding-right: 20px; margin-top: 16px;}
#contactHero label .error {float: right;}
.errors {color:red;}
.captcha {float: right; margin-top: 0px;}
.clear {clear:both;}

/* Thanks Content*/
#thanksHero {background: url('../images/thanks-hero-background.png') 0 0 no-repeat; height: 386px; margin-top: -20px; padding: 0 32px;}
#thanksHero h2 {font-size: 20px; color: #042846;  margin: 20px 0 20px 0;}
span.right {float: right;}

/* Privacy Content*/
#privacyHero {background: url('../images/privacy-hero-background.png') 0 0 no-repeat; height: 1030px; margin-top: -20px; padding: 20px 20px 0 20px;}
#privacyHero h2 {font-size: 20px; color: #042846;  margin: 0;}
.privacybody {line-height:1.3em;} 
.privacytext {color: #0060B0;font-weight: bold;}

/* Footer */
#footer{background: url('../images/footer.png') 0 0 no-repeat; height: 52px; margin-top: 30px; text-align: center; padding-top: 30px; color: #0260b1; line-height: 18px;}
#footer a {color: #0260b1; font-size: 12px; }
#footer a.img {margin:-11px 16px 0 0;float: right;}

.privacytext {
	color: #0060B0;
	font-weight: bold;
}