/* 
Document   : topside
Created on : 08-May-2009, 09:11:36
Author     : Administrator
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#Ttop {
    background-image:url(../images1/girlsmall.gif);
    height: 120px;
    width:80%;
    margin-left: 10%;
}
#iepic {
	position:absolute;
	top:85%;
	left:35%;
	display:none;
	z-index:1000;
}
#contentpane {
    float:left;
    width:13%;
    text-align:center;
    background-image:url(../images1/girlsmall.gif);
    background-color: #ddddbb;
    margin-top: 3%;
    margin-left: 7%;
    border-top-style: groove;
    border-bottom-style: groove;
    border-left-style: groove;
    border-right-style: groove;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-right-width: 3px;
    border-top-color: silver;
    border-bottom-color: silver;
    border-left-color: silver;
    border-right-color: silver;
}
#menu {
    display:block;
    left:0%;
    position:fixed;
    top:0%;
    font-family: Georgia;
    font-size:10px;
    text-align:center;
    color:#ff0000;
    padding-top:12px;
     background-image:url(../images1/girlsmall.gif);
    background-color:#aaaaaa;
    border-style:solid;
    border-color:black;
    z-index:100001;
}
#loginbox {
    background-image:url(../images1/girlsmall.gif);
    background-color:#aaaaaa;
    border-style:solid;
    border-color:black;
}
#menu div {
}
#htmlMenu {
	line-height:normal;
     background-image:url(../images1/girlsmall.gif);
    background-color:#888888;
    position:relative;
    top: 150px;
    color:#bbbbbb;
}
#htmlMenu a {
    font-size:20px;
    color:#2222ff;
}
#htmlMenu a:hover {
    color:#ffff0f;
}
#psychic_medium, #psychic_questions, #opportunity_knocks, #psychic_glossary, #psychic_testimonials, #tarot_knocks, #feed_back {
    float:left;
}
#buttonbox {
    position:fixed;
    left:0px;
    top:80%;
    height:150px;
    width:100%;
    text-align:center;
    padding-top:8%;
    z-index:1001;
}
#b1 {
    width:125px;
    height:36px;
    background-image:url(../images1/psychicUP.gif);
}
#b2 {
    width:125px;
    height:36px;
    background-image:url(../images1/questionsUP.gif);
}
#b3 {
    width:125px;
    height:36px;
    background-image:url(../images1/opportunityUP.gif);
}
#b4 {
    width:125px;
    height:36px;
    background-image:url(../images1/glossaryUP.gif);
}
#b5 {
    width:125px;
    height:36px;
    background-image:url(../images1/testimUP.gif);
}
#b6 {
    width:125px;
    height:36px;
    background-image:url(../images1/tarotUP.gif);
}
#b7 {
    width:125px;
    height:36px;
    background-image:url(../images1/contactUP.gif);
}
#b7 {
    width:125px;
    height:36px;
    background-image:url(../images1/contactUP.gif);
}
.button {
    width:125px;
    height:36px;
    padding-top:9px;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}

.buttons {
    font-family: Verdana;
    font-size: 11px;
    margin-left:10px;
    padding-top: 1px;
    padding-bottom: 1px;
    color:red;
    width:125px;
    height:36px;
}