body {
color : #000000;
font-weight : normal;
font-family : "trebuchet ms";
font-size : 10pt;
padding-left : 10px; 
padding-right : 10px;
}

#banner {
position : absolute;
left : 0px;
top : 0px;
right : 0px;
width : 1000px;
height : 212px;
}

#menu {
position: absolute;
top: 222px;
left: 10px;
font-family: "trebuchet ms";
font-size: 10pt;
font-weight: normal;
text-align: left;
background-color: #ffffff;
padding: 3px;
width: 150px;
}
#menu a:link, #menu a:visited {color: white;
text-decoration: none;
margin-top: 2px;
margin-bottom: 2px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
display: block;
background-color: #ababc7;}
#menu a:hover, #menu a.current {color: #ffffff;;
background-color: #ff9933;
text-decoration: none;
}
#logo {
position: absolute;
top: 200px;
left: 10px;
}
#index_container {
position : absolute;
left : 170px;
top : 222px;
width : 800px;
height : 300px;
}

#left_content {
position : absolute;
left : 0px;
top : 0px;
width : 400px;
height : 200px;
padding: 10px;
}
#right_content {
position : absolute;
left : 410px;
top : 0px;
width : 400px;
height : 200px;
padding: 10px;
}

img {
margin:0px;
border: 0px;
}
img.right {
float: right;
margin:10px;
}

img.left {
float: left;
margin:10px;
}
span.italic {
font-style: oblique;
}

#index_menu {
position: absolute;
top: 200px;
left: 120px;
font-family: "trebuchet ms";
font-size: 10pt;
font-weight: normal;
text-align: left;
background-color: #ffffff;
padding: 3px;
width: 280px;
}
#index_menu a:link, #index_menu a:visited {color: white;
text-decoration: none;
margin-top: 2px;
margin-bottom: 2px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
display: block;
background-color: #ff9933;}
#index_menu a:hover, #index_menu a.current {color: #ffffff;;
background-color: #ababc7;
text-decoration: none;
}


span.header {
color : #00008B;
font-weight: bold;
font-size : 12pt;
text-align: left;
}

a.p:link, a.p:visited, a.p:active {color:#000000;
font-weight: normal;
font-family:"arial";
font-size: 10pt;
}
a.p:hover {color:#ff0000;
font-weight:normal;
font-family:"arial";
font-size:10pt;
}

#index_contact {
position : absolute;
left : 10px;
top : 420px;
width : 200px;
height : 20px;
}
#contact_container {
position : absolute;
left : 50px;
top : 130px;
width : 900px;
height : 400px;
}

/* contact */
#top_content_c {
position : absolute;
left : 0px;
top : 0px;
width : 600px;
height : 500px;
padding: 10px;
}
#bottom_content_c {
position : absolute;
left : 0px;
top : 120px;
width : 800px;
height : 500px;
padding: 10px;
background-color: #f5f5f5;
}
#name_p {
position: absolute;
left: 10px;
top: 10px;
}
#i_realname {
position: absolute;
left: 170px;
top: 10px;
}
#email_p {
position: absolute;
left: 10px;
top: 40px;
}
#i_email{
position: absolute;
left: 170px;
top: 40px;
}
#phone_p {
position: absolute;
left: 10px;
top: 70px;
}
#i_telno{
position: absolute;
left: 170px;
top: 70px;
}
#message_p {
position: absolute;
left: 10px;
top: 100px;
}
#t_message{
position: absolute;
left: 170px;
top: 100px;
}

#tel_p {
position: absolute;
left: 10px;
top: 70px;
}
#t0 {
position: absolute;
left: 10px;
top: 200px;
}
#t1 {
position: absolute;
left: 10px;
top: 230px;
}
#i1 {
position: absolute;
left: 170px;
top: 230px;
}
#t2 {
position: absolute;
left: 10px;
top: 260px;
}
#i2 {
position: absolute;
left: 170px;
top: 260px;
}
#t3 {
position: absolute;
left: 10px;
top: 290px;
}
#t3a {
position: absolute;
left: 440px;
top: 290px;
}
#i3 {
position: absolute;
left: 170px;
top: 290px;
}
#t4 {
position: absolute;
left: 10px;
top: 320px;
}
#i4 {
position: absolute;
left: 170px;
top: 320px;
}
#t5 {
position: absolute;
left: 10px;
top: 350px;
}
#t6 {
position: absolute;
left: 10px;
top: 380px;
}
#i6 {
position: absolute;
left: 170px;
top: 380px;
}
#t7 {
position: absolute;
left: 10px;
top: 410px;
}
#i7 {
position: absolute;
left: 170px;
top: 410px;
}
#t7a {
position: absolute;
left: 440px;
top: 410px;
}
#t8 {
position: absolute;
left: 10px;
top: 440px;
}
#i8 {
position: absolute;
left: 170px;
top: 440px;
}
#t9 {
position: absolute;
left: 10px;
top: 470px;
}
#i_submit {
position: absolute;
left: 10px;
top: 500px;
width: 80px;
}
#footer {
width : 980px;
height : 25px;
font-family: "trebuchet ms";
font-size: 12pt;
font-weight: bold;
color: #ffcc00;
text-align: left;
background-color: #325dbb;
padding: 10px;
}
#index_footer {
position : absolute;
left : 0px;
top : 600px;
}
#karma_footer {
position : absolute;
left : 0px;
top : 870px;
}
#consultation_footer {
position : absolute;
left : 0px;
top : 630px;
}
#astrology_footer {
position : absolute;
left : 0px;
top : 550px;
}
#workshops_footer {
position : absolute;
left : 0px;
top : 600px;
}
#contact_footer {
position : absolute;
left : 0px;
top : 550px;
}
#form_footer {
position : absolute;
left : 0px;
top : 890px;
}
#dating_footer {
position : absolute;
left : 0px;
top : 600px;
}

#footer {
width : 980px;
height : 25px;
font-family: "trebuchet ms";
font-size: 12pt;
font-weight: normal;
color: #ffcc00;
text-align: left;
background-color: #325dbb;
padding: 10px;
}
a.footer:link, a.footer:visited, a.footer:active {color:#000000;
font-family: "trebuchet ms";
font-size: 12pt;
font-weight: normal;
color: #ffcc00;
text-decoration: none;
}
a.footer:hover {color:#ff0000;
font-family: "trebuchet ms";
font-size: 12pt;
font-weight: normal;
color: #ff0000;
text-decoration: none;
}

/* pay */
#top_content_p {
position : absolute;
left : 0px;
top : 0px;
width : 600px;
height : 200px;
padding: 10px;
}
#bottom_content_p {
position : absolute;
left : 0px;
top : 180px;
width : 800px;
height : 300px;
padding: 10px;
}
#pay_footer {
position : absolute;
left : 0px;
top : 730px;
}