Ayuda con plantilla personal

Hola usuarios mi nombre es Alberto Mucho gusto
Bien les comento he realizado una plantilla personal para joomla desde cero , y con bootstrap para que sea una web movil.

La plantilla se instala perfectamente en el gestor web joomla , sin embargo a la hora que le agrego el menú horizontal de joomla que va en la cabecera las letras quedan de color azul por mas que le indico en css que esas letras las deseo de color blanco siempre quedan azul, en el mismo menu lo programe con el jestor de joomla para que en una opcion del menu me muestre informacion y en otra opcion me muestre otra informacion no me muestra nada se queda en la misma pantalla , igual le agregue border-radius y solamente tomo el efecto a un costado del mismo .

Y entonces le agregue contenido de ejemplo joomla y no se muestra nada , que podra ser no se que hacer me pueden ayudar?, les dejo imagenes de como se encuentra ahorita mismo si podran ver el menu tiene letras azules y si ven no hay nada de contenido sin embargo yo le programe el contenido de ejemplo joomla , al igual les dejo el codigo php y el codigo css.

Codigo PHP
[code type=php]

')


[/code]

Codigo CSS
[code type=css]@charset “utf-8″;
/* CSS Document */
html: { height:100%; margin-bottom:1px; overflow-y:scroll}
body:{
color:#000;
font:normal normal normal 75%/125 Arial, Helvetica, sans-serif;
height:100%;
text-align:center;
margin-top:10;
padding-top:10;
}
.float-left {float:left;}
.float-left {float:right;}
.group:before, .group: after{content:””; display:table;}
.group: after {clear:both;}
.ie6 .group{zoom:1;}
.ie7 .group{zoom:1;}
ul.menu{
padding:1px 0px 1px 0px;
margin:0;
float:right;
}
ul.menu li { /* aspecto que tendra el menú*/
list-style:none;
display:inline;
font-family:Tahoma, Geneva, sans-serif;
line-height:50px;
padding-right:13px;
font-size:12px;
font-weight:bold;
}
ul.menu li A:hover {font-size:30px;color:#0000FF; background:url(../img/btnmenu1.jpg) }
#main{}
.inmain{}
.contenedor1
{
border-color:#F00;
background:#FFFFFF;
width: 830px;
border-radius:10px;
box-shadow:inset -3px -3px 12px;/*nos permite ponerle sombra al layout*/
margin-top: 5px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#cabesera /*area de donde esta el banner y logo*/
{
/*background:#FFFFFF;*/
box-shadow:inset -3px -3px 12px;/*nos permite ponerle sombra al layout*/
width: 830px;
height: 175px;
/*margin-right: 0px;*/
/*margin-left: auto;*/
/*border-radius:10px;*/
}
#plogo{
background:url(../img/logo.png) no-repeat center;
width:18%;
height:100%;
float: left;
/*border-radius: 12px;*/
}
#pbanner{
/*background-color: #ABBCB9;*/
width:82%;
height: 100%;
float:right;
/*border-image: 12px;*/
}

#pmenu{/*area del menu horizontal*/
/*border-radius:10px;*/
background:url(../img/btnmenu2.jpg);
border-radius:5px;
text-align:center;
padding:5px;
height: 40px;
width:820px;
margin-bottom: 8px;
/*margin-left:auto;*/
}
#main/* este es el area del contenido principal*/
{
border-radius:10px;
background:#0F0;
height:5px;
width:830px;
margin-left:auto;
}
#posicion3 {
border-radius:10px;
background-color: #0F0;
height:auto;
width:33.33%;
float:left;
margin-right:140px;
}#posicion4 {
border-radius:10px;
background-color: #0C0;
height:auto;
float:left;
margin-left:-138px;
width: 32.33%;
}
#posicion5 {
border-radius:10px;
background-color: #0F0;
height:auto;
float:left;
margin-left:2px;
width: 33.33%;
}

#footer /*area del footer*/
{
border-radius:10px;
background:#F00;
height:5px;
width:830px;
/*margin-top:55px;*/
margin-left:auto;
}
#posicion6 {
border-radius:10px;
background-color: #0F0;
width:50%;
float:left;
margin-right:3px;
}
#posicion7 {
border-radius:10px;
background-color: #0F0;
float:left;
margin-left:1px;
width:49%;
}[/code]