html {height: 100%; margin: 0; padding: 0;}
body {font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #5D5D5D; background: #FFFFFF url(/img/landing_img.jpg) center 50px no-repeat; height: 100%; margin: 0; padding: 0; text-align: center; vertical-align: top;}

h1 {font: bold 14px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; margin: 0 0 10px 0; padding: 0;}
h2 {font: bold 14px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; margin: 20px 0 10px 0; padding-top: 20px; border-top: 1px #BCBCBC dashed;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #4C7A9E; font-weight: bold; text-decoration: none;}
a:hover, a:focus, a:active {color: #999999; font-weight: bold; text-decoration: none;}

a.copyr:link, a.copyr:visited, a.copyr:hover, a.copyr:focus, a.copyr:active,
p.copyr, p.copyr a:link, p.copyr a:visited, p.copyr a:hover, p.copyr a:focus, p.copyr a:active,
div.copyr a:link, div.copyr a:visited, div.copyr a:hover, div.copyr a:focus, div.copyr a:active {font-size: 10px;}

a img {border: none;}

p {margin: 0 0 10px 0; padding: 0;}
p.last {margin-bottom: 0;}
sup {line-height: 0;}
div.text {text-align: justify;}
div.text p {line-height: 16px;}
div.text a:link, div.text a:visited {color: #4C7A9E; font-weight: normal; text-decoration: none;}
div.text a:hover, div.text a:focus, div.text a:active {color: #999999; font-weight: normal; text-decoration: none;}

.copyr {font-size: 10px; text-decoration: none;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.fright {float: right;}
.fleft {float: left;}
.cright {clear: right;}
.cleft {clear: left;}
.cboth {clear: both;}
.hidden {display: none;}
.visible {display: block;}

div#wrapper {position: relative; width: 920px; min-height: 100%; padding: 0; margin: 0 auto;}
div#wrapperContent {overflow: hidden; width: 920px; margin: 0 auto; padding: 0 0 160px 0;}
div#wrapperDealers {position: relative; height: 480px; margin: 0 0 20px 0; background: url(/img/repentigny_logo.jpg) center 350px no-repeat;}

div.dealercar {position: absolute;}
div.dealercar img {display: block;}
div#dealercarSubaru {top: 75px; left: 0; width: 431px; height: 172px;}
div#dealercarSuzuki {top: 50px; right: 0; width: 395px; height: 201px;}

div.dealerinfo {position: absolute; width: 410px;}
div.dealerinfo div.dealerinfoLogo {margin: 0 0 20px 0;}
div.dealerinfo div.dealerinfoLogo img {display: block;}
div.dealerinfo p {font-size: 11px; line-height: 14px; margin: 0;}
div.dealerinfo p.dealerinfoName {font-size: 18px; margin-bottom: 10px;}
div.dealerinfo p.dealerinfoName a:link, div.dealerinfo p.dealerinfoName a:visited {color: #5D5D5D; font-weight: normal; text-decoration: none;}
div.dealerinfo p.dealerinfoName a:hover, div.dealerinfo p.dealerinfoName a:focus, div.dealerinfo p.dealerinfoName a:active {color: #4C7A9E; font-weight: normal; text-decoration: none;}
div#dealerinfoSubaru {bottom: 0; left: 50px; text-align: left;}
div#dealerinfoSubaru div.dealerinfoLogo {width: 165px; height: 101px; margin-right: auto;}
div#dealerinfoSuzuki {bottom: 0; right: 50px; text-align: right;}
div#dealerinfoSuzuki div.dealerinfoLogo {width: 220px; height: 46px; margin-left: auto;}

div#hometext {clear: both; padding-top: 20px; border-top: 1px #BCBCBC dashed;}
div#hometext p {margin: 0;}

div#footer {position: absolute; left: 0; bottom: 0; font-size: 11px; color: #999; width: 785px; height: 120px; padding: 20px;}
div#footer p {color: #999; margin: 0;}
div#footer a:link, div#footer a:visited {color: #999; font-weight: normal; text-decoration: none;}
div#footer a:hover, div#footer a:focus, div#footer a:active {color: #666; font-weight: normal; text-decoration: none;}