h1 {
	color:#1b75bb;
	font-size:13px;
}

#first_head  {
	display:inline; 
	font: 18px/22px 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif; 
	color:#FFF;
}

#span_head {
	font:bold 28px/40px 'Trebuchet MS', 'Arial','Helvetica',sans-serif;
}


#content-area .welcome-box{background:url(http://media1.lenguajero.com/image/landing/bg-welcome-top.gif) no-repeat;}
#content-area .welcome-box-inner{
        background:url(http://media2.lenguajero.com/image/landing/bg-welcome-btm.gif) no-repeat 0 100%;
        height:1%;
        padding:17px 200px 40px 23px;
}
#content-area .welcome-box p{
        margin:15px 0 0;
        color:#fff;
        font:bold 16px/20px Verdana, Geneva, Arial, sans-serif;
}
#content-area .sing{
        position:absolute;
        right:-20px;
        top:6px;
}
#container{
        width:860px;
        overflow:hidden;
        background:url(http://media3.lenguajero.com/image/landing/bg-top-area.gif) repeat-y;
        padding:12px 0 0;
}
#container .top-area{
        background:url(http://media4.lenguajero.com/image/landing/bg-box-mid.jpg) repeat-y;
        width:823px;
        margin:0 auto;
}
#container .top-box{
        background:url(http://media5.lenguajero.com/image/landing/bg-box-top.jpg) no-repeat;
        width:100%;
}
#container .top-box-inner{
        background:url(http://media1.lenguajero.com/image/landing/bg-box-btm.jpg) no-repeat 0 100%;
        height:1%;
        overflow:hidden;
        padding:39px 39px 44px;
}
#container .welcome-box-outer{
        float:left;
        width:449px;
        background:url(http://media2.lenguajero.com/image/landing/welcome-mid.gif) repeat-y;
        color:#fff;
        font:18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#container .welcome-box{
        width:100%;
        background:url(http://media2.lenguajero.com/image/landing/welcome-top.png) no-repeat;
}
#container .welcome-box-inner{
        height:1%;
        background:url(http://media3.lenguajero.com/image/landing/welcome-btm.gif) no-repeat 0 100%;
        padding:13px 20px 10px 29px;
}
#container .welcome-box h2 {
        margin:0;
        color:#fff;
        width:390px;
        font:28px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight:bold;
        padding:0px 10px 0px 25px;
}
#container .welcome-box p{
        margin:0;
        letter-spacing:-1px;
}
#container .join{
        float:right;
        width:246px;
        height:147px;
        padding:20px 20px 0;
        overflow:hidden;
        background:url(http://media4.lenguajero.com/image/landing/bg-join.png) no-repeat;
        font:18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-decoration:none;
        color:#fff;
        position:relative;
}
#container .join strong{
        font-size:48px;
        line-height:50px;
        display:block;
}
#spanish #container .join strong{font-size:40px;}
#container .join:hover {background:url(http://media5.lenguajero.com/image/landing/bg-join-hover.png) no-repeat;}
#container .promo-area{
        width:100%;
        background:url(http://media1.lenguajero.com/image/landing/line3.gif) no-repeat 0 100%;
        position:relative;
        overflow:hidden;
        margin:-36px 0 0;
        z-index:10;
        padding:0 0 10px;
}
#container .promo-area a{
        float:left;
        color:#1b75bb;
        font:13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-decoration:none;
        overflow:hidden;
}
#container .promo-area a:hover{text-decoration:underline;}
#container .promo-area a img{display:block;}
#container .practice{
        width:198px;
        padding:0 30px 0 54px;
}

#container #second_head {
        display:inline;
        color:#1B75BB;
        font:13px/17px 'Trebuchet MS', 'Arial','Helvetica',sans-serif;
        padding:0px;
}

#container .practice .heading,
#container .hello .heading{
        height:24px;
        background:url(http://media2.lenguajero.com/image/landing/practice-title.gif) no-repeat;
        text-indent:-9999px;
        display:block
}
#spanish #container .practice .heading,
#spanish #container .hello .heading{background-position:0 -24px;}
#container .hello .heading{
        background:url(http://media3.lenguajero.com/image/landing/writing-club-title.gif) no-repeat;
        margin:10px 0 0;
}
#container .practice img{margin:0 0 0 40px;}
#container .promo-area a span{display:block;}
#container .smart-flashcards{
        width:278px;
        padding:10px 0 0;
}
#container .smart-flashcards img{float:left;}
#container .smart-flashcards .heading{
        height:43px;
        background:url(http://media4.lenguajero.com/image/landing/smart-flashcards-title.gif) no-repeat;
        text-indent:-9999px;
        width:152px;
        margin:20px 0 0;
        float:left;
        display:block
}
#spanish #container .smart-flashcards .heading {background-position:0 -43px;}
#container .hello{
        width:222px;
        padding:0 0 0 52px;
}
#container .btm-area{
        background:#f1fbfe url(http://media5.lenguajero.com/image/landing/bg-btm-area.gif) no-repeat 0 100%;
        width:858px;
        margin:0 1px;
        padding:0 0 10px;
}
#container .content-wrapper{
        width:100%;
        overflow:hidden;
        background:url(http://media1.lenguajero.com/image/landing/line1.gif) repeat-y 513px 0;
}
#container .community{
        width:458px;
        float:left;
        padding:0 0 0 56px;
}
#container .community-members{
        width:100%;
        overflow:hidden;
        margin:0;
        padding:5px 0 0;
        list-style:none;
}
#container .community-members li{
        width:197px;
        height:88px;
        float:left;
        background:url(http://media2.lenguajero.com/image/landing/bg-community-members.png) no-repeat;
        margin:0 18px 9px 0;
        color:#666;
        padding:11px 0 0 12px;
        font:12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#container .community-members li strong{
        display:block;
        padding:5px 0 0;
}
#container .community-members li span{display:block;}
#container .testimonials{
        float:right;
        width:301px;
        padding:0 17px 0 0;
}
#container .testiomnials-title,
#container .community-title{
        display:block;
        background:url(http://media3.lenguajero.com/image/landing/testimonials-title.gif) no-repeat;
        height:31px;
        text-indent:-9999px;
        margin:0 0 5px;
}
#container .community-title{background:url(http://media4.lenguajero.com/image/landing/community-title.gif) no-repeat;}
#spanish #container .community-title,
#spanish #container .testiomnials-title{background-position:0 -31px;}
#container .testimonials ul{
        margin:0;
        padding:0;
        list-style:none;
        width:100%;
        overflow:hidden;
}
#container .testimonials ul li{
        width:100%;
        margin:0 0 -3px;
        overflow:hidden;
        padding:14px 0;
        color:#999;
        background:url(http://media5.lenguajero.com/image/landing/line2.gif) repeat-x 0 100%;
        font:bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
        vertical-align:top;
}
#container .testimonials ul li p{margin:0 0 5px;}
#container .testimonials ul li span{font-size:11px;}
#container .testimonials ul li img,
#container .community-members li img{
        float:left;
        margin:0 12px 0 0;
}
#container .more{
        float:right;
        font:bold 18px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color:#fff;
        text-decoration:none;
        display:inline;
        margin:0 23px 0 0;
        background:url(http://media1.lenguajero.com/image/landing/btn-more-l.gif) no-repeat;
}


#container .more span{
        float:left;
        padding:0 10px;
        background:url(http://media2.lenguajero.com/image/landing/btn-more-r.gif) no-repeat 100% 0;
}

#container .teacherlist{
        width:100%;
        position:relative;
        overflow:hidden;
        float:left;
        color:#333;
        font:15px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-decoration:none;
        padding:0 0 10px 30px;
}

#container .teacher-info ul  {
list-style-type: disc;
padding-left: 30px;
}


#container h2 {
        font:bold 23px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color:#333;
        width:222px;
        padding:0 0 0 52px;
}

#container .teacher-info {
        width:100%;
        position:relative;
        color:#333;
        font:15px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding:0 0 10px 30px;
}

table.portal {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
	width:90%;
}
div.teacher-info table.portal { width:60%; }
table.portal th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
}
table.portal td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	width:33%;
}
div.writing-club {
	font-size:12px;
	line-height:17px;
}
.css-table { display: table; }
.threeCol { padding: 0px 10px; }
.threeCol h3 { font-size: 22px; }
.threeCol .col { display: table-cell;  width: 33%; padding: 10px;       }
#products-widget-top { background: url(/images/products-widget-top.png) top center no-repeat; width: 820px; height: 50px; position: relative; margin: 0 auto; }
#products-widget-top .title { position: absolute; top: 4px; left: 40px; color: #666666; font-size:22px;}
#products-widget { background: url(/images/products-widget-bottom.png) bottom center no-repeat; width: 820px; margin: 0 auto; position: relative; margin-bottom: 40px; padding-bottom: 10px; }
#products-widget table { margin: 0px 0px;   }
#products-widget table td {  background: #fff; padding: 10px; text-align: center; }
#products-widget td.book-title { background: #e5f8fc; border-bottom: 1px solid #c8f0fa; }
#products-widget td.image { text-align: center; border-bottom: 1px solid #c8f0fa; }
#products-widget td.image img { margin-top: 8px; }
#products-widget td.descr { background: #e9e9e9; border-bottom: 1px solid #c8f0fa;  }
#products-widget td.more { padding: 12px 10px;  }
#products-widget p { line-height: 1.4em; margin-bottom: 1.5em; font: 13px/1.5 “Trebuchet MS”, “Lucida Sans Unicode”, “Lucida Grande”,” Lucida Sans”, Arial, sans-serif;}
.prod1 { border-top: 2px solid #d8127e; }
.prod1 h1, .prod1 h3 { color: #d8127e; }
.prod1 table {  border-top: 2px solid #d8127e; border-bottom: 2px solid #d8127e; }
.prod2 { border-top: 2px solid #d56409; }
.prod2 h1, .prod2 h3 { color: #d56409; }
.prod2 table { border-top: 2px solid #d56409; border-bottom: 2px solid #d56409; }
a.button { background: #ff4200; color: #fff; padding: 6px; font-weight: bold; text-decoration: none; font: 13px/1.5 “Trebuchet MS”, “Lucida Sans Unicode”, “Lucida Grande”,” Lucida Sans”, Arial, sans-serif; }
a.button:hover  { background: #0054AC;  }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }