@charset "utf-8";
/* CSS Document */

body{font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:#f1f1f1 url(../images/background-repeat.jpg) repeat-x top left;}
#container-bg{ background:url(../images/main-bg.png) no-repeat top center; height:100%; overflow:hidden;}
#container-970{width:970px; margin:0 auto; background-color:#fff; overflow:hidden; height:100%;}
img {border:0px;}

#header{height:116px; clear:both; overflow:hidden; background:url(../images/top-beans.png) no-repeat top right;}
#header h1{ background:url(../images/maxxlix-logo.png) no-repeat top left; display:block; width:318px; height:116px; overflow:hidden; float:left; margin:0px;}
#header h1 span{display:block; margin-left:-999px;}

#top{clear:both; overflow:hidden; height:268px; background-color:#803789;}
#strapline{float:left; width:516px; color:#fff; padding:50px 0px 0px 47px;}
#strapline h2{font-size:24px; font-weight:normal; margin-top:0px; line-height:30px; }
#cta-beans{float:left; width:407px; height:268px;}


.green{color:#9bc21b;}
.purple{color:#803789;}
.red{color:#e30119;}
.pink{color:#e0007a;}
.yellow{color:#fbba00;}
.lightblue{color:#68c6e2;}
.orange{color:#ea5f0c;}
.darkgreen{color:#499f32;}
.darkblue{color:#00397e;}
#container-main{padding:0px 47px;}
#container-main h2{color:#803789; font-size:24px; clear:both;}

#container-main ul{list-style:none;}

.col1{float:left; width:438px; background:url(../images/beans-left.png) no-repeat top left; }
.col2{float:left; width:438px; background:url(../images/beans-right.png) no-repeat top left;}
 .col1 ul , .col2 ul{ margin:0px 0px 0px 0px; padding:16px 20px 0px 50px;}
  .col1 ul li, .col2 ul li{ margin:0px 0px 32px 0px; padding:0px 0px 0px 0px; font-size:16px; line-height:20px;}
  
ul#ctas-btm{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
ul#ctas-btm li{float:left; width:260px; color:#fff; padding:10px; margin-right:15px;}
ul#ctas-btm li a{color:#fff; text-decoration:none;}
ul#ctas-btm li a:hover{text-decoration:underline;}
ul#ctas-btm li h3{margin:0px; font-size:18px; margin:4px 0px 5px 0px;}
ul#ctas-btm li p{line-height:20px; font-size:16px; margin-top:0px;}
.clickhere{font-weight:bold; text-align:right;}

ul#ctas-btm li#green{ background:url(../images/green-bg.png) no-repeat top left;}
ul#ctas-btm li#purple{ background:url(../images/purple-bg.png) no-repeat top left;}
ul#ctas-btm li#pink{ background:url(../images/pink-bg.png) no-repeat top left; margin-right:0px;}

#btm{ background:url(../images/btm.jpg) no-repeat bottom center; height:130px;}