/* Font formula 1/12.8 */
html {
 height: 100%; margin-bottom: 1px; 
}

body {
margin: 0px;
padding: 0px;
margin-top: 0px;
padding-top: 0px;
font-family: arial, sans-serif;
background-color: #346080;
background: url("http://www.avatarlanguages.com/img/background.gif") top repeat-x;
font-size: 80%;
color: #333333;
}

p {
margin:1em 0;
}

img {
border: 0px;
}

fieldset {
border: none;
}

fieldset.paypalfieldset  {
border: 0px;
height: 30px;
margin-top: 5px;
}

div.container {
position: relative;
margin: 0 auto;
width: 900px;
}

div.article {
  background:  url("http://www.avatarlanguages.com/img/topleft_corner.gif") top left no-repeat;
  }

div.articlelong {
  background:  url("http://www.avatarlanguages.com/img/topleft_cornerlong.gif") top left no-repeat;
  }

div.articlexlong {
  background:  url("http://www.avatarlanguages.com/img/topleft_cornerxlong.gif") top left no-repeat;
  }
  
div.articlexxlong {
  background:  url("http://www.avatarlanguages.com/img/topleft_cornerxxlong.gif") top left no-repeat;
  }
  
div.articlexxxlong {
  background:  url("http://www.avatarlanguages.com/img/topleft_cornerxxxlong.gif") top left no-repeat;
  }
  
div.article h1,div.articlelong h1,div.articlexlong h1,div.articlexxlong h1,div.articlexxxlong h1, div.article h2.frontpage, div.articlelong h2.frontpage,h2.sidebar {
  background: 
  url("http://www.avatarlanguages.com/img/topright_corner.gif")
  top right no-repeat;
  font-size:1.3em;
  padding:15px;
  margin:0;
  position:relative;
  right:-14px;
  padding-left:0;
  text-align: center;
/* Compensation for the 
repositioned box */
  }

div.articlebody {
  background:
  url("http://www.avatarlanguages.com/img/right_corner.gif")
  top right repeat-y;
  margin:0;
  margin-top:-2em;
  padding:15px;
  position:relative;
  right:-14px;
  padding-left:0;
  }

div.articlefooter {
  background:
  url("http://www.avatarlanguages.com/img/bottomleft_corner.gif")
  bottom left no-repeat;
  position:relative;
  top:12px;
  }
	
div.articlefooter p {
  position: relative;
  background:
  url("http://www.avatarlanguages.com/img/bottomright_corner.gif")
  bottom right no-repeat;
  padding:15px;
  display:block;
  margin:-2em 0 0 0;
  right:-14px;
  padding-left:0;
  padding-bottom: 20px;
  height: 35px;
  }
  
div.logo {
float: left;
margin-top: 10px;
margin-left: 0px;
}

.logo img {
border: 0px;
}

div.title {
float: left;
margin-top: 33px;
margin-left: 40px;
width: 610px;
}

div.menu {
clear:left;
float: left;
margin-top: 5px;
margin-left: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
width: 900px;
height: 35px;
padding: 5px;
background: url("http://www.avatarlanguages.com/img/menubar.gif") no-repeat;
}

div.intro {
clear:both;
float: left;
margin-top: -12px;
margin-left: 0px;
width: 231px;
height: 380px;
padding: 0px;
padding-top: 0px;
background: url("http://www.avatarlanguages.com/img/leftintro.gif") no-repeat;
}
div#mainfront {
height:280px;
}

#home h1 {
font-size:3.203em;
font-style:italic;
text-align:left;
font-variant:small-caps;
font-weight:300;
margin:0 0 0 15px;
padding-top:20px;
}
  .langhome h1 {
  font-size:3.203em;
  font-style:italic;
  text-align:left;
  font-variant:small-caps;
  font-weight:300;
  margin:0 0 0 15px;
  padding-top:20px;
  }
#home .main {
width:897px;
background: url("http://www.avatarlanguages.com/img/bg-front.gif") no-repeat;
height:385px;
position:relative;
clear:left;
}
#home #newsbox {
height:210px;
width:250px;
}
#home dl {
font-size:0.9em;
float:left;
width:180px;
margin-left:0;
}
#home dt {
font-size:1.1em;
margin-bottom:0.5em;
}
#home dd {
margin-left:0;
}
  .langhome .main {
  width:897px;
  background: url("http://www.avatarlanguages.com/img/bg-main-lang.png") no-repeat;
  height:534px;
  position:relative;
  clear:left;
  }

div.sitemap {
width:563px;
float:left;
margin-top:15px;
margin-bottom:15px;
}
div.sitemap div.articlebody, div#news div.articlebody {
height:210px;
}
div#news {
width:297px;
float:left;
margin:15px 0 15px 24px;
}
div.sitemap .articlefooter p, div#news .articlefooter p {
height:0;
}
img#teacher {
z-index:900;
position:absolute;
bottom:1px;
left:8px;
}
  .langhome img#teacher {
  z-index:900;
  position:absolute;
  bottom:160px;
  left:8px;
  width:120px;
  height:133px;
  }
  img.bg-langtheme {
  z-index:1;
  position:absolute;
  top:0;
  right:0;
  }
  img.langtheme-map {
  z-index:1;
  position:absolute;
  top:1px;
  right:200px;
  }
  img#spanish-map {
  right:170px;
  }
  img#english-map {
  right:110px;
  }
  img#kiche-map {
  right:1px;
  }
div#intro {
z-index:10;
float:left;
width:600px;
}
p.note {
font-style:italic;
font-size:0.8em;
}
#intro p#lure {
font-size:2.2em;
font-weight:500;
color:#000;
margin:28px 15px;
}
#intro p#lure span {
margin-left:120px;
}
#intro p,#intro ul {
font-size:1.5em;
color:#023C7B;
margin-left:200px;
}
  .langhome #intro p {
  margin-left:130px;
  }
#intro p span {
margin-left:50px;
}
  .langhome #intro p span {
  margin-left:25px;
  }
  .langhome #intro p span#indent {
  margin-left:50px;
  }
#intro ul {
margin-left:300px;
}
  .langhome #intro ul {
  margin-left:200px;
  font-size:1.328em;
  }

#home div#outro {
float:left;
width:270px;
font-size:1.2em;
margin-top:-3em;
margin-left:5px;
}
  .langhome div#outro {
  clear:both;
  font-size:1.2em;
  padding-top:12px;
  margin-left:5px;
  }
  .langhome div#outro #container{
  float:left;
  width:540px;
  margin:0 40px 0 10px;
  }
  .langhome div.description {
  clear:both;
  float:left;
  margin-top:20px;
  margin-bottom:20px;
  width:884px;
  }
  .langhome div#freetrialbtn {
  float:left;
  width:280px;
  }
div#outro h2 {
text-transform:uppercase;
font-weight:300;
}
div#outro p.note {
font-style:italic;
font-size:0.9em;
margin:3px 10px;
}
div#outro .focusboxfg {
font-weight:600;
}
img#freedemobtn {
margin-top:1em;
}
div.infoboxholder{
width:586px;
margin-top:20px;
float:left;
}
div.infobox {
background: url("http://www.avatarlanguages.com/img/infobox.png") no-repeat;
width:263px;
height:155px;
padding:10px;
float:left;
margin:0;
}
div.infobox h2 {
margin-top:0;
color:#fff;
}
div#flexible,div#learn {
margin-left:10px;
}
div#easy,div#learn {
margin-top:8px;
}
div#front-graphic {
float:left;
height:355px;
width:312px;
margin-top:20px;
background: url("http://www.avatarlanguages.com/img/bg-frontvid.gif") no-repeat;
}
div#front-graphic img {
padding-left:2px;
}
div#front-graphic h2 {
margin:0 0 5px 0;
color:#fff;
padding:10px 0 0 10px;
}
div#front-graphic p{
padding-left:10px;
padding-right:10px;
margin-top:5px;
}
.focusboxfg h2 {
margin-top:0;
}
.focusboxfg p {
margin:15px 0;
}
div.ready {
clear:both;
border:solid 1px #4378a4;
width:600px;
margin:4em auto;
padding:15px;
}
div.ready h2{
margin-top:0;
}
div.ready img {
float:right;
}
div#masterbox {
position:relative;
height:470px;
width:825px;
margin:0 auto;
padding:0;
}
  #languagesoffered div#masterbox {
  height:600px;
  }
  div#masterbox1,div#masterbox2,div#masterbox3 {
  position:relative;
  width:825px;
  margin:0 auto;
  padding:0;
  }
    div#masterbox1 { height:540px }
    div#masterbox2 { height:590px }
    div#masterbox3 { height:430px }
div#lessonsbox,div#classroombox,div#bookingbox,div#flexiblebox {
width:400px;
margin:5px;
float:left;
}
  div.langbox {
  width:340px;
  margin:15px 25px;
  float:left;
  }
  div.howitworksbox1,div.howitworksbox2, div.howitworksbox3 {
  width:400px;
  margin:5px;
  float:left;
  }
  div.howitworksbox1 .focusboxfg { height:500px }
  div.howitworksbox2 .focusboxfg{ height:550px }
  div.howitworksbox3 .focusboxfg{ height:400px }
  
div#lessonsbox .focusboxfg,div#classroombox .focusboxfg,div#bookingbox .focusboxfg,div#flexiblebox .focusboxfg {
height:185px;
}
  div.langbox .focusboxfg { height:260px; }
.cursor { cursor:pointer; }

div.mainpic {
float: left;
margin-top: -9px;
margin-left: 0px;
margin-bottom: 1px;
width: 435px;
border: 0px solid #666666;
}

div.news {
float: left;
margin-top: -11px;
margin-left: 0px;
width: 231px;
height: 381px;
padding: 0px;
padding-top: 0px;
background: url("http://www.avatarlanguages.com/img/rightnews.gif") no-repeat;
}

img.leftcolpic{
position: absolute;
margin-top: -20px;
margin-left: -12px;
z-index: 75;
}

div.contactlinks {
font-size:0.8em;
margin-left:10px;
margin-top:5px;
}

div.slideshare {
margin:30px 0 0 50px;
}

div#firstcontactlink {
margin-top:120px;
}

div#newsbox {
width:210px;
padding-left:5px;
margin-left:10px;
height:320px;
overflow:auto;
border:solid 1px #ccc;
}

div#newsbox th {
text-align:left;
}

div.professionalism {
float: left;
margin-top: 5px;
margin-bottom: 30px;
margin-left: 0px;
width: 210px;
clear:both;
}

div.triallesson {
float: left;
margin-top: 5px;
margin-bottom: 30px;
margin-left: 15px;
width: 210px;
}

div.howitworks {
float: left;
margin-top: 5px;
margin-bottom: 30px;
margin-left: 15px;
width: 210px;
}

div.virtualfun {
float: left;
margin-top: 5px;
margin-bottom: 30px;
margin-left: 15px;
width: 210px;
}

div.leftcol {
float: left;
margin-top: -10px;
margin-bottom: 30px;
width: 208px;
}

div#map {
text-align:center;
margin-left:35px;
}

div.maintext {
float: left;
margin-top: -10px;
margin-bottom: 30px;
width: 887px;
}

div.footer {
clear: both;
float: left;
width: 900px;
height: 35px;
padding: 5px;
background: url("http://www.avatarlanguages.com/img/menubar.gif") no-repeat;
text-align: right;
margin-top:15px;
}

h1 {
text-align: center;
color: #023C7B;
font-size: 1.25em;
margin-top:2em;
margin-bottom:0.5em;
}

.intro h2 {
text-align:center;
padding-right: 5px;
margin-top: 15px;
margin-bottom: 5px;
}

.news h2 {
text-align:center;
margin-top: 15px;
margin-bottom: 5px;
}

h2 {
text-align: left;
padding-left: 0px;
color: #023C7B;
font-size: 1.2em;
margin-top:2em;
margin-bottom:0.5em;
}

h2#contactheader {
margin-top:180px;
margin-bottom: 10px;
text-align: center;
}

h3 {
font-size: 1em;
color: #023C7B;
margin-top:2em;
margin-bottom:0.5em;
}

ul {
margin-left: 15px; padding-left: 0;
}

dl {
margin-left: 35px;
}
  .howitworksbox1 dl,.howitworksbox2 dl,.howitworksbox3 dl {
  margin-left:15px;
}
dt {
font-weight: bold;
margin-top: 10px;
}
  .howitworksbox1 dt,.howitworksbox2 dt,.howitworksbox3 dt {
  font-size:1.1em;
  display: list-item;
  list-style:disc;
  font-style:italic;
  }
.howitworksbox1 dd,.howitworksbox2 dd,.howitworksbox3 dd {
margin-left:0;
}

legend {
font-size:1.2em;
color: #023C7B;
margin:1.5em 0 0 0;
}

table {
width: 90%;
margin: 0 auto;
}
table.standard {
margin:15px;
}
table.standard, table.standard th, table.standard td {
border:1px solid #4378a4;
border-collapse:collapse;
}
table#countdown {
width:400px;
margin-left:0;
}
table#countdown td{
text-align:center;
}

.intro p {
margin-top: 5px;
margin-bottom: 5px;
padding-left: 15px;
padding-right: 5px;
}

.leftcol p {
font-size: 0.9em;
}

.warn { color: rgb(120,0,0); background-color: transparent; font-weight: normal; vertical-align: top; text-align: left; font-size: 0.9em; }

.error { color: red; background-color: transparent; font-weight: bold; vertical-align: top; text-align: left; font-size: 0.9em; }

.required {
 vertical-align: middle; text-align: center; font-size: 0.9em;
}

.emphasis {
font-weight: bolder;
text-align: center;
color: #023C7B;
}

.highlight {
background-color:#E6ECF2;
margin:10px;
padding:10px;
}

.credit {
font-style:italic;
font-size:0.8em;
}

td.required, td.error, td.warn {
width: 200px;
padding-left: 8px;
}

.submit {
margin-top: 15px;
background-color: #F6D909;
color: #000000;
font-weight: bold;
border-top: 1px solid #FCEE75;
border-left: 1px solid #FCEE75;
border-bottom: 1px solid #110000;
border-right: 1px solid #110000;
}

input, select, textarea
{
background-color:#ffffcc;
color: black;
border: 1px solid #4378a4;
}

#languageform label {
float:left;
width:250px;
text-align: right;
margin-right: 10px;
display: block
}
#languageform span {
margin-left:0.5em;
vertical-align: middle;
}
#languageform .submit {
margin-left:260px;
}

.paypal {
border: 0px;
vertical-align: middle;
}

.paypallogo {
position: absolute;
margin-left: 500px;
margin-top: 0px;
z-index: 80;
}
.center {
text-align: center;
}

img.inline {
margin-bottom: 30px;
}
img.right, div.right {
float:right;
margin-top:10px;
margin-left:20px;
}
img.left, div.left {
float:left;
margin-top:10px;
margin-right:20px;
}
img.menuIcon {
width:26px;
float:left;
}
span.menuIconTxt {
line-height:30px;
margin-left:5px;
}
img.flag1 {
/* Korean */
position: absolute;
top: 34px;
right: 5px;
border: 0px;
}

img.flag2 {
/* Japanese */
position: absolute;
top: 12px;
right: 5px;
border: 0px;
}

img.flag3 {
/* Taiwanese */
position: absolute;
top: 55px;
right: 5px;
border: 0px;
}

img.flag4 {
/* Chinese */
position: absolute;
top: 77px;
right: 5px;
border: 0px;
}

img.flag5 {
/* Spanish */
position: absolute;
top: 55px;
right: 35px;
border: 0px;
}

img.flag6 {
/* German */
position: absolute;
top: 34px;
right: 35px;
border: 0px;
}

img.flag7 {
/* French */
position: absolute;
top: 12px;
right: 35px;
border: 0px;
}

img.flag8 {
/* English */
position: absolute;
top: 12px;
right: 65px;
border: 0px;
}

img.flag9 {
/* Italian */
position: absolute;
top: 77px;
right: 35px;
border: 0px;
}

img.flag10 {
/* Russian */
position: absolute;
top: 34px;
right: 65px;
border: 0px;
}

img.flag11 {
/* Portuguese */
position: absolute;
top: 55px;
right: 65px;
border: 0px;
}

img.flag12 {
/* Arabic */
position: absolute;
top: 77px;
right: 65px;
border: 0px;
}


img.flag13 {
/* Arabic2 */
position: absolute;
top: 12px;
right: 95px;
border: 0px;
}

img.flag14 {
/* Arabic3 */
position: absolute;
top: 34px;
right: 95px;
border: 0px;
}

img.flag15 {
/* Arabic4 */
position: absolute;
top: 55px;
right: 95px;
border: 0px;
}

img.flag16 {
/* Arabic5 */
position: absolute;
top: 77px;
right: 95px;
border: 0px;
}


form {
display:inline;
}

/* CSS rounded corners */
.focusbox{display:block}
.focusbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e6ecf2}
.focusbox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f4f6f9;
  border-right:1px solid #f4f6f9;
  background:#ecf0f5}
.focusbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfdfd;
  border-right:1px solid #fcfdfd;
  background:#eaeff4}
.focusbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eaeff4;
  border-right:1px solid #eaeff4;}
.focusbox4{
  border-left:1px solid #f4f6f9;
  border-right:1px solid #f4f6f9}
.focusbox5{
  border-left:1px solid #ecf0f5;
  border-right:1px solid #ecf0f5}
.focusboxfg{
  background:#e6ecf2;
  padding:10px;
  }


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:99;
}

#nav a {
	display: block;
	padding:3px;
  text-decoration: none;
  font-weight: bold;
  width:140px;
  margin-left:0;
}

#nav li ul a { /* second-level list links */
width:132px;
}

#nav li { /* all list items */
	float: left;
	width: 140px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: url("http://www.avatarlanguages.com/img/menubackground.gif") bottom left no-repeat;
	width: 140px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-bottom:3px;
	padding-left:3px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.hover { /* fixes IE7 stickiness bug */
    position:static;
    }

#nav a.daddy { /* top menu item */
  padding-left:0;
  margin-left:0;
  text-align:center;
}

#nav { /* menu block */
  margin-left: 17px;
}

.menu a:hover {
text-decoration: none;
}

.footer a,.footer a:hover  {
text-decoration: none;
}

a 			{color:#023C7B;	text-decoration:underline;}
a:active 	{color:#FFB600;	text-decoration:underline;}
a:hover 	{color:#FFCC00;text-decoration:underline;}