body#intro {background-color:#194775; font-family: Verdana, Calibri, Arial; font-size:11px; margin: 0px auto; color:#194775; text-align:left}

body {background-color:#194775; font-family: Verdana, Calibri, Arial; font-size:11px; text-align:left}

#outer { position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible;}
 
#inner { width: 980px; height: 534px; margin-left: -490px;  /***  width / 2   ***/ position: absolute; top: -267px;  /***  height / 2   ***/ left: 50%;}

/*Intro page*/
#introwrapper{width:100%; margin:0px auto; position:relative; text-align:center}

#introtop{width:100%; background-image:url(images/topswirl.jpg); background-repeat:no-repeat; background-color:#194775; margin:0px 0px 0px 0px ;height:250px}

#intromid{width:100%; background-repeat:no-repeat; background-color:#fff9e0; margin:0px auto ;height:130px; text-align:center; padding-top:16px; font-weight:bold;}

#introbot{width:100%; background-image:url(images/botswirl.jpg); background-position:right; background-repeat:no-repeat; background-color:#194775; margin:0px 0px 0px 0px ;height:313px}

#intrologo{width:355px; height:80px; text-align:center; background-image:url(images/intro_logo.jpg); background-position:center; background-repeat:no-repeat; margin:0px auto}

/*Introbar*/
#intronavwrapper {width:414px; height:28px; margin:0px auto; position:relative;}

#english {display: block;width: 77px; height:28px; background:url(images/english_out.jpg) no-repeat 0 0; float:left; position:absolute; left:0px;top:0px}
#english:hover{background:url(images/english_over.jpg) no-repeat 0 0}

#german {display: block; width:80px; height:28px; background:url(images/german_out.jpg) no-repeat 0 0; float:left; position:absolute; left:77px; top:0px}
#german:hover{background:url(images/german_over.jpg) no-repeat 0 0}

#portugese {display: block;width: 95px; height:28px; background:url(images/portugese_out.jpg) no-repeat 0 0; float:left; position:absolute; left:157px; top:0px}
#portugese:hover{background:url(images/portugese_over.jpg) no-repeat 0 0}

#spanish {display: block;width: 79px; height:28px; background:url(images/spanish_out.jpg) no-repeat 0 0; background-position:right; float:left; position:absolute; left:252px; top:0px}
#spanish:hover{background:url(images/spanish_over.jpg) no-repeat 0 0}

#french {display: block;width: 83px; height:28px; background:url(images/french_out.jpg) no-repeat 0 0; background-position:right; float:left; position:absolute; left:331px; top:0px}
#french:hover{background:url(images/french_over.jpg) no-repeat 0 0}