/* CSS Document */
body {margin:0; padding:0; text-align:center; background:#FFD001;}
#main {width:720px; margin:0 auto; background:url(../images/bgMain.jpg) no-repeat #FFD001; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
form { padding:0; margin:0; }
h1{ font-size:24px; color:#FFD001; margin:0; padding:0; }
h2 { font-size:18px; color:#0099CC; margin:5px 0 10px 0;}
/* ------ top ------- */
#top { height:280px;}
#navtop { width:200px; padding:200px 0 0 0;  float:right;}
#navtop ul { margin:0; padding:0; list-style-type:none;}
#navtop li {font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; padding:0 10px 0 0;} 

li#ehome a { padding:0 0 0 15px; background:url(../images/iconHome.gif) no-repeat; background-position:0 1px; color:#000000; text-decoration:none;}
li#ehome a:hover {text-decoration:underline;}

li#econtact a { padding:0 0 0 15px; background:url(../images/iconContact.gif) no-repeat; background-position:0 2px; color:#000000; text-decoration:none;}
li#econtact a:hover { text-decoration:underline; }

li#elogin a { padding:0 0 0 15px; background:url(../images/iconLogin.gif) no-repeat; background-position:0 2px; color:#000000; text-decoration:none;}
li#elogin a:hover { text-decoration:underline; }

#titulo { clear:both; padding:25px 0 0 105px;}
/* ------ middle ------- */
#middle { background:url(../images/bgMiddle.jpg) no-repeat; background-position:72px 40px; position:relative; background-repeat:repeat-y; overflow:auto; padding:0 0 20px 0; }

#right {padding:0 40px 0 0; min-height:600px; float:right; width:570px; color:#666666;}

#content { line-height:160%; color:#003366;}

#left {float:left; width:43px; padding:0 0 0 34px; height:auto;}
#left ul { margin:0; padding:0; list-style-type:none;}
#left li a { margin:0 0 2px 0;}
li#ahome a{ background:url(../images/btnHome.gif) no-repeat; width:42px; height:85px; color:#00CC00; text-indent:-9999px; display:block;}
li#ahome a:hover {background:url(../images/btnHomeHover.gif) no-repeat;}

li#aabout a{ background:url(../images/btnAbout.gif) no-repeat; width:42px; height:85px; color:#00CC00; text-indent:-9999px;display:block;}
li#aabout a:hover {background:url(../images/btnAboutHover.gif) no-repeat;}

li#acontrol a{ background:url(../images/btnControl.gif) no-repeat; width:42px; height:85px; color:#00CC00; text-indent:-9999px;display:block;}
li#acontrol a:hover {background:url(../images/btnControlHover.gif) no-repeat;}

li#aservices a{ background:url(../images/btnServies.gif) no-repeat; width:42px; height:85px; color:#00CC00; text-indent:-9999px; display:block;}
li#aservices a:hover {background:url(../images/btnServiesHover.gif) no-repeat;}

li#apackages a{ background:url(../images/btnPackages.gif) no-repeat; width:42px; height:85px; color:#00CC00; text-indent:-9999px; display:block;}
li#apackages a:hover {background:url(../images/btnPackagesHover.gif) no-repeat;}

li#aportfolio a{ background:url(../images/btnPortfolio.gif) no-repeat; width:42px; height:85px; color:#00CC00;  text-indent:-9999px; display:block;}
li#aportfolio a:hover {background:url(../images/btnPortfolioHover.gif) no-repeat;}

li#acontactus a{ background:url(../images/btnContactus.gif) no-repeat; width:42px; height:85px; color:#00CC00; text-indent:-9999px;display:block;}
li#acontactus a:hover {background:url(../images/btnContactusHover.gif) no-repeat;}


/* ------ bottom ------- */
#bottom { background:url(../images/bgFoot.jpg) no-repeat; height:50px; padding:25px 0 20px 0;font-family:Arial, Helvetica, sans-serif;}
#nav_bottom { width:500px; float:left; padding:5px 0 0 100px;}
#nav_bottom ul { margin:0; padding:0; list-style-type:none;}
#nav_bottom li {float:left; font-size:11px; color:#353535; padding:0 5px 0 5px; } 
#nav_bottom li a{color:#353535; text-decoration:none; display:block;}
#nav_bottom li a:hover { text-decoration:underline; color:#000000;}

#copyright { width:500px; float:left; clear:left; padding:5px 0 0 105px; font-size:11px; height:10px; color:#6D6D6D;}
#bulb { background:url(../images/bulb.gif) no-repeat; height:74px; width:54px; padding:0 10px 0 0; float:right;}
.r { text-align:right;}