
A:link{color:#666666;text-decoration:none;}
A:visited{color:#666666;text-decoration:none;}
A:hover{color:#666666;text-decoration:underline;}


 
 /*body*/
 



  body  {
	  
	  background-color: #ccffff;
	  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	  padding: 0;
	  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	  font: 100% Georgia;
	  color: #666666;
  }
  
#mainWrapper {
	background-image: url('wrap.png');
	background-repeat: repeat-y;
}

      .border {
       border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 3px dashed #33CCCC; width: 550px; height: 350px;
      }
 
    
    
      .border2 {
       border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 3px dashed #ffbbee; background: #ccffff; width: 200px; height: 380px;
      }
 
    
    
      .border3 {
       border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 3px dashed #33cccc; background: #ffccee; width: 200px; height: 260px;
      }
  
    
      .border4 {
       border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 3px dashed #ffffff; background: #ffffff; width: 1px; height: 380px;
      }
  
    
      .border5 {
       border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 3px dashed #ffffff; background: #ffffff; width: 1px; height: 260px;
      }
 
    
    
   
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Georgia;
	padding: .5em 2em .55em;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: underline;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	
}
	
	/* pink */
.pink {
	color: #666666;
	border: solid 2px #ffffff;
	background: #ffccee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffccee), to(#ffaadd));
	background: -moz-linear-gradient(top,  #ffccee,  #ffaadd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffccee', endColorstr='#ffaadd');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccffff), to(#33cccc));
	background: -moz-linear-gradient(top,  #ccffff,  #33cccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffff', endColorstr='#33cccc');
}
.pink:active {
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffccee, to(#ccffff));
	background: -moz-linear-gradient(top,  #ffccee,  #ccffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffccee', endColorstr='#ccffff');
}


