@charset "UTF-8";
/* CSS Document */
@import url(Reset.css);

/*MAIN ELEMENTS*/
img, div, a, input, image {behavior: url(iepngfix.htc);}
h1 {font-size: 22px; font-weight: bold;}
.green-text {color: #7fa549;}
.orange-text {color: #f88949;}
.red-text {color: #c36363;}
.blue-text {color: #46a2c2;}
.purple-text {color: #c363b5;}
.trebuchet-italic {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-style: italic; color: white;}
.white-text {color: white;}

body {background: url(../images/bg.gif) repeat-x #D0D0D0; font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #000000;}

div#wrapper {background: url(../images/main_area_bg.png) repeat-y; width: 912px; padding: 0 9px;}

/*HEADER*/
div#header {width: 100%; height: 88px;}
div.logo {background: url(../images/logo.gif); width: 120px; height: 78px; float: left; margin-left: 19px;}

/* NAVIGATION */
div#nav {float: right; height: 88px; margin-right: 6px; width: 764px;}
div#nav a.share, div#nav a.communities, div#nav a.follow, div#nav a.offer, div#nav a.contact {display: block; float: left; height: 88px;}
div#nav a.share {background: url(../images/nav_share.gif) 0 0 no-repeat; width: 177px;}
div#nav a.communities {background: url(../images/nav_communities.gif) 0 0 no-repeat; width: 179px;}
div#nav a.follow {background: url(../images/nav_follow.gif) 0 0 no-repeat; width: 153px;}
div#nav a.offer {background: url(../images/nav_offer.gif) 0 0 no-repeat; width: 143px;}
div#nav a.contact {background: url(../images/nav_contact.gif) 0 0 no-repeat; width: 112px;}
div#nav a.selected {background-position: 0 -88px;}
div#nav a.share:hover, div#nav a.communities:hover, div#nav a.follow:hover, div#nav a.offer:hover, div#nav a.contact:hover {background-position: 0 -176px;}

/*BANNERS*/
div.banner {width: 910px; height: 109px;}

/*LEFT COLUMN*/
div.left-column {width: 595px; float: left; padding: 25px;}
div.wide-container {width: 627px; margin-left: -10px;}
/*offers*/
div.left-column ol.numbered-list {margin: 10px 45px;}
div.left-column ol.numbered-list li {margin: 8px 0;}
/*communities*/
div.wide-container div.state-nav {background: url(../images/state_nav_bg.gif); width: 487px; height: 41px; padding-left: 130px; padding-top: 15px;}
div.wide-container div.state-nav a {float: left; color: white; text-decoration: none; font-size: 15px; margin-top: 4px;}
div.wide-container div.state-nav a:hover {text-decoration: underline;}
div.wide-container div.state-nav div.divider {background: url(../images/state_nav_divider.gif); width: 42px; height: 29px; float: left;}
div.wide-container div.state-divider {width: 604px; height: 28px; padding-left: 14px; padding-top: 3px; background: #91b355;}
div.wide-container div.community-container {width: 595px; margin-bottom: 46px;}
div.wide-container div.community-container div.community-image {width: 174px; height: 117px; float: left; margin-right: 7px;}
div.wide-container div.community-container div.community-description {width: 414px; float: right; }
/*share*/
div.wide-container div.share-form {width: 618px; background: #46a2c2 url(../images/share_form_decoration.gif) no-repeat bottom left; padding: 46px 0;}
div.form-field-container {width: 100%; margin-bottom: 16px;}
div.form-field-container div.label {float: left; text-align: right; margin-right: 17px; width: 204px; color: white; padding-top: 5px;}
div.wide-container div.share-form div.form-field-container div.field {float: left; text-align: left;}
div.wide-container div.share-form div.form-field-container div.file-field {position: relative; z-index: 2; opacity: 0; top: 16px;}
div.wide-container div.share-form div.form-field-container div.fake-field {position: relative; z-index: 1; top: -13px;}
div.wide-container div.share-form div.form-field-container div.fake-browse-button {position: relative; z-index: 0; background: url(../images/browse_btn_blue.gif); width: 106px; height: 35px; top: 10px; left: 435px;}
input[type="text"] {border: none; background: white; width: 205px; height: 33px; margin-bottom: 10px;}
textarea {border: none; background: white; float: right;}
/*follow*/
div.wide-container div.follow-divider {width: 604px; height: 28px; padding-left: 14px; padding-top: 3px; background: #f88949;}
div.wide-container div.love-byte-container {width: 595px; margin-bottom: 50px;}
div.wide-container div.love-byte-container div.image {width: 150px; height: 150px; float: left; margin-right: 7px;}
div.wide-container div.love-byte-container div.byte {width: 438px; float: right;}
div.wide-container div.love-byte-container div.big {width: 100%;}
/*contact*/
div.wide-container div.contact-form {width: 618px; background: #adcb78; padding: 46px 0;}
/*ad campaign*/
div.wide-container div.thumbnail-box {width: 618px; background: #c363b5; padding: 46px 0 46px 27px; width: 591px;}
div.wide-container div.thumbnail-box a.ad-thumbnail {width: 100px; height: 100px; float: left; margin-right: 16px; margin-bottom: 16px;}

/*RIGHT COLUMN*/
div.right-column {width: 265px; float: right; padding-top: 12px;}
a.communities, a.follow, a.share, a.offers, a.facebook, a.twitter, a.ad-campaign {display: block; width: 261px; height: 190px; margin-bottom: 12px;}
a.communities {background: url(../images/bkt_communities.gif) no-repeat;}
a.follow {background: url(../images/bkt_follow.gif) no-repeat;}
a.share {background: url(../images/bkt_share.gif) no-repeat;}
a.offers {background: url(../images/bkt_offers.gif) no-repeat;}
a.facebook {background: url(../images/bkt_facebook.gif) no-repeat;}
a.twitter {background: url(../images/bkt_twitter.gif) no-repeat;}
a.ad-campaign {background: url(../images/bkt_ad_campaign.gif) no-repeat;}
div.contact-bucket {background: url(../images/bkt_contact_bg.gif) repeat-y; width: 262px; margin-bottom: 12px;}
div.contact-bucket div.top {background: url(../images/bkt_contact_top.gif); width: 262px; height: 104px;}
div.contact-bucket div.bottom {background: url(../images/bkt_contact_bottom.gif); width: 262px; height: 9px;}
div.contact-bucket div.label {color: white; margin-left: 17px;}
div.contact-bucket div.field {margin-left: 17px;}
div.contact-bucket div.checkbox {margin-left: 17px; margin-top: 10px; font-size: 12px;}
div.contact-bucket div.submit-button-container {margin: 17px 0 14px 136px;}
div.contact-bucket div.field input[type="text"] {border: none; background: white; width: 225px; height: 33px; margin-bottom: 10px;}

/*HOME*/
div.flash-area {width: 910px; height: 375px;}
div.home-bucket-area {width: 858px; height: 192px; padding: 33px 26px;}
div.home-bucket-area a.bucket-container {float: left;}
div.home-bucket-area div.bucket-spacer {width: 37px; height: 190px; float: left;}

/*FOOTER*/
div#footer {background: #646466; width: 910px; height: 52px;}
div#footer div.social-icons {float: left; width: 129px; height: 30px; margin: 13px 23px 0 23px;}
div#footer div.social-icons a.icon {width: 29px; height: 28px; float: left; margin-right: 3px;}
div#footer div.social-icons a.facebook-icon {background: url(../images/footer_facebook.gif);}
div#footer div.social-icons a.twitter-icon {background: url(../images/footer_twitter.gif);}
div#footer div.social-icons a.trilogy-icon {background: url(../images/footer_trilogy.gif);}
div#footer div.social-icons a.you-tube-icon {background: url(../images/footer_you_tube.gif);}
div#footer p {float: right; text-align: right; font-size: 10px; color: #a4a4a4; margin: 13px 23px 0 23px;}
div#footer a {color: #a4a4a4; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}