/* -------------------------------------Layout Starts Here------------------------------------------*/

body {background-color: #f1f1f1; font: 12px/16px arial, sans-serif; font-color:#545454;}
#container {width: 790px; margin:20px auto 0px auto; position: relative;}

#header {float:left; height:95px; width:100%; margin:0px; padding:0px;}
#logo {float:left; height:95px; width:190px; margin:0px; padding:0px; background:url(images/logo.gif) top left no-repeat;}
#body {float:left; width:708px; margin:0px; padding:20px 40px 20px 40px; background-color:#FFF; border-right:solid 1px #dddee0; border-left:solid 1px #dddee0;}
#body_flash {float:left; width:788px; background-color:#FFF; border-right:solid 1px #dddee0; border-left:solid 1px #dddee0; padding:20px 0px 0px 0px;}
#body_index {float:left; width:788px; background-color:#FFF; border-right:solid 1px #dddee0; border-left:solid 1px #dddee0; padding:0px;}

#body_top {float:left; background-image:url(images/box_top_notfound.gif); margin:0px; padding:0px; height:11px; width:790px;}
#body_bottom {float:left; background-image:url(images/body_bot.gif); margin:0px; padding:0px; height:11px; width:790px;}
#footer {text-align: center; padding-top: 15px; font-size: 11px; line-height: 15px; padding:10px 0px 0px 0px;}
#column_left {float:left; width:313px; border-right:solid 1px #dddee0; margin:0px; padding:0px 20px 0px 20px;}
#column_right {float:right; width:313px; border-left:solid 1px #dddee0; margin:0px; padding:0px 20px 0px 20px;}
#teaser {float:left; width:400px; border:solid 3px #F89828; margin:0px; padding:10px 20px 10px 20px;}
#image {float:left; width:748px; height:225px; margin:0 auto 0 auto; padding:10px 20px 5px 20px; }

#consumer {float:left; width:363px; margin:0; padding:0px 10px 20px 20px; }
#consumer_top {float:left; width:363px; height:11px; margin:0; padding:0}
#consumer_body {float:left; width:361px; margin:0; padding:0; border-right:solid 1px #dddee0; border-left:solid 1px #dddee0;}
#consumer_bot {float:left; width:363px; height:11px; margin:0; padding:0}

#business {float:right; width:363px; margin:0; padding:0px 20px 20px 10px;}
#business_top {float:right; width:363px; height:11px; margin:0; padding:0}
#business_body {float:right; width:361px; margin:0; padding:0; border-right:solid 1px #dddee0; border-left:solid 1px #dddee0;}
#business_bot {float:right; width:363px; height:11px; margin:0; padding:0}

.title {width:100%; height:30px; background-color:#959595; margin:10px 0px 20px 0px; padding:0px; text-align:center;}
.flash_title {width:100%; padding:0px 40px 0px 40px;}
#biz_caption {width:368px;}
#biz_caption ul {list-style-type:none; display:block; padding:0px; margin:10px 10px 0px 10px;}
#biz_caption li {font: 14px/18px Helvetica, Arial, sans-serif; color:#333; padding:0px 0px 10px 0px;}
#biz_caption a {float: left; overflow:hidden;}
#biz_caption a:hover {background-position: 0 -240px;}

#con_caption {width:365px;}
#con_caption ul {list-style-type:none; display:block; padding:0px; margin:10px 10px 0px 10px;}
#con_caption li {font: 14px/18px Helvetica, Arial, sans-serif; color:#333; padding:0px 0px 10px 0px;}
#con_caption a {float: left; overflow: hidden;}
#con_caption a:hover {background-position: 0 -240px;}

.text {margin: 0px 10px 0px 10px;}
.button {float:left; width:373px; height:30px; background:url(images/button_orange.gif) no-repeat; margin:20px auto 20px auto; text-align:center;}
.article {color:#333; font-weight:bold;}

#home_graphic {float:right; background:url(images/home_wheel.gif) no-repeat;width:400px; height:400px; margin:0px 0px 20px 20px;}
#ad_graphic {float:right; background:url(images/wheel.gif) no-repeat; width:360px; height:360px; margin:0px 0px 0px 40px;}
#retail_graphic {float:right; background:url(images/journeys.jpg) no-repeat; width:360px; height:510px; margin:0px 0px 10px 40px;}
#text_graphic {float:right; background:url(images/demo_graph.jpg) no-repeat; width:375px; height:350px; margin:0px 0px 10px 40px;}
#media_graphic1 {float:left; background:url(images/ST_media_L.gif) no-repeat; width:353px; height:355px; border-right:solid 1px #dddee0; margin:0px; padding:0px 0px 20px 0px;}
#media_graphic2 {float:right; background:url(images/ST_media_R.gif) no-repeat; width:353px; height:355px; border-left:solid 1px #dddee0; margin:0px; padding:0px 0px 20px 0px;}


#contact_left {float:left; width:463px; border-right:solid 1px #dddee0; margin:0px; padding:0px 20px 0px 0px;}
#contact_right {float:right; width:203px; border-left:solid 1px #dddee0; margin:0px; padding:0px 0px 0px 20px;}
#contact_right a {text-decoration:underline;}
#contact_right a:hover {color:#F89828;}

#contact_form {list-style-type:none; float:left; margin:0px; padding:0px;}
#contact_form li{float:left; text-align:left; list-style-type:none; margin:0px 0px 5px 0px; width:100%;}
.textfield {float:left; width:300px; height:10px;}
.textfield2 {float:left; width:300px; height:100px; margin:0px 0px 10px 0px;}
.formtitle {float:left: width:100%; text-align:left; margin:0px; padding:0px;}

b.bt, b.bt b, b.bb, b.bb b {display:block; height:10px; font-size: 1px; background:url(images/corners_orange.jpg) no-repeat; position:relative}
b.bt {top: -3px; left: -3px}
b.bt b {background-position:100% -10px; left: 6px}
b.bb {background-position:0 -20px; top:3px; left: -3px}
b.bb b {background-position:100% -30px; left: 6px}
#orange_border {float:right; border:#F89828 3px solid; }
#orange_border a {width:100%; font: bold 14px/14px Helvetica, Arial, sans-serif; border-bottom:2px solid #FFF; color:#FFF; margin:0px 20px 0px 20px; padding:0px;}


img {border:0px;}
h1 {font: bold 16px/18px Helvetica, Arial, sans-serif; color:#444; margin:10px 0px 0px 0px; padding:0px;}
h2 {font: bold 14px/18px Helvetica, Arial, sans-serif; color:#444; margin:10px 0px 0px 0px; padding:0px;}
h3 {font: bold 12px/18px Helvetica, Arial, sans-serif; color:#444; margin:10px 0px 0px 0px; padding:0px;}
h4 {font: bold 14px/16px Helvetica, Arial, sans-serif; color:#F89828; text-align:left; margin:0px; padding:0px;}
h5 {font: 18px/30px Helvetica, Arial, sans-serif; color:#FFF; margin:0px; padding:0px;}
h6 {font: 12px/14px Helvetica, Arial, sans-serif; color:#FFF; margin:5px 20px 0px 20px; padding:0px;}
p {font: 12px/16px Helvetica, Arial, sans-serif; color:#333; text-align:left; margin:0px 0px 10px 0px; padding:0px;}
ul {list-style-type:disc; padding:0px; margin:0px 0px 0px 10px;}
li {font: 12px/18px Helvetica, Arial, sans-serif; color:#333; text-align:left; text-decoration:none;}
ul li a {font: 12px/20px Helvetica, Arial, sans-serif; color:#666; text-align:left; text-decoration:none;}
ul li a:hover {color:#F89828}

a {
    color: #545454;
    text-decoration: underline;
    outline: none;
}

a:visited {
    color: #444444;
}

a:hover {
    text-decoration: none;
}

/* ---------------------------------------End Layout------------------------------------------------*/

/* ------------------------------Navigation Starts Here-------------------------------------------- */

#navsite {float:left; height:35px; width:100%; margin:0px; padding:0px;}
#navsite ul {float:left; display:block; list-style:none; text-align:left; margin:0px; padding:0px;}
#navsite li {list-style:none; display:inline; margin:0px; padding:0px;}
#navsite a { float: left; overflow: hidden; height: 0px !important; height /**/:24px; /* for IE5/Win only */ margin:0px 0px 0px 0px; }

#home a {width: 0px; padding: 35px 0px 0px 87px; background:url(images/nav_home.gif) no-repeat;}
#how a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_how.gif) no-repeat;}
#advertisers a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_advertisers.gif) no-repeat;}
#retailers a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_retailers.gif) no-repeat;}
#media a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_media.gif) no-repeat;}
#news a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_news.gif) no-repeat;}
#contact a {width: 0px; padding: 35px 0px 0px 103px; background:url(images/nav_contact.gif) no-repeat;}
#header a {padding-left:193px; line-height:95px;}


#home_active a {width: 0px; padding: 35px 0px 0px 87px; background:url(images/nav_home_active.gif) no-repeat;}
#how_active a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_how_active.gif) no-repeat;}
#advertisers_active a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_advertisers_active.gif) no-repeat;}
#retailers_active a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_retailers_active.gif) no-repeat;}
#media_active a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_media_active.gif) no-repeat;}
#news_active a {width: 0px; padding: 35px 0px 0px 120px; background:url(images/nav_news_active.gif) no-repeat;}
#contact_active a {width: 0px; padding: 35px 0px 0px 103px; background:url(images/nav_contact_active.gif) no-repeat;}

/* --------------------------------------------End Navigation-------------------------------------- */