@charset "UTF-8";
/* CSS Document */

/*
#FFF271 -YELLOW
#A40362 -BURGENDY
#39C2D8 -BLUE
#63562E -GREEN BROWN
#84AA98 - SOFT BLUE
#004E5C - DARK BLUE
#E8E6D3 - CHALKY WHITE
#D81635 - BRIGHT RED
*/

/* VERY IMPORTANT FLOATS */




/*--- BOXES FOR CONTENT ---*/

.cdots{
position:relative;
border-bottom:1px dotted #000000;
margin-top:80px;
width:545px;
}

.cdots2{
position:relative;
border-bottom:1px dotted #000000;
border-top:1px dotted #000000;
margin-top:35px;
float:left;
clear:both;
width:640px;
}

.cdots3{
position:relative;
border-bottom:1px dotted #000000;
border-top:1px dotted #000000;
margin-top:5px;
float:left;
clear:both;
width:640px;
}


/*************************************/
/*ABSOLUTE POSTIONED BUBBLES FOR MENU*/
/*************************************/

#theop{
position:absolute;
left:0px;
top:24px;
width:120px;
height:88px;
background-image:url(../images/nav/shad_op.png);
background-repeat:no-repeat;
background-position:top left;
padding:35px 0px 0px 14px;
cursor:pointer;
color: #A40362;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#getin{
position:absolute;
left:120px;
top:9px;
width:141px;
height:109px;
background-image:url(../images/nav/shad_getin.png);
background-repeat:no-repeat;
background-position:top left;
padding:50px 0px 0px 18px;
cursor:pointer;
color: #A40362;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}


#news{
position:absolute;
left:215px;
top:25px;
width:102px;
height:73px;
background-image:url(../images/nav/shad_news.png);
background-repeat:no-repeat;
background-position:top left;
padding:34px 0px 0px 50px;
cursor:pointer;
color: #A40362;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#down{
position:absolute;
left:320px;
top:10px;
width:115px;
height:112px;
background-image:url(../images/nav/shad_down.png);
background-repeat:no-repeat;
background-position:top left;
padding:49px 0px 0px 32px;
cursor:pointer;
color: #A40362;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#whos{
position:absolute;
left:440px;
top:34px;
width:115px;
height:60px;
background-image:url(../images/nav/shad_whos.png);
background-repeat:no-repeat;
background-position:top left;
padding:25px 0px 0px 25px;
cursor:pointer;
color: #A40362;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}


/*THE LOGO*/
.soap{
position:absolute;
left:565px;
top:04px;
width:70px;
height:112px;
background-image:url(../images/nav/soap_logo.png);
background-repeat:no-repeat;
background-position:top left;
cursor:pointer;
}


/*JUST THE TYPE*/
#Mtheop{
position:absolute;
left:00px;
top:24px;
width:105px;
height:88px;
padding:35px 0px 0px 14px;
cursor:pointer;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#Mgetin{
position:absolute;
left:120px;
top:9px;
width:141px;
height:109px;
padding:50px 0px 0px 18px;
cursor:pointer;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#Mnews{
position:absolute;
left:215px;
top:25px;
width:102px;
height:73px;
padding:34px 0px 0px 50px;
cursor:pointer;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#Mdown{
position:absolute;
left:320px;
top:10px;
width:115px;
height:112px;
padding:49px 0px 0px 32px;
cursor:pointer;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#Mwhos{
position:absolute;
left:440px;
top:34px;
width:115px;
height:60px;
padding:49px 0px 0px 42px;
padding:25px 0px 0px 25px;
cursor:pointer;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

/*************************************************/
/*ABSOLUTE POSTIONED BUBBLES FOR MENU END END END*/
/*************************************************/

/*MENU LINK*/

.mlink{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
margin:5px 0px 5px 0px;
float:right;
}

.mlink a:link, .mlink a:active, .mlink a:visited{
text-decoration:none;
color:#000000;
}

.mlink a:hover{
text-decoration:none;
color:#D81635;
}



/*************************************/
/*ABSOLUTE POSTIONED BUBBLES FOR FORMS*/
/*************************************/

#help{
position:absolute;
left:340px;
top:00px;
width:105px;
height:88px;
background-image:url(../images/nav/b_op.png);
background-repeat:no-repeat;
background-position:top left;
}


/*************************************************/
/*ABSOLUTE POSTIONED BUBBLES FOR FORMS END END END*/
/*************************************************/



/***************************************************/
/*RIGHT MENU | RIGHT MENU | RIGHT MENU | RIGHT MENU*/
/***************************************************/

.rmenu{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
margin:10px;
}

.rmenu a:link, .rmenu a:active, .rmenu a:visited{
text-decoration:none;
color:#000000;
}

.rmenu a:hover{
text-decoration:none;
color:#A40362;
}

/*FOR PROFILE AREA IN PURPLE*/
.rmenuP{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
margin:10px;
}

.rmenuP a:link, .rmenuP a:active, .rmenuP a:visited{
text-decoration:none;
color:#FFFFFF;
}

.rmenuP a:hover{
text-decoration:none;
color:#FFF271;
}
/*FOR PROFILE AREA IN PURPLE*/

#homeM{
position:absolute;
left:-37px;
top:205px;
width:105px;
height:220px;
background-image:url(../images/nav/home.png);
background-repeat:no-repeat;
background-position:top left;
padding:32px 0px 0px 10px;
cursor:pointer;
}


#questionM{
position:absolute;
left:-58px;
top:200px;
width:105px;
height:220px;
background-image:url(../images/nav/question_mark.png);
background-repeat:no-repeat;
background-position:top left;
padding:32px 0px 0px 10px;
cursor:pointer;
}

#portraitM{
position:absolute;
left:-95px;
top:205px;
width:165px;
height:250px;
background-image:url(../images/nav/ghandi.png);
background-repeat:no-repeat;
background-position:top left;
padding:32px 0px 0px 10px;
cursor:pointer;
}


#blog{
position:absolute;
left:-85px;
top:200px;
width:155px;
height:250px;
background-image:url(../images/nav/blog.png);
background-repeat:no-repeat;
background-position:top left;
padding:32px 0px 0px 10px;
cursor:pointer;
}

#things{
position:absolute;
left:-55px;
top:210px;
width:150px;
height:250px;
background-image:url(../images/nav/things_box.png);
background-repeat:no-repeat;
background-position:top left;
padding:32px 0px 0px 10px;
cursor:pointer;
}