* { margin: 0; padding: 0; } .clear { clear: both; } .clearleft { clear: left; } .clearright { clear: right; } .hide { display: none; } body { text-align: center; font-family: verdana, arial, tahoma; background: #255676 url(images/body_bg.jpg) repeat-x top left; } div#container { margin: 0 auto; text-align: left; width: 986px; } /************************************* Header /************************************/ div#header { width: 986px; } div#header div#logoslogan { width: 225px; float: left; display: inline; margin-top: 3px; margin-left: 29px; } div#header div#logoslogan h1 { text-indent: -9999px; display: block; width: 177px; height: 125px; background: url(images/logo.jpg) no-repeat top left; } div#header div#topheader { width: 986px; } div#header div#logoslogan h3 { text-indent: -9999px; display: block; overflow: hidden; background: url(images/slogan.jpg) no-repeat top left; width: 181px; height: 20px; margin-top: 33px; } div#header div#navphone { width: 550px; float: right; display: inline; margin-right: 25px; margin-top: 9px; } div#header div#navphone h3#number { width: 153px; height: 23px; display: block; overflow: hidden; text-indent: -9999px; background: url(images/telephone.jpg) no-repeat top left; float: right; } div#header div#navphone p#email { text-align: right; clear: right; font-family: arial; font-size: 13px; line-height: 13px; } div#header div#navphone p#email a { color: #5c1d39; text-decoration: none; } div#header div#navphone p#email a:hover { text-decoration: underline; color: #000; } div#header div#navigation { padding-top: 89px; } div#header div#topnav { width: 480px; float: right; display: inline; } div#header div#topnav ul { list-style: none; } div#header div#topnav ul li { float: left; display: inline; } div#header div#topnav ul li a { font-family: arial; float: left; display: inline; font-weight: bold; color: #34617f; font-size: 13px; line-height: 13px; text-decoration: none; margin-left: 25px; } div#header div#topnav ul li a.last { margin-right: 0; } div#header div#topnav ul li a:hover { text-decoration: underline; } div#header div#mainnav { width: 550px; padding-top: 8px; float:right; } div#header div#mainnav ul { list-style: none; height: 34px; overflow: hidden; } div#header div#mainnav ul li { float: left; display: inline; text-transform: capitalize; } div#header div#mainnav ul li a { text-align: center; display: block; width: 102px; color: #fff; text-decoration: none; font-size: 15px; line-height: 18px; background-image: url(images/tab_bg.jpg); background-position: top left; padding-top: 8px; padding-bottom: 8px; font-weight: bold; font-family: Arial; margin-left: 8px; overflow: hidden; } div#header div#mainnav ul li.current_page_item a, div#header div#mainnav ul li a:hover { background-position: 0 -34px; color: #34617f; } div#header div#mainnav ul li a.last { margin-right: 0; } /*************************************** PicHeader /**************************************/ div#picHeader { width: 962px; background: url(images/content_bg.png) repeat-y top left; padding-left: 24px; } div#picHolder { width: 962px; } div#picCallouts { width: 914px; background-color: #fff; padding-left: 23px; padding-top: 31px; } div#picCallouts div.headImages { float: left; display: inline; width: 277px; margin-right: 18px; background: url(images/headImage_bg.jpg) no-repeat top left; padding: 5px; } div#picCallouts div.headImages div#corporateImages { width: 277px; height: 180px; display: block; overflow: hidden; margin-bottom: 2px; } div#picCallouts div.headImages div#groupImages { width: 277px; height: 180px; display: block; overflow: hidden; margin-bottom: 2px; } div#picCallouts div.headImages div#kidsImages { width: 277px; height: 180px; display: block; overflow: hidden; margin-bottom: 2px; } div#picCallouts div.headImages div#corporateText { width: 277px; background: url(images/corporate_bg.jpg) repeat-x top left; } div#picCallouts div.headImages div#groupText { width: 277px; background: url(images/group_bg.jpg) repeat-x top left; } div#picCallouts div.headImages div#kidsText { width: 277px; background: url(images/kids_bg.jpg) repeat-x top left; } div#picCallouts div.headImages p a { color: #fff; text-decoration: none; font-family: Arial; font-size: 13px; line-height: 17px; font-weight: bold; width: 265px; display: block; overflow: hidden; padding-left: 32px; padding-top: 11px; padding-bottom: 11px; } div#picCallouts div.headImages p a:hover { text-decoration: underline; } div#picCallouts div.headImages div#corporateText p a { background: url(images/corporate_arrow.jpg) no-repeat 12px 14px; } div#picCallouts div.headImages div#groupText p a { background: url(images/group_arrow.jpg) no-repeat 12px 14px; } div#picCallouts div.headImages div#kidsText p a { background: url(images/kids_arrow.jpg) no-repeat 12px 14px; } /************************************* Content /************************************/ div#contentHolder { width: 962px; background: url(images/shadow.png) no-repeat bottom left; padding-left: 24px; padding-bottom: 120px; } div#content { width: 937px; background-color: #fff; padding-bottom: 15px; } div#content div#maincontent { width: 588px; float: left; display: inline; margin-left: 21px; } /************************************* Chat *************************************/ div#chatholder { width: 100%; position: relative; z-index: 1000; } div#chat { width: 186px; position: fixed; bottom: 0; right: 0; background: url(images/chat_bg.png) no-repeat top left; text-align: left; padding-bottom: 19px; padding-top: 10px; padding-left: 12px; } div#chat a { font-size: 11px; line-height: 15px; color: #000; text-decoration: none; font-weight: bold; margin-left: 5px; } div#chat_test { width: 200px; position: fixed; bottom: 0; right: 0; } /************************************** MainContent /*************************************/ div#content div#maincontent h2 { font-size: 23px; line-height: 30px; font-family: "Arial Black", verdana; color: #343434; padding-top: 27px; } div#content div#maincontent h2 span { color: #8fba51; } div#content div#maincontent h3.explanation { font-size: 17px; line-height: 26px; font-family: Arial; color: #651d3d; padding-top: 3px; } div#content div#maincontent p { font-size: 13px; line-height: 24px; color: #484848; padding-top: 9px; text-align: justify; } div#content div#maincontent ul.languages { list-style: none; padding-top: 15px; width: 588px; } div#content div#maincontent ul.languages li { float: left; display: inline; font-size: 15px; color: #264b63; background: url(images/languages_libg.jpg) no-repeat 0 6px; padding-left: 12px; font-family: Arial; font-weight: bold; width: 100px; padding-bottom: 6px; } div#content div#maincontent p.calltoaction { font-size: 13px; line-height: 17px; font-family: arial; padding-left: 16px; padding-top: 0; margin-top: 10px; font-family: Arial; } div#content div#maincontent div.imagebtm { width: 245px; background: url(images/imageholderbtm.jpg) no-repeat bottom left; padding-bottom: 6px; text-align: center; margin-bottom: 20px; } div#content div#maincontent div.imagetop { background: url(images/imageholdertop.jpg) no-repeat top left; padding-top: 6px; width: 245px; } div#content div#maincontent div.imagetop img { margin: 0 auto; } div#content div#maincontent div.imagemid { background: url(images/imageholdermid.jpg) repeat-y top left; width: 245px; } div#content div#maincontent div#rightNote { float: right; display: inline; width: 245px; margin-left: 20px; } div#content div#maincontent div.sidenotebtm { width: 245px; background: url(images/sidenotebtm.jpg) no-repeat bottom left; padding-bottom: 16px; margin-bottom: 15px; } div#content div#maincontent div.sidenotetop { background: url(images/sidenotetop.jpg) no-repeat top left; padding-top: 10px; width: 245px; } div#content div#maincontent div.sidenotemid { background: url(images/sidenotemid.jpg) repeat-y top left; widtrh: 245px; } div#content div#maincontent div.sidenotebtm h3 { font-size: 15px; line-height: 21px; color: #729541; padding-left: 15px; font-family: arial; } div#content div#maincontent div.sidenotebtm ul { list-style: none; } div#content div#maincontent div.sidenotebtm ul li { font-size: 13px; line-height: 21px; color: #464646; padding-left: 10px; margin-left: 15px; background: url(images/sidenote_ulbg.jpg) no-repeat 0 8px; } div#content div#maincontent p.calltoaction a { color: #2a6083; background: url(images/link_rpt.jpg) repeat-x bottom left; text-decoration: none; } div#content div#maincontent div.testimonial { width: 580px; background: url(images/blockquote_btm.jpg) no-repeat bottom left; padding-bottom: 38px; margin-top: 25px; } div#content div#maincontent div.testimonialmid { width: 580px; background: url(images/blockquote_mid.jpg) repeat-y top left; } div#content div#maincontent div.testimonialtop { width: 580px; background: url(images/blockquote_top.jpg) no-repeat top left; padding-top: 17px; margin-top:50px;} div#content div#maincontent div.testimonialtop div.quote { width: 486px; background: url(images/quote_bg.jpg) no-repeat top left; padding-left: 44px; margin-left: 19px; } div#content div#maincontent div.testimonialtop div.quote h3 { font-family: Arial; color: #739541; font-size: 21px; line-height: 25px; } div#content div#maincontent div.testimonialtop div.quote p { font-family: "Times New Roman"; font-style: italic; font-size: 17px; line-height: 24px; text-align: left; } div#content div#maincontent div.testimonialtop div.quote p.more { font-family: Arial; font-size: 13px; line-height: 17px; font-style: normal; } div#content div#maincontent div.testimonialtop div.quote p.more a { color: #739541; text-decoration: none; font-weight: bold; } div#content div#maincontent div.testimonialtop div.quote p.more a:hover { text-decoration: underline; } div#content div#maincontent p strong { color: #651d3d; } div#content div#maincontent ul#why { list-style: none; padding-top: 10px; } div#content div#maincontent ul#why li { font-size: 13px; line-height: 24px; background: url(images/checkmark.jpg) no-repeat 0 6px; color: #484848; padding-left: 30px; padding-bottom: 5px; } div#content div#maincontent div.layers { width: 185px; float: left; display: inline; border-right: 1px solid #d2d2d2; padding-right: 10px; margin-top: 20px; } div#content div#maincontent div.layers.two { padding-left: 10px; width: 175px; } div#content div#maincontent div.layers.noborder { border-right: 0; padding-left: 10px; width: 175px; } div#content div#maincontent div.layers h3 { font-size: 15px; line-height: 19px; color: #343434; font-family: Arial; } div#content div#maincontent div.layers p { font-family: Arial; font-size: 13px; line-height: 24px; color: #484848; text-align: left; } /************************************** Partners /*************************************/ div#partners { width: 883px; margin-left: 21px; } div#partners h2 { font-size: 25px; line-height: 30px; font-family: "Arial Black", verdana; color: #343434; padding-top: 27px; padding-bottom: 5px; } div#partners h2 span { color: #8fba51; } div#partnerbtm { width: 883px; background: url(images/partner_btm.jpg) no-repeat bottom left; padding-bottom: 12px; } div#partnermid { width: 883px; background: url(images/partner_mid.jpg) repeat-y top left; } div#partnertop { width: 883px; background: url(images/partner_top.jpg) no-repeat top left; padding-top: 11px; } div#partnertop div#row { width: 871px; margin-left: 12px; height: 56px; display: block; overflow: hidden; padding-top: 10px; padding-bottom: 20px; } div#partnertop div#row a { display: inline; margin-right: 94px; vertical-align: middle; } div#partnertop div#row a.nomarg { margin-right: 0; } div#partnertop div#row2 { width: 871px; margin-left: 12px; height: 128px; display: block; overflow: hidden; } div#partnertop div#row2 a { display: inline; margin-right: 120px; } div#partnertop div#row2 img, div#partnertop div#row img { vertical-align: middle; } div#partnertop div#row2 a.nomarg { margin-right: 0; } /************************************** Friends /*************************************/ div#friends { width: 883px; margin-left: 21px; margin-top: 15px; } div#friendsBorder { border: 1px solid #2c6081; padding: 10px; } div#friends h2 { float: left; display: inline; font-size: 30px; line-height: 30px; font-family: "Arial Black", verdana; color: #343434; width: 315px; margin-left: 12px; padding-top: 20px; } div#friends h2 span { color: #8fba51; } div#friends a { width: 73px; height: 74px; display: block; overflow: hidden; text-indent: -9999px; float: left; } div#friends a#yt { background: url(images/youtube_icon.jpg) no-repeat top left; margin-right: 129px; } div#friends a#fb { background: url(images/facebook_icon.jpg) no-repeat top left; } div#friends a#tr { background: url(images/twitter_icon.jpg) no-repeat top left; margin-right: 129px; } /************************************** Sidebar /*************************************/ div#content div#sidebar { width: 287px; float: right; display: inline; margin-right: 18px; padding-top: 36px; } div#content div#sidebar div.accordion { width: 287px; } div#content div#sidebar div.accordion div#contactSidebar { border: 2px solid #FF0000; padding: 4px; margin-bottom: 13px; } div#content div#sidebar div.accordion div#contactSidebar div#standout { background-color: #8FBA51; padding-bottom: 10px; } div#content div#sidebar div.accordion h3 { border: 1px solid #264D6A; background: url(images/sidebarheader_bg.jpg) repeat-x top left; color: #fff; font-family: Arial; font-size: 15px; line-height: 19px; padding-left: 13px; padding-top: 6px; padding-bottom: 5px; margin-bottom: 1px; } div#content div#sidebar fieldset { border: 0; } div#content div#sidebar legend { display: none; } div#content div#sidebar div.accordion form#search { margin-top: 13px; padding-bottom: 13px; } div#content div#sidebar div.accordion form#contactForm { margin-top: 13px; } div#content div#sidebar div.accordion form#newsletterForm { border-top: 9px solid #254F68; padding-top: 13px; } div#content div#sidebar div.accordion div#discount { margin-top: 13px; padding-bottom: 13px; } div#content div#sidebar div.accordion div#video { margin-top: 13px; padding-bottom: 13px; } div#content div#sidebar div.accordion div#newsletter { background: url(images/newsletter.jpg) no-repeat top right; padding-right: 119px; padding-bottom: 13px; } div#content div#sidebar div.accordion div#newsletterHolder { margin-top: 13px; padding-bottom: 13px; } div#content div#sidebar div.accordion div#contactSidebar div#standout div.formrow div.textbox input { width: 238px; padding: 5px; display: block; font-size: 13px; line-height: 17px; border: 1px solid #ADADAD; color: #333; font-family: arial; background-color: #fff !important; } div#content div#sidebar div.accordion div#contactSidebar div#standout div.formrow div.textbox select { width: 238px; padding: 5px; display: block; font-size: 13px; line-height: 17px; color: #333; font-family: arial; background-color: #fff !important; border: 1px solid #ADADAD; } div#content div#sidebar div.accordion div#contactSidebar div#standout div.formrow div.textbox textarea { width: 238px; padding: 5px; display: block; font-size: 13px; line-height: 17px; border: 1px solid #ADADAD; color: #333; font-family: arial; height: 100px; background-color: #fff !important; } div#content div#sidebar div.accordion div#contactSidebar div#standout div#result { width: 250px; background: #fff; margin-left: 13px; margin-top: 10px; } div#content div#sidebar div.accordion div#contactSidebar div#standout div#result p#loading { font-size: 13px; line-height: 17px; color: #333; background: url(images/ajax-loader.gif) no-repeat center right; width: 90px; height: 19px; display: block; margin-left: 18px; margin-right: 18px; text-align: left; } div#content div#sidebar div.accordion div#contactSidebar div#standout div#result p#congratulations { font-size: 13px; line-height: 17px; color: #229C05; margin-left: 7px; padding-top: 7px; margin-right:7px; padding-bottom: 7px; text-align: left; } div#content div#sidebar div.accordion div#contactSidebar div#standout div#result p#congratulations strong { color: #651d3d; } div#content div#sidebar div.accordion div#contactSidebar div#standout div#result p#problem { font-size: 13px; line-height: 17px; color: #920C0B; margin-left: 7px; padding-top: 7px; margin-right: 7px; padding-bottom: 7px; text-align: left; } div#content div#sidebar div.accordion div#contactSidebar div#standout div.formrow div.label label.error { color: #920C0B; } div#content div#sidebar div.accordion div#contactSidebar div#standout div.formrow div.textbox input.error { border: 1px solid #920C0B; color: #920C0B; } div#content div#sidebar div.accordion div#contactSidebar div#standout div.formrow div.textbox textarea.error { border: 1px solid #920C0B; color: #920C0B; } div#content div#sidebar div.accordion div#contactSidebar div#standout div#submitbtn { width: 264px; text-align: right; } div#content div#sidebar div.accordion input.txtbox { width: 272px; padding: 5px; display: block; font-size: 13px; line-height: 17px; border: 1px solid #ADADAD; color: #333; font-family: arial; background-color: #fff !important; } div#content div#sidebar div.accordion input.txtbox.error { border: 1px solid #920C0B; color: #920C0B; } div#content div#sidebar div.accordion input#searchbtn { float: right; display: inline; margin-top: 10px; } div#content div#sidebar div.accordion form#newsletterForm p#congratulations2 { font-size: 13px; line-height: 17px; color: #229C05; margin-left: 7px; padding-top: 7px; margin-right:7px; padding-bottom: 7px; } div#content div#sidebar div.accordion form#newsletterForm p#error2 { font-size: 13px; line-height: 17px; color: #920C0B; margin-left: 7px; padding-top: 7px; margin-right: 7px; padding-bottom: 7px; } div#content div#sidebar div.accordion form#newsletterForm p#loading2 { background: url(images/ajax-loader.gif) no-repeat top left; width: 16px; height: 16px; display: block; padding-left: 16px; font-size: 13px; line-height: 17px; color: #229C05; } div#content div#sidebar div.accordion div#contactSidebar div#standout div.formrow { width: 255px; padding-bottom: 10px; margin-left: 13px; } div#content div#sidebar div.accordion div#contactSidebar div#standout div.formrow2 { width: 255px; padding-bottom: 0; margin-left: 13px; } div#content div#sidebar div.accordion div.formrow { width: 287px; padding-bottom: 10px; } div#content div#sidebar div.accordion div.formrow div.label { padding-bottom: 5px; } div#content div#sidebar div.accordion div.formrow div.label label { font-size: 13px; color: #333; line-height: 13px; text-transform: uppercase; font-family: arial; height: 13px; overflow: hidden; } div#content div#sidebar div.accordion div.formrow div.textbox input { width: 272px; padding: 5px; display: block; font-size: 13px; line-height: 17px; border: 1px solid #ADADAD; color: #333; font-family: arial; background-color: #fff !important; } div#content div#sidebar div.accordion div.formrow div.textbox textarea { width: 272px; padding: 5px; display: block; font-size: 13px; line-height: 17px; border: 1px solid #ADADAD; color: #333; font-family: arial; height: 100px; background-color: #fff !important; } div#content div#sidebar div.accordion div#submitbtn { width: 287px; text-align: right; } div#content div#sidebar div.accordion div#submitbtn2 { width: 287px; text-align: right; padding-top: 10px; } div#content div#sidebar div.accordion div.formrow2 div.label2 label { font-size: 13px; color: #333; font-family: arial; } div#content div#sidebar div.accordion div.formrow2 { padding-bottom: 0; width: 287px; } div#content div#sidebar div.accordion div#discount p { font-size: 15px; color: #89B755; text-align: center; font-family: arial; background: url(images/discount.jpg) no-repeat top left; padding-left: 92px; } div#content div#sidebar div.accordion div#discount p span#normal { padding-top: 8px; display: block; } div#content div#sidebar div.accordion div#discount p strong#price { font-family: "Arial Black", Verdana; font-size: 32px; line-height: 32px; color: #275576; padding-left: 27px; vertical-align: middle; } div#content div#sidebar div.accordion div#discount p strong#green { font-family: "Arial Black", Verdana; font-size: 21px; line-height: 32px; padding-right: 31px; } div#content div#sidebar div.accordion div#newsletter h4 { text-indent: -9999px; display: block; overflow: hidden; width: 148px; height: 16px; background: url(images/signup_header.jpg) no-repeat top left; } div#content div#sidebar div.accordion div#newsletter p { font-size: 13px; line-height: 21px; color: #333; font-family: Arial; padding-top: 7px; } /************************************* Footer /************************************/ div#footer { background: url(images/footer_bg.png) repeat-x top left; width: 100%; text-align: center; margin-top: -80px; } div#footerholder { width: 986px; background: url(images/shadow.png)no-repeat bottom left; margin: 0 auto; text-align: left; } div#footercontent { width: 937px; background: #fff; margin-left: 24px; } div#footertop { background: url(images/footer_top2.png) no-repeat top left; display: block; width: 937px; height: 9px; overflow: hidden; margin-left: 24px; } div#recentPosts { width: 275px; float: left; display: inline; margin-left: 23px; padding-bottom: 28px; } div#recentPosts h3 { font-size: 17px; line-height: 25px; background: url(images/footer_headerbg.jpg) repeat-x bottom left; font-family: Arial; color: #000; font-weight: normal; margin-bottom: 5px; } div#recentPosts p { background: url(images/posts_bg.jpg) repeat-x bottom left; font-family: Arial; } div#recentPosts p a { display: block; background: url(images/footerli_bg.jpg) no-repeat 0 17px; color: #484848; text-decoration: none; font-size: 11x; padding-left: 9px; padding-top: 12px; padding-bottom: 5px; } div#subscribe { width: 275px; padding-top: 30px; } div#recentPosts div#subscribe p { background: none; } div#recentPosts div#subscribe p a { background: url(images/rss.jpg) no-repeat top left; padding-left: 35px; font-size: 11px; line-height: 13px; color: #484848; text-decoration: none; padding-top: 0; } div#recentPosts div#subscribe p a:hover { text-decoration: underline; } div#tags { float: right; display: inline; width: 545px; margin-right: 23px; } div#tags h3 { font-size: 17px; line-height: 25px; background: url(images/footer_headerbg.jpg) repeat-x bottom left; font-family: Arial; color: #000; font-weight: normal; margin-bottom: 10px; } div#tags ul { list-style: none; } div#tags ul li { display: inline; font-family: arial; line-height: 34px; } div#tags ul li a { text-transform: lowercase; text-decoration: none; font-weight: bold; margin-right: 24px; } div#tags ul li a.normal { font-size: 21px; color: #8fba51; } div#tags ul li a.small { font-size: 14px; color: #651d3d; } div#tags ul li a.big { font-size: 24px; color: #254e68; } div#tags ul li a:hover { color: #000; } div#footerlinks { background-color: #285d7f; padding-top: 12px; padding-bottom: 12px; } div#footerlinks ul#btmtext { float: left; display: inline; width: 585px; margin-left: 3px; list-style: none; } div#footerlinks ul#btmtext li { display: inline; float: left; margin-left: 20px; text-transform: capitalize; } div#footerlinks ul#btmtext li a { float: left; color: #fff; text-decoration: none; font-family: Arial; font-size: 11px; line-height: 15px; } div#footerlinks ul#btmtext a:hover { text-decoration: underline; } div#footerlinks p#copy { float: right; display: inline; margin-right: 10px; font-size: 11px; line-height: 15px; width: 167px; color: #fff; font-family: Arial; padding-top: 3px; } /************************************ Go green or red when you want to /************************************/ .greentxt { color:#8fba51 !important; } .redtxt { color:#651D3D !important; } /************************************* Sliding Flag Boxes /************************************/ #boxgridtext, #boxgridtext p, #boxgridtext h3 { color:white !important; clear:both; } .boxgrid{ width: 98px; height: 117px; float:left; background-color:#264D6A; overflow: hidden; position: relative; margin-bottom: 2px; } .boxgrid img{ position: absolute; top: 50px; left: 0; border: 0; } .boxgrid p{ padding: 0 10px; font-weight:bold; font:12pt verdana,arial,tahoma; line-height:16px !important; text-align:center !important; } .boxgrid h3 { text-align:center !important; font-size:90%; padding-top:5px; } .boxgrid a{ color: white; text-decoration: none; } .boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .captionfull .boxcaption { top: 260; left: 0; } .caption .boxcaption { top: 220; left: 0; }