@import url(main.css);

#banner { background-image: url(images/banner-bg.png); width: 610px; height: 196px; padding-top: 1px; margin-bottom: 3px; position: relative; }
#banner ul { list-style-type: none; color: #FEFEFF; font-family: Arial, sans-serif; font-weight: bold; font-size: .75em; margin: 45px 0 0 32px; }
#banner ul li { margin-bottom: 10px; line-height: .75em; }
#banner ul li span { color: #C9F06F; }
#banner > span { color: #FDFDFD; font-size: .8em; font-family: Tahoma, Verdana, Geneva; position: absolute; font-weight: bold; }
#banner #free_domain { top: 34px; left: 294px; }
#banner #instant_setup { top: 51px; left: 289px; }
#banner #hidden_fees { top: 68px; left: 284px; }
#banner #for_only { top: 90px; left: 296px; text-transform: uppercase; font-size: .9em; font-weight: bolder; }
#banner > #usd_symbol, #banner > #dollars, #banner > #cents , #banner > #month { position: absolute; color: #FFFFFF; font-family: Arial, sans-serif; font-weight: bold; }
#banner > #usd_symbol { font-size: 1.75em; bottom: 53px; left: 285px; }
#banner > #dollars { font-size: 3.5em; bottom: 31px; left: 300px; }
#banner > #cents { font-size: 1.75em; bottom: 53px; left: 329px; }
#banner > #month { font-size: .8em; bottom: 43px; left: 330px; }

#banner #order_now { background-image: url(images/banner-order_now.png); display: block; width: 113px; height: 32px; text-indent: -999em; position: absolute; top: 158px; left: 283px; }
#banner #order_now:hover { background-position: 0 -35px; }

.package { background-image: url(images/package-bg.png); width: 200px; height: 228px; float: left; margin: 0 5px 10px 0; position: relative; }

h2 { font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif; font-size: .8em; color: #0063C9; text-align: center; margin-top: 11px; }

.package > ul { font-family: Arial, sans-serif; font-size: .75em; color: #646464; position: absolute; top: 45px; left: 18px; list-style-type: none; }
.package > ul li { margin-bottom: 2px; }
.package > ul li strong { color: #3e3e3e; }

.package > p.usd_symbol, .package > p.dollars, .package > p.cents , .package > p.month { position: absolute; color: #2774BB; font-family: Arial, sans-serif; }
.package > p.usd_symbol { font-size: 2.1em; bottom: 8px; left: 18px; }
.package > p.dollars { font-size: 2.75em; bottom: 4px; left: 35px; }
.package > p.cents { font-size: 1.75em; bottom: 20px; left: 58px; }
.package > p.month { font-size: .7em; bottom: 11px; left: 58px; color: #464851; }

.more_info { background-image: url(images/more_info-bg.png); width: 75px; height: 23px; display: block; text-indent: -999em; position: absolute; bottom: 30px; right: 18px; }
.more_info:hover { background-position: 0 -25px; }

.order_now { background-image: url(images/order_now-bg.png); width: 78px; height: 25px; display: block; text-indent: -999em; position: absolute; bottom: 5px; right: 16px; }
.order_now:hover { background-position: 0 -27px; }

h1 { font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif; font-size: 1.5em; color: #739127; font-weight: normal; margin: 0 0 8px 5px; border-bottom: 1px solid #CDCDCD; width: 600px; }
p#intro { font-family: verdana, tahoma, arial; font-size: .75em; color: #646464; line-height: 1.6em; margin: 0 0 0 7px; width: 595px; }