.linebottom  {
border-bottom: 1px solid #909090;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

.bgcolors{
margin:0;
padding:0;
width:100%;
border-radius:5px;
margin-bottom:40px;
}


.bghome{
background-image: url('images/bg_green_dark.gif');
background-repeat: repeat-x;
background-position: center top;
background-color:#75B20F;
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
width:80px;
}
.bghome a:hover{
-webkit-border-radius: 6px 0 0 6px;;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
background-color:#222222;
}
.bghome a:active{
-webkit-border-radius: 6px 0 0 6px;;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
background-color:#000000;
}


.astroreport{
background-image: url('images/bg_green_light.gif');
background-repeat: repeat-x;
background-position: center top;
background-color:#0FB29A;
width:160px;
}

.astroreport a.selected{
background-color:#333333;
}


.bgnumerology{
background-image: url('images/bg_yellow.gif');
background-repeat: repeat-x;
background-position: center top;
background-color:#F1BC24;
width:150px;
}
.bgnumerology a.selected{
background-color:#333333;
}



.bgfreeservices{
background-image: url('images/bg_orange.gif');
background-repeat: repeat-x;
background-position: center top;
background-color:#EF8C22;
width:230px;
}
.bgfreeservices a.selected{
background-color:#333333;
}


.bgarticles{
background-image: url('images/bg_brownlight.gif');
background-repeat: repeat-x;
background-position: center top;
background-color:#CE7B3F;
width:115px;
}
.bgarticles a.selected{
background-color:#333333;
}



.bghelp{
background-image: url('images/bg_brownlight2.gif');
background-repeat: repeat-x;
background-position: center top;
background-color:#8B5326;
width:95px;
}
.bghelp a.selected{
background-color:#333333;
}


.bgcontactus{
background-image: url('images/bg_browndark.gif');
background-repeat: repeat-x;
background-position: center top;
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
background-color:#694C3D;
width:115px;
}
.bgcontactus a:hover{
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
background-color:#222222;
}

.bgcontactus a:active{
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
background-color:#000000;
}





.ddsmoothmenu{
font-size: 18px;
font-weight: bold;
color:#ffffff;
width: 946px;
padding:0px;
letter-spacing:-1px;
text-align:center;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0px;
padding: 0px;
list-style-type: none;
}


/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin-left:0px;
}



/*Top level menu link items style*/

.ddsmoothmenu ul li a{
display: block;
padding-left: 10px;
padding-top:2px;
padding-bottom:4px;
padding-right:1px;
color:#ffffff;
text-decoration: none;
line-height:44px;
border-left: 0px #ffffff solid;
border-right: 0px #ffffff solid;
}


* html .ddsmoothmenu ul li a  { /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
height:44px;
line-height:44px;
padding-top:10px;
padding-bottom:4px;
}

.ddsmoothmenu ul li a.selected{
color:#ffffff;
background-color:#222222;
display:block;
}

.ddsmoothmenu ul li a:hover{
color:#ffffff;
}

.ddsmoothmenu ul li a:active{
color:#ffffff;
}



/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none;
visibility: hidden;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
margin-left:0px;
}

.ddsmoothmenu ul li ul li a{
font-size: 14px;
font-weight: normal;
text-align:left;
color:#000000;
width: 180px;
line-height:25px;
letter-spacing:0px;
padding-left: 14px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 8px;
margin:0;
border-top-width: 0;
border-left: 1px solid #909090;
border-right: 1px solid #909090;
text-shadow:1px 1px 1px #f9f9f9; 
background-color:#ffffff;
}

.ddsmoothmenu ul li ul li a:hover{
color:#000000; 
background-color:#e2e2e2;
}

.ddsmoothmenu ul li ul li a:active{
color:#000000; 
background-color:#f0f0f0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}






/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/



/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color:grey;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}


















@media screen and (max-width: 710px), only screen and (max-device-width: 710px) {



.bghome{
width:115px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.bghome a:hover{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.bghome a:active{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}


.astroreport{width:160px;}

.bgnumerology{width:150px;}

.bgfreeservices{width:170px;}

.bgarticles{width:85px;}

.bghelp{width:75px;}


.bgcontactus{
width:95px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.bgcontactus a:hover{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.bgcontactus a:active{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}




.ddsmoothmenu{width: 425px;font-size: 15px;}

.ddsmoothmenu ul li a{line-height:42px;



}














@media screen and (max-width: 460px), only screen and (max-device-width: 460px) {



.bghome{
width:105px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.bghome a:hover{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.bghome a:active{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}


.astroreport{width:190px;}

.bgnumerology{width:120px;}

.bgfreeservices{width:175px;}

.bgarticles{width:100px;}

.bghelp{width:90px;}


.bgcontactus{
width:105px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.bgcontactus a:hover{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.bgcontactus a:active{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}




.ddsmoothmenu{width: 295px;font-size: 15px;}

.ddsmoothmenu ul li a{line-height:35px;



}
