@import ("reset.css");

* {
	margin:0;
	padding:0;
}
body { background: #D1CECF url('../images/bg.gif') left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:150%; text-align:center; }
h1 { clear: both; font-size: 2em; font-weight: bold; color: #E761A1; padding: 0 0 24px 0; }
h2 { font-size: 1.4em; font-weight: bold; color: #221E1F }
h3 { font-size: 2.3em; color: #fff; font-weight: normal; line-height: 90px; }
p, li {font-size:1.2em;}
p {padding:7px 0 7px 0;}
li {list-style:none;}
img {border:0;}

div#container { margin:0 auto; text-align:left; width:916px; padding-top: 37px; }
div#header { display: block; background: url('../images/headerimage.jpg') 606px bottom no-repeat; width: 916px; height: 264px;}
div#header .logo { float: left;; }

ul.topNav { float:right; padding: 8px 26px 0 0; }
#contentMain ul.topNav { float:right; padding: 8px 0 0 0; margin: 0 0 28px 0; }
ul.topNav li { float: left; margin: 0 3px 0 0; padding: 0; }
ul.topNav li.topNav1 a { display: block; background: url('../images/topnav1.png') left top no-repeat; width: 100px; height: 0; padding-top: 28px; overflow: hidden; }
ul.topNav li.topNav2 a { display: block; background: url('../images/topnav2.png') left top no-repeat; width: 153px; height: 0; padding-top: 28px; overflow: hidden; }
ul.topNav li.topNav3 a { display: block; background: url('../images/topnav3.png') left top no-repeat; width: 122px; height: 0; padding-top: 28px; overflow: hidden; }
ul.topNav li.topNav4 a { display: block; background: url('../images/topnav4.png') left top no-repeat; width: 102px; height: 0; padding-top: 28px; overflow: hidden; }
ul.topNav li.topNav5 a { display: block; background: url('../images/topnav5.png') left top no-repeat; width: 80px; height: 0; padding-top: 28px; overflow: hidden; }
ul.topNav li a:hover { background-position: left -28px; }
ul.topNav li a:hover span { background-position: right -28px; }
div#header .strapline { clear: both; padding: 56px 0 0 12px; float: left; }

#contentMainTop { clear: both; display: block; background: url('../images/maincontenttop.gif') left bottom no-repeat; height: 14px; width: 916px; padding-top: 28px; }
#contentMain { background: #F1F0EF; border-left: 1px solid #B2B0B1; border-right: 1px solid #B2B0B1; padding: 28px 24px 28px 25px; }
#contentMain p { font-size: 1.4em; color: #221E1F; line-height: 1.2em; padding: 0 0 18px 0; }
#contentMain p a, #contentMain p span { color: #DB417F; text-decoration: none; }
#contentMain .buttonLarge p a { display: block; background: url('../images/buttonlarge.gif') left top no-repeat; width: 866px; height: 56px; text-align: center; margin: 6px 0 58px 0; line-height: 56px; font-size: 1.3em; font-weight: bold; color: #fff; text-decoration: none; }
#contentMain .button_clickToBuy p { padding: 0 0 10px 0; }
#contentMain .button_clickToBuy p a { display: block; background: url('../images/button_clicktobuy.gif') left top no-repeat; width: 349px; height: 0; padding-top: 99px; margin: 30px auto 0 auto; overflow: hidden; }
#contentMain p.linkInfo { text-align: center; padding-top: 0; }
#contentMain #mainContentImageLarge { padding: 12px 0 91px 0; }
#contentMain #mainContentImageDouble { padding: 12px 0 31px 0; }
#contentMainFooter { display: block; background: url('../images/maincontentfooter.gif') left top no-repeat; height: 14px; width: 916px; }

div#footer { clear:both; background: url('../images/bg_footer.gif') left top repeat-x; text-align: left; margin-top: 50px; padding-top: 30px; }
div#footer #inner { background: url('../images/imagefooter.jpg') right 58px no-repeat; width: 916px; height: 240px; margin: 0 auto; }
div#footer p { font-size: 1.4em; color: #fff; line-height: 1.2em; width: 600px; }
div#footer p.regInfo { clear: both; font-size: 1.1em; text-align: center; width: auto; padding-top: 40px;  }

div#footer ul { clear: both; width: 950px; margin: 0 auto; padding: 0 0 0 30px; }
div#footer ul li { float: left; padding-right: 8px; }

.clear {clear:both;}
.left { float: left; }
.right { float: right; }