@charset "utf-8";
/* stripped down yahoo reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {padding:0;margin:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}


/* clearfix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.ie7 .clearfix { display: inline-block; }
.clear { clear:both; }

/* global */

body {font-family:Arial, Helvetica, sans-serif; font-size:16px; }
a { text-decoration:none; outline:none; color: #1b75bb; }
a:active { color: #db0000; }
p { margin-bottom:10px; }

@font-face { /* IE Fix */
  font-family: 'arial_blackregular';
  src: url('../jpeg/fonts/ariblk-webfont.eot');
}

@font-face { /* Non IE Fix */
    font-family: 'arial_blackregular';
    src: 
        url(http://:/) format("No-IE-404"),
        url('../jpeg/fonts/ariblk-webfont.eot') format('eot'),
        url('../jpeg/fonts/ariblk-webfont.woff') format('woff'),
        url('../jpeg/fonts/ariblk-webfont.ttf') format('truetype'),
        url('../jpeg/fonts/ariblk-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* font Tahoma */
.pageHeadline { font-family: Tahoma, Geneva, sans-serif; }

/* font Arial Black */
.mediaBox .bullets, #pickParentTeacherPopup .heading { font-family: "Arial Black", "arial_blackregular", Gadget, sans-serif; }

/* main */
.main { width:960px; margin:0 auto; }

/* header */
.header { position: relative; background: url(../jpeg/homepage/sprite_v-003.png) no-repeat 332px -91px; }

.header .logo a {
  width: 269px;
  height: 40px;
  top: 18px;
  margin: 0px 0 3px 36px;
  float: left;
  clear: left;
  text-indent: -3000px;
  overflow: hidden;
  background: url(../jpeg/homepage/sprite_v-003.png) no-repeat -4px -48px;
}
.header .logo a.orb {
  height: 57px;
  background: url(../jpeg/main/cnk_orb.png) no-repeat;
  margin: 0px;
  margin-left: 36px;
  clear: both;
}
.affiliate .header .logo a { height: 65px; }
/*.header .spanish_link { margin:6px 10px 0 0; font-size: 13px; text-decoration: underline; float: right; }*/
.header .spanish_link {
  position: absolute;
  right: 0px;
  top: 38px;
}
/*.header .btnLogin { width: 112px; height: 30px; float: right; text-indent: -3000px; overflow: hidden; background: url(../jpeg/homepage/sprite_v-003.png) no-repeat -277px -4px; }*/
.header .btnLogin {
  width: 112px;
  height: 30px;
  right: 0px;
  position: absolute;
  text-indent: -3000px;
  overflow: hidden;
  background: url(../jpeg/homepage/sprite_v-003.png) no-repeat -277px -4px;
}
/* header social */
.header .social { margin-top: 10px; float: right; clear: right; }
.affiliate .header .social { margin-top: 25px; }
.header .social li, .header .social li a { width: 24px; height: 24px; float: right; margin-right: 2px; }
.header .social li a { text-indent: -1000px; overflow: hidden; background-image: url(../jpeg/homepage/sprite_v-003.png); background-repeat: no-repeat; }
.header .social .facebook { background-position: -277px -38px; }
.header .social .twitter { background-position: -306px -38px; }
.header .social .blog { background-position: -334px -38px; }
.header .social .rss { background-position: -361px -38px; }

/* header nav */
.header .nav { float: left; clear: left; }
.header .nav.right { float: right; }
.ie7 .header .nav.right { position: absolute; bottom: 0; right: 0; }
.header .nav .dropdown { display: none; }
.header .nav>li { width: 160px; height: 50px; float: left; position: relative; }
.header .nav .btn { width: 151px; height: 42px; margin: 4px; display: block; }
/*
 * @{.header .nav} green btn background
 * @{.btnWrapper} re-using gradient declarations for the buttons
 */
.header .nav>li, .btnWrapper {
  background: #089644; /* Old browsers */
  background: -moz-linear-gradient(top, #089644 0%, #88c43e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#089644), color-stop(100%,#88c43e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #089644 0%,#88c43e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #089644 0%,#88c43e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #089644 0%,#88c43e 100%); /* IE10+ */
  background: linear-gradient(to bottom, #089644 0%,#88c43e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089644', endColorstr='#88c43e',GradientType=0 ); /* IE6-9 */ }
.header .nav .btn, .btnWrapper .btn {
  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  background: #a4daba; /* Old browsers */
  background: -moz-linear-gradient(top, #a4daba 0%, #7ec140 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4daba), color-stop(100%,#7ec140)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a4daba 0%,#7ec140 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a4daba 0%,#7ec140 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a4daba 0%,#7ec140 100%); /* IE10+ */
  background: linear-gradient(to bottom, #a4daba 0%,#7ec140 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4daba', endColorstr='#7ec140',GradientType=0 ); /* IE6-9 */ }
/* header nav - btn border */
.header .nav .btnBorder { display: block; }
.header .nav .parents .btnBorder { border-right: 1px dotted white; }
/* header nav btn labels */
.header .nav .btn .label { width: 100%; height: 42px; display: block; text-indent: -2000px; overflow: hidden; background-image: url(../jpeg/homepage/sprite_v-003.png); background-repeat: no-repeat; }
.header .nav .parents .btn .label { background-position: -0px -257px; }
.header .nav .teachers .btn .label { background-position: -150px -257px; }
.header .nav .orderNow .btn .label { background-position: -750px -257px; }
/* header nav border and shadow */
.header .nav {
  -webkit-border-radius: 4px; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 4px; -moz-border-radius-bottomright: 0; border-radius: 4px; border-bottom-right-radius: 0;
  -webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .45); box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .45); }
.header .nav.right { -webkit-border-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-bottomleft: 0; border-radius: 4px; border-bottom-left-radius: 0; }
.header .nav .parents { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.header .nav .teachers { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; }
.header .nav .orderNow { -webkit-border-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-bottomleft: 0; border-radius: 4px; border-bottom-left-radius: 0; }
.ie7-8 .header .nav { border-bottom: 1px solid #144f7b; }

/* buttons */
.btnWrapper { float: left;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.btnWrapper .btn { display: block; margin: 4px; }
.btnWrapper .btn .label { display: block ;}

/* pageHeadline */
.pageHeadline { height: 57px; margin: 0 10px; font-size: 32px; line-height: 57px; text-align: center; text-transform: uppercase; color: #e1f0fb;
  text-shadow: 0px 2px 3px #08375c;
  background: #2388d5; /* Old browsers */
  background: -moz-linear-gradient(top, #2388d5 0%, #1b68a3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2388d5), color-stop(100%,#1b68a3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2388d5 0%,#1b68a3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2388d5 0%,#1b68a3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2388d5 0%,#1b68a3 100%); /* IE10+ */
  background: linear-gradient(to bottom, #2388d5 0%,#1b68a3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2388d5', endColorstr='#1b68a3',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, .22); box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, .22); }

/* mediaBox */
.mediaBox { height: 406px; position: relative; z-index: 5; border-top : 1px solid #acc5d8; border-bottom: 1px solid #50974c;
  background: #5aa524 url(../jpeg/homepage/mediabox/mediabox_bg.jpg) no-repeat;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  -webkit-box-shadow:  0px 5px 16px 0px rgba(0, 0, 0, .33); box-shadow:  0px 5px 16px 0px rgba(0, 0, 0, .33); }
.ie7-8 .mediaBox { border-bottom: 1px solid #0b5c25; }
/* mediaBox video */
.mediaBox .video { width: 363px; height: 270px; margin: 17px; border: 3px solid #abd43a; background: #333 url(../jpeg/homepage/mediabox/poster.png) no-repeat;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
/* position the swf video player*/
.mediaBox #swfVideo { margin: -15px 0 0 -15px; }
/* resize the mobile video player */
.mediaBox .mobileVideo { width: 363px; height: 270px; }
/* mediaBox buttons */
.mediaBox .btnWrapper {
  -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .75); box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .75); }
.mediaBox .btnWrapper.parents { margin: 0 0 0 17px; }
.mediaBox .btnWrapper.teachers { margin: 0 0 0 15px; }
.mediaBox .btnWrapper.parents .label { width: 169px; height: 69px; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/mediabox/sprite_mediabox.png) no-repeat -4px -4px; }
.mediaBox .btnWrapper.teachers .label { width: 169px; height: 69px; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/mediabox/sprite_mediabox.png) no-repeat -177px -4px; }
/* position flyInSlider*/
.mediaBox .positionFlyInSlider { width: 550px; height: 370px; overflow: hidden; position: absolute; bottom: 10px; right: 0px; }
.mediaBox .positionFlyInSlider #canvas { /*margin: -180px 0px 0 -600px;*/ }
/* mediaBox bullets */
.mediaBox .bullets { display: none; width: 510px; height:385px; position: absolute; top: 17px; left: 435px; font-size: 22px; letter-spacing: -1px; color: white; text-shadow: 0px 0px 4px rgba(0,0,0,0.5); z-index:10;}
.mediaBox .bullets li { width: 50%; float: left; list-style: disc; line-height: 145%; }
.mediaBox .bullets li.bottom { width: 110%; margin-top: 260px; margin-left: -27px; list-style: none; position: absolute; bottom: 0px; }
.mediaBox .bullets li.spanColumns { width: 100%; }

/* panels */
.panels { margin: 0 0 17px 10px; float: left; position: relative; border-right: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid white; }
.panels .left { width: 311px; height: 362px; float: left; background: #187fcd;
  background: -moz-linear-gradient(top, #014a7a 0%, #2399f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014a7a), color-stop(100%,#2399f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #014a7a 0%,#2399f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #014a7a 0%,#2399f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #014a7a 0%,#2399f5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #014a7a 0%,#2399f5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014a7a', endColorstr='#2399f5',GradientType=0 ); /* IE6-9 */ }
.panels .middle { width: 327px; height: 362px; float: left; border-left: 1px solid #52b042; background: #52b042;
  background: -moz-linear-gradient(top, #1b9c44 0%, #7ec040 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b9c44), color-stop(100%,#7ec040)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1b9c44 0%,#7ec040 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1b9c44 0%,#7ec040 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1b9c44 0%,#7ec040 100%); /* IE10+ */
  background: linear-gradient(to bottom, #1b9c44 0%,#7ec040 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9c44', endColorstr='#7ec040',GradientType=0 ); /* IE6-9 */ }
.panels .right { width: 299px; height: 362px; float: left; }
/* panels
 * freeLessonsMsg */
.freeLessonsMsg { width: 100%; height: 111px; display: block; cursor: pointer; text-indent: -20000px; overflow: hidden; background: url(../jpeg/homepage/freesamplelessonsmsg.jpg) no-repeat; }
/* panels
 * awardsWrapper */
.awardsWrapper { border-top : 1px solid #4986B1; }
.awardsWrapper .heading { width: 152px; height: 39px; margin: 18px 0 0 22px; float: left; text-indent: 2000px; overflow: hidden; background: url(../jpeg/homepage/awards/awardsheading.png) no-repeat; }
.awardsWrapper .awards { width: 100%; float: left; color: white; }
.awardsWrapper .awards li { padding-top: 10px; clear: left; }
.awardsWrapper .awardTop101 { width: 101px; height: 70px; margin-left: 8px; float: left; background: url(../jpeg/homepage/awards/awardtop101.png) no-repeat; }
.awardsWrapper .awardTopTen { width: 66px; height: 91px; margin-top: -8px; margin-left: 25px; float: left; background: url(../jpeg/homepage/awards/awardtopten.png) no-repeat; }
.awardsWrapper .awards .title, .awardsWrapper .awards p { margin-left: 120px; }
.awardsWrapper .awards .title { margin-bottom: 4px; font-size: 16px; font-weight: bold; }
.awardsWrapper .awards p { margin-right: 26px; font-size: 12px; font-style: italic; }
/* panels
 * special */
.specialPromotion { position: relative;}
.specialPromotion .background { position: absolute; bottom:0px; right:0px; width:327px; height:200px; background: url(../jpeg/homepage/special/burst.png) no-repeat}
/*
.specialPromotion .heading { width: 256px; height: 105px; position: absolute; bottom: 265px; left: 26px; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/special/sprite_special.png) no-repeat -4px -4px; }
.specialPromotion .product { margin: 104px 0 0 18px;}
.specialPromotion .priceWrapper { width: 176px; height: 139px; position: absolute; bottom: 0px; right: 0px; background: url(../jpeg/homepage/special/sprite_special.png) no-repeat -190px -113px; }
.specialPromotion .priceWrapper .price { width: 182px; height: 138px; position: absolute; top: -10px; left: -22px; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/special/sprite_special.png) no-repeat -4px -113px; }
*/
.specialPromotion .heading { width: 256px; height: 110px; position: absolute; right: 5px; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/special/sprite_special.png) no-repeat 0px -5px; }
.specialPromotion .product { margin: 104px 0 0 18px;}
.specialPromotion .priceWrapper { width: 176px; height: 139px; position: absolute; bottom: 0px; right: 0px; background: url(../jpeg/homepage/special/sprite_special.png) no-repeat -190px -113px; }
.specialPromotion .priceWrapper .price { width: 182px; height: 138px; position: absolute; top: -10px; left: -22px; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/special/sprite_special.png) no-repeat -4px -113px; }

.specialPromotion .listHeader { color: #FFF; position: relative; top: 123px; margin-left: 10px; margin-bottom: 4px; font-size: 16px; font-weight: bold; z-index: 10;}
.specialPromotion ul { position:absolute; top:120px; left:5px; color:#FFF; font-weight:bold; font-size:15px; }
.specialPromotion li { padding: 3px; font-weight: normal; font-size: 12px; font-style: italic; padding-left:7px; line-height:90%; }
.specialPromotion li a { color:#FFF; }
.specialPromotion #at_walmart { background:url(../jpeg/homepage/special/available_at_walmart_3.png); position:absolute; bottom:30px; left:8px; width:130px; height:89px; cursor:pointer;}
.specialPromotion .title {font-size: 15px; font-weight: bold; }

/* panels
 * successStories */
.successStories { background: #c0e0fd url(../jpeg/homepage/successstories/sprite_successstories.png) no-repeat -288px 218px; }
.successStories .heading { width: 212px; height: 22px; margin: 0 auto 14px; display: block; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/successstories/sprite_successstories.png) no-repeat -31px -30px; }
.successStories .bubble { width: 213px; height: 188px; margin: 14px auto 0; padding: 29px 29px 58px; display: block; background: url(../jpeg/homepage/successstories/sprite_successstories.png) no-repeat -4px -82px; }
.successStories .excerpt { margin-bottom: 11px; font-size: 14px; line-height: 15px; color: #686868; }
.successStories .source { margin: 0; font-size: 15px; font-style: italic; color: #7f2629; }

/* left margin below the pannels */
.guaranteesWrapper .heading, .aboutBullets { margin-left: 252px; }

/* guarantees */
.guaranteesWrapper { float: left; position: relative; }
.guaranteesWrapper .guarantee30Day { width: 75px; height: 75px; float: left; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/sprite_v-003.png) -513px -4px; }
.guaranteesWrapper .guarantee60Day { width: 75px; height: 76px; float: left; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/sprite_v-003.png) -592px -4px; margin-left: 20px; margin-right: 35px;}
.guaranteesWrapper .guaranteeCompletion { width: 76px; height: 76px; float: left; text-indent: -2000px; overflow: hidden; background: url(../jpeg/homepage/sprite_v-003.png) -671px -4px; }
.guaranteesWrapper .guarantees { position: absolute; top: 0; left: 0; }
.guaranteesWrapper .heading { margin-top: 8px; margin-bottom: 20px; font-size: 29px; line-height: 30px; letter-spacing: -1px; color: #333; }
/* guarantess social */
.guaranteesWrapper .contact { width: 220px; position: absolute; top: 95px; left: 0; }
.guaranteesWrapper .number { text-align: center; font-size: 15px; font-weight: bold; color: #135cc9; }
.guaranteesWrapper .social { margin: 8px 0 0 33px; }
.guaranteesWrapper .social li {  float: left; }
.guaranteesWrapper .social a { width: 36px; height: 38px; margin-right: 3px; float: left; text-indent: -1000px; overflow: hidden; background-image: url(../jpeg/homepage/sprite_v-003.png); }
.guaranteesWrapper .facebook { background-position: -393px -4px; }
.guaranteesWrapper .twitter { background-position: -433px -4px; }
.guaranteesWrapper .youtube { background-position: -473px -4px; }
.guaranteesWrapper .pinterest { background-position: -433px -46px; }

/* aboutBullets */
.aboutBullets { }
.aboutBullets .heading { margin-bottom: 10px; font-size: 17px; color: #333; }
.aboutBullets .bullets { margin: 0 0 10px 30px; font-size: 13px; color: #555; }
.aboutBullets .bullets  li { list-style: disc; }

/* pickParentTeacherPopup */
#pickParentTeacherPopup { width: 180px; padding: 18px 20px 6px; display: none; position: absolute; top: 20px; left: 160px; z-index: 10; text-align: center; border: 1px solid white; background: #eee;
  background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );  IE6-9 */
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  -webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .5); box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .5); }
#pickParentTeacherPopup #close { width: 32px; height: 32px; position: absolute; top: -10px; right: -8px; cursor: pointer; text-indent: -1000px; overflow: hidden; background: url(../jpeg/homepage/sprite_v-003.png) no-repeat -389px -46px; }
#pickParentTeacherPopup .heading { margin-bottom: 4px; font-size: 16px; line-height: 18px; text-transform: uppercase; color: #333; }
#pickParentTeacherPopup .headingSub { margin-bottom: 18px; font-size: 16px; font-style: italic; color: #777; }
#pickParentTeacherPopup .btnWrapper { width: 100%; margin-bottom: 14px; clear: left;
  -webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .3); box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .3); }
#pickParentTeacherPopup .btnWrapper .btn { width: auto; height: auto; padding: 10px; color: white; }
#pickParentTeacherPopup .btnWrapper .label { margin: 0 auto; text-indent: -1000px; overflow: hidden; background-image: url(../jpeg/homepage/sprite_v-003.png); background-repeat: no-repeat; }
#pickParentTeacherPopup .btnWrapper.parents .label { width: 83px; height: 17px; background-position: -34px -270px; }
#pickParentTeacherPopup .btnWrapper.teachers .label { width: 94px; height: 17px; background-position: -178px -270px; }

/* position pickParentTeacherPopup */
.panels #pickParentTeacherPopup {  top: 20px; left: 160px; }
.header .nav .orderNow #pickParentTeacherPopup {  top: -50px; left: -60px; }

/* footer */
.footer { margin-top: 40px; margin-bottom: 10px; padding-top: 12px; position: relative; }
.footer:before{ content: ""; width: 704px; height: 21px; margin-left: -352px; position: absolute; top: -21px; left: 50%; background: url(../jpeg/homepage/sprite_v-003.png) no-repeat -4px -306px; }
.ie7 .footer { margin-top: 30px; padding-top: 20px; border-top : 1px solid white; }
.footer .nav { margin-bottom: 5px; text-align: center; }
.footer .nav li { margin-right: 3px; display: inline; font-size: 11px; }
.footer .copyright { text-align: center; font-size: 11px; color: #666; }
.footer .social li {  }