@import url(global.css);

#home a { background-position: -4px -33px; }

#banner { width: 934px; height: 300px; padding-top: 1px; background-image: url(../images/banner_index.png); position: relative; margin-bottom: 22px; }
#banner h2 { font-size: 1.2em; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color: #454545; width: 160px; margin: 30px 0 0 18px; }
#banner p { font-size: .9em; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; color: #454545; width: 180px; 
margin: 15px 0 25px 18px;  }
#banner a { text-transform: uppercase; color: #2589DB; font-weight: bold; font-size: .8em; text-decoration: underline; margin: 0 0 0 18px; }
#banner a:hover { text-decoration: none; }


#packages { width: 934px; height: 280px; margin: 0 auto; }
.package { width: 290px; height: 280px; border-right: 2px solid #BBBBBB; float: left; position: relative; margin-left: 20px; }
.package > * { position: absolute; }
.package p { top: 0px; left: 0; text-transform: uppercase; color: #56ABF1; font-weight: bold; font-size: .7em; }
.package h3 { top: 12px; left: 0; text-transform: uppercase; color: #333333; }
.package ul { top: 60px; left: 0; z-index: 10; }
.package ul li { margin-bottom: 10px; font-size: .9em; }
#pi1 { top: 50px; right: 30px; }
#pi2 { top: 60px; right: 15px; }
#pi3 { top: 30px; right: 5px; }
.price { bottom: 30px; color: #56ABF1; font-weight: bold; font-family: Trebuchet MS; font-size: 2.2em; letter-spacing: -2px; }
.price span { color: #56ABF1; text-transform: uppercase; font-size: .5em; }
.package a { bottom: 35px; right: 10px; display: block; text-indent: -999em; width: 85px; height: 26px; background-image: url(../images/order_now.png); }
.package a:hover { background-position: 0 -28px; }
.no-border { border: none; }