@charset "utf-8";
/* CSS Document */
html, body, div, span,   
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
img, ins, kbd, q, s, samp,  
small, strike, strong,   
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    font-size: 100%;  
    vertical-align: baselinebaseline;  
    background: transparent;  
}  
body {  
    line-height: 1;  
    background:#e5e5e5;
background: #fff url(personality/images/bg.jpg) fixed;
} 
ol, ul {  
    list-style: none;  
}  
blockquote, q {  
    quotes: none;  
}  
blockquote:before, blockquote:after,  
q:before, q:after {  
    content: '';  
    content: none;  
}  
  
table {  
    border-collapse: collapse;  
    border-spacing: 0;  
}  
/* Reset is Over */
/* Reset is Over */
/* Reset is Over */



























.main{
  width:980px;
}

.top {
  background: url(images/top-bg.jpg);
  width: 100%;
  min-height:21px;
  height:auto !important;
  height: 21px;
}

#menu{
float: left;
padding-left: 715px;
}

ul#menu li a {
	display: block;
	text-align: center;
	float: left;
	width: 75px;
	color: #611976;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 4px;
}
ul#menu li {
	display: inline; /* Prevents "stepdown" */
}
.green {
  background: url(images/green.jpg);
  width: 100%;
  min-height: 129px;
  height:auto !important;
  height: 129px;
}
.logo {
  padding-top:15px;
  padding-left:45px;
  float:left;
}
.ad1 {
  float:left;
  padding-top:34px;
  padding-left:55px;
}
.join-us-on-fb{
  float:left;
  padding-top:34px;
  padding-left:30px;
}
.follow-us-on-twitter{
  float:right;
  margin-top:34px;
  margin-left:30px;
}
.leftside {
  float:left;
  /*background:url(images/left-sidebar-bg.jpg);*/
  width:219px;
}
.pinkbox {
  margin-left:15px;
  margin-top:20px;
  /*padding-left: 10px;*/
  /*padding-top: 20px;*/
  width:199px;
  background: #db0291 url(images/pink-bg.jpg) repeat-x;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
}
.belowpink{
padding-top:5px;
padding-left:15px;
}
.r-box{
padding-top:20px;
}
.register{
background:url(images/mehandi-designers.jpg);
height: 250px;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
}
.register2{
background:url(images/mehandi-teachers.jpg);
height: 250px;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
}
.register-form{
padding-top:100px;
text-align:center;
}
.submit{
padding-top:7px;
}
.submit input{
background:#000000;
color:#FFFFFF;
}
.are-you{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
text-align:center;
padding-left:5px;
padding-right:5px;
padding-top:32px;
}
.register-button {
padding-top:8px;
padding-left:43px;
}
.rightside-homepage {
margin-top:20px;
}
.tag {
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 25px;
}
.tag li a{
color:#000000;
text-decoration:none;
}
.tag li a:hover {
text-decoration:underline;
}
.tag li{
    list-style:none;	
}
.main-content{
  float:right;
  width: 761px;
}
.linkad{
padding-top:15px;
padding-left: 50px;
}
.scroller1 {
  padding-top:30px;
  padding-left: 50px;
  padding-right: 50px;
  width: 661px;
}
.scroller{
  background:url(images/scroller-bg.jpg);
  height: 263px;
  border-style:solid;
  border-width:1px;
  border-color:#FFFFFF;
}


#slideshow {
	margin:0 auto;
	width:640px;
	height:263px;
	/*background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0; */
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}

/** 
 * Slideshow text and image styles
 */
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}


/** 
 * Tab
 */
 
ul.tabs {  
    margin:0px; padding:0px;  
    margin-top:5px; 
} 
ul.tabs li {  
    list-style:none;  
    display:inline;  
}
ul.tabs li a {
    display:block;
    float: left;
    background-color:#464c54;  
    color:#ffebb5;
	padding-top:8px;
	padding-bottom:8px;
    text-decoration:none;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;  
    border:1px solid #ffffff;
	text-align: center;
	width:78px;
}  
ul.tabs li a:hover {  
    background-color:#2f343a;  
    border-color:#2f343a;  
}  
ul.tabs li a.active {  
    background-color:#ffffff;  
    color:#282e32;  
    border:1px solid #464c54;   
    border-bottom: 1px solid #ffffff;  
} 


/* Tab ends */

    .content ul li {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
	.content ul li div{
	    padding-left:10px;
		padding-right:10px;
		padding-top: 10px;
	}
	.content{
	     width:450px;
		 background: #ececec url(images/scroller-bg.jpg) repeat-x;
		 border-style:solid;
		 border-color:#FFFFFF;
		 border-width:1px;
         clear:left;
    }
	.box1{
	/*	 padding-left: 50px;
         padding-right: 50px;*/
	}
    .content ul li div h4 {
	     font-family:Arial, Helvetica, sans-serif;
		 font-size:11px;
		 text-align:center;
		 padding-bottom:10px;
	}

	.content div{
	    padding-left:10px;
		padding-right:10px;
		padding-top: 10px;
	}
.content div h2 { font: 20px Georgia, Serif; }
.content div h3 { font: 15px Georgia, Serif; margin: 10px 0; }

	
	
	
.tabbed_area {
  padding-top: 10px;
  height: 30px;
}
 
 
 
/*.tab-menu {
  padding-top: 60px;
  padding-left: 50px;
  padding-right: 50px;
  width: 450px;
  height: 30px;
}
ul#tab-list li a {
	display: block;
	text-align: center;
	width: 78px;
	float: left;
	color: #611976;
	text-decoration: none;
	padding-top:8px;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
    background-color: #dfdfdf;
	border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}*/
/*ul#tab-list li {
	display: inline;*/ /* Prevents "stepdown" */
/*}
.tab1 {
  padding-left: 50px;
  padding-right: 50px;
  width: 450px;
  clear:left;
}
.tab {
  background:url(images/scroller-bg.jpg);
  min-height: 294px;
  height:auto !important;
  height: 294px;
  	border-style:solid;
    border-width:1px;
    border-color:#FFFFFF;
}*/


.tab-content{
   float: left;
   padding-left: 50px;
   width:450px;
   /*padding-right: 50px;*/
}
.sidebar{
  float: left;
  padding-left:55px;
}
.sidebar-content{
padding-bottom:20px;
}
.sidebar-content a img{
   /*border-style:solid;*/
   /*border-width:2px;*/
   /*border-color:#ffffff;*/
}
.footer{
padding-top:50px;
clear:both;
width:100%;
}
.footer-for-center-align{
padding-top:25px;
padding-bottom:15px;
background-color:#bbbbbb;
width:100%;
border-top-style:solid;
border-top-color:#666666;
border-top-width:1px;
}
.footer-content{
width:980px;
text-align: center;
}
.footer-content a img{
border-style:solid;
border-color:#666666;
border-width:1px;
}

.footer-big-area {
float:left;
margin-bottom:30px;
text-align: left;
font:14px Georgia, Serif;
}
.footer-big-area h2 {
font:18px Georgia, Serif;
color:#000;
padding-bottom:5px;
}
.footer-big-area ul li{
margin-top:5px;
}
.footer-big-area ul li a{
text-decoration:none;
color:#333;
font:14px Georgia, Serif;
}
.footer-whats-new ul li a{
text-decoration:none;
color:#cc0000;
font:14px Georgia, Serif;
}

.last-line{
padding-top:7px;
}
.copyright{
font-family:Arial, Helvetica, sans-serif;
color:#555555;
font-size: 11px;
font-weight:bold;
}
.powered-by{
font-family:Arial, Helvetica, sans-serif;
color:#555555;
font-size: 11px;
font-weight:bold;
padding-left:40px;
}
.powered-by a {
text-decoration:none;
color:#777777;
}
.powered-by a:hover {
text-decoration:underline;
}




/**
 * Main droplink wrapper
 */
.visualblock{
	position: relative;
      width:140px;
	font-size: 11px;	
	font-family: Arial, Helvetica, sans-serif;

}
.droplink {
	width: 140px;
	position:absolute;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;

}

/**
 * Reset the margins and paddings
 */
.droplink ul, .droplink h3, .droplink h3 a{
	padding: 0px;
	margin: 0px;
}

/**
 * Draw border when mouse hover the droplink
 */
.droplink:hover {
	height: auto;
	background-color: #3E403D;
	border: solid 1px #3A3C39;
}

/**
 * Set droplink title style
 */


.droplink h3 a {
	text-align: center;
	width: 100%;
	display: block;
	padding: 12px 0px;
	color: #333;
	letter-spacing: 4px;
	text-decoration: none;
	text-transform: uppercase;
}

/**
 * Hide image border when you use an image as link
 */
.droplink h3 a img{
	border: none;	
}

/**
 * Text style of the title when the menu is opened
 */
.droplink:hover h3 a {
	color: #FFF;
	font-weight: bold;
}

/**
 * Make sure the Main label stays on the same place
 * If you don't use this block the label will move one pixel
 * because of the border that is added to the droplink div
 */
.droplink:hover h3 a {
	position: absolute;
	left: -1px;
	top: -1px;
}

/**
 * Default hide bullet icons and hide the menu items
 */
.droplink ul{
	list-style: none;	
	display: none;
}

/**
 * Display the items when hovering the droplink
 */
.droplink:hover ul{
	display: block;
	margin-top: 40px;
}

/**
 * Show list items as block so they fill the line
 */
.droplink li{
	display: block;
}

/**
 * Style of the items
 */
.droplink li a{
	padding: 5px 12px 4px 12px;	
	margin: 1px;
	background-color: #484A47;
	display: block;
	color:#FFF;
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;

}

/**
 * Style when an items is hovered
 */
.droplink li a:hover {
	background-color: #CC3B1F;	
}