/* CSS Document */

/* BODY *********************************************************************************/

html {overflow-y: scroll;}

* {margin: 0; padding: 0;}

img {border: 0; display: block;}

body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4a4a4a; line-height: 18px; background-color: #bfbfbf; background-image: url(../images/bg.gif); background-repeat: repeat-x;}

ul {padding-left: 27px; list-style-image: url(../images/bullet.gif);}
ol {padding-left: 20px;}

.wdgt_ft {display: none;}

/* CONTAINERS *********************************************************************************/

#container {width: 985px; margin: auto;}
#logo {width: 602px; height: 106px; float: left;}
#promotion {width: 383px; height: 106px; float: left;}
#clickhere {width: 60px; height: 10px; margin: -42px 0 0 181px; position: relative;}
#platesbg {width: 961px; height: 58px; float: left; background: url(../images/plate_bg.jpg); padding: 7px 0 0 24px;}
#mainbg {width: 985px; background: url(../images/main_bg.gif); float: left;}
#maincontent {width: 956px; float: left; background: url(../images/maincontent_bg.gif) no-repeat; padding: 0 0 0 29px;}
#leftcontent {width: 321px; float: left; padding: 4px 0 0 0;}
#leftcontenti {width: 362px; float: left; padding: 4px 0 0 0;}
#footer {width: 878px; height: 118px; background: url(../images/main_footer.gif); float: left; padding: 35px 0 0 107px;}
#map {width: 350px; height: 351px; float: left;}
#nav {width: 252px; height: 35px; float: left; padding-left: 20px;}
#amazon {width: 219px; float: right; background: url(../images/amazon_bg.gif) no-repeat; margin-right: 13px; padding: 23px 0 0 40px;}
#google {width: 676px; height: 115px; float: left; background: url(../images/google_bg.gif); padding: 25px 0 0 0; text-align: center;}
#featuredcity {width: 286px; float: left; padding: 5px 0 0 23px;}
#citytext {width: 286px; float: left; padding: 12px 0 20px 0;}
#facts {width: 671px; float: left; padding: 4px 0 20px 0;}

/* SPRITES *********************************************************************************/

.logo {width: 602px; height: 106px; background: url(../images/header.jpg); float: left;}
.promotion {width: 383px; height: 106px; background: url(../images/header.jpg); background-position: -602px 0; float: left;}

/* CITIES */
.cities {width: 112px; padding-right: 8px; height: 82px; background: url(../images/city_pics.jpg) no-repeat; float: left;}
.calgary {background-position: 0 0;}
.vancouver {background-position: 0 -82px;}
.winnipeg {background-position: 0 -164px;}
.halifax {background-position: 0 -246px;}
.stjohns {background-position: 0 -328px;}
.yellowknife {background-position: 0 -410px;}
.iqaluit {background-position: 0 -492px;}
.toronto {background-position: 0 -574px;}
.montreal {background-position: 0 -656px;}
.regina {background-position: 0 -738px;}
.dawsoncity {background-position: 0 -820px;}

/* CITY TITLES */

.titles {width: 160px; height: 41px; background: url(../images/city_titles.jpg) no-repeat; float: left; margin-top: 10px;}
.tcalgary {background-position: 0 0;}
.tvancouver {background-position: 0 -41px;}
.twinnipeg {background-position: 0 -82px;}
.thalifax {background-position: 0 -123px;}
.tstjohns {background-position: 0 -164px;}
.tyellowknife {background-position: 0 -205px;}
.tiqaluit {background-position: 0 -246px;}
.ttoronto {background-position: 0 -287px;}
.tmontreal {background-position: 0 -328px;}
.tregina {background-position: 0 -369px;}
.tdawsoncity {background-position: 0 -410px;}

/* PLATES */
.plates {height: 37px; background: url(../images/plates.jpg);}
.alberta {width: 74px; float: left; background-position: 0 0;}
.bc {width: 73px; float: left; background-position: -74px 0;}
.manitoba {width: 73px; float: left; background-position: -147px 0;}
.newbrunswick {width: 73px; float: left; background-position: -220px 0;}
.newfoundland {width: 73px; float: left; background-position: -293px 0;}
.nwt {width: 73px; float: left; background-position: -366px 0;}
.novascotia {width: 73px; float: left; background-position: -439px 0;}
.nunavut {width: 73px; float: left; background-position: -512px 0;}
.ontario {width: 73px; float: left; background-position: -585px 0;}
.pei {width: 73px; float: left; background-position: -658px 0;}
.quebec {width: 73px; float: left; background-position: -731px 0;}
.saskatchewan {width: 73px; float: left; background-position: -804px 0;}
.yukon {width: 59px; float: left; background-position: -877px 0;}

/* ABOUT US PICTURES */

#aboutmain {width: 227px; float: right; padding-left: 40px; text-align: center;}
.aboutpics {width: 227px; height: 134px; background: url(../images/about_pics.jpg) no-repeat;}
.columbus {background-position: 0 0;}
.champlain {background-position: 0 -134px;}
.earhart {background-position: 0 -268px;}
.edmond {background-position: 0 -402px;}
.armstrong {background-position: 0 -536px;}

/* ROLLOVERS *********************************************************************************/

a.clickhere {width: 60px; height: 10px; background: url(../images/btn_clickhere.gif); float: left; display: block;}
a.clickhere:hover {background-position: 0 -10px;}


a.facts {width: 89px; height: 35px; background: url(../images/btn_nav.gif); background-position: 0 0; float: left;}
a.facts:hover {background-position: 0 -35px;}

a.about {width: 67px; height: 35px; background: url(../images/btn_nav.gif); background-position: 0 -70px; float: left;}
a.about:hover {background-position: 0 -105px;}

a.link {width: 96px; height: 35px; background: url(../images/btn_nav.gif); background-position: 0 -140px; float: left;}
a.link:hover {background-position: 0 -175px;}

/* TEXT *********************************************************************************/

h1 {font-family: "Helvetica Condensed", "Helvetica 45 Light"; font-size: 22px; color: #9b1111; margin: 0; padding: 0;}

.footertext {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;}
.citytext {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4a4a4a; line-height: 19px;}
.smalltext {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; line-height: 15px;}

/* LINKS *********************************************************************************/

a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #9b1111; text-decoration: none;}
a:hover {text-decoration: underline;}

a.homelink {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #9b1111; text-decoration: none;}
a.homelink:hover {text-decoration: underline;}

a.whitelink {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
a.whitelink:hover {text-decoration: underline;}

/* TABLES *********************************************************************************/

td.darkgrey {padding: 3px; background-color: #ededed; border-bottom: 1px solid #FFFFFF;}
td.lightgrey {padding: 3px; background-color: #f6f6f6; border-bottom: 1px solid #FFFFFF;}

/* IMAGES *********************************************************************************/

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

/* FORMS *********************************************************************************/

.formbox {padding: 3px; background: url(../images/form_bg.gif); border: 1px solid #8e8e8e; color: #9b1111; margin-bottom: 3px; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}

.submit {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; text-transform: uppercase; background: url(../images/btn_form.gif); width: 60px; height: 28px; cursor: pointer; border: 0; float: left; text-align: center; padding-bottom: 5px; margin-right: 5px;}
.submit:hover {background-position: 0 -28px;}