/************************************************************************************
STRUCTURE
*************************************************************************************/
#container{
              width: 700px;
	 margin: 10px;
               position:relative;top:10px; left:-40px;
}
#pagewrap {
             background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));
                               /* Safari 5.1+, Chrome 10+ */ background: -webkit-radial-gradient(circle, #1a82f7, #2F2727);
                               /* Firefox 3.6+ */ background: -moz-radial-gradient(circle, #1a82f7, #2F2727);
                               /* IE 10 */ background: -ms-radial-gradient(circle, #1a82f7, #2F2727);
                               /* Opera cannot do radial gradients yet */
                                /* rounded corner */
	-webkit-border-radius: 108px;
	-moz-border-radius: 108px;
	border-radius: 108px;
              border: 3px double #ffffff;
                                 /* box shadow */
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.4);
	box-shadow: 0 2px 3px rgba(0,0,0,.4);
	padding:15px;
	width: 700px;
              float:left;
}
.header {
	height: 60px;              
}

#content {
	width:97%;
              float: left;
            
              
}

.footer {
              font-size: 10px;
	clear: both;
}


/* border & guideline (you can ignore these) */
#content {
              border: solid 1px #ccc;
                background: #999; /* for non-css3 browsers */
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDAEC', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDAEC), to(#ffffff)); /* for webkit browsers */
	background: -moz-radial-gradient(top,  #ffffff, #ffffff, #FFDAEC); /* for firefox 3.6+ */ 
             /* rounded corner */
	-webkit-border-radius: 108px;
	-moz-border-radius: 108px;
	border-radius: 108px;
              border: 3px double #ffffff;
	/* box shadow */
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.6);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.6);
	box-shadow: 0 3px 4px rgba(0,0,0,.6);
              margin-left:10px;
              text-align:center;

	
}

.header, #content,{
              background: #fff;
               margin:25px;	
	/* rounded corner */
	-webkit-border-radius: 108px;
	-moz-border-radius: 108px;
	border-radius: 108px;
              border: 3px double #ffffff;
}
.footer {
               background: transparent;
               margin:25px;	
	/* rounded corner */
	-webkit-border-radius: 108px;
	-moz-border-radius: 108px;
	border-radius: 108px;
              position:relative;
              top:10px;
              left:0px;
}
h1 {
                      font-family: 'Playball', cursive;
                      color: #FF9933;
                      font-size: 36px;
                      line-height: 36px;
                      text-shadow: 1px 1px 1px #000, 2px 2px 2px #aaa;
}
#pagewrap {

}
#personal{
             background-image: url(http://www.kwalitytraffic4newbies.com/images/Fran_us.jpg);
             background-repeat: no-repeat;
             height:260px;
             width:200px;
             position:relative;
             top:170px;
             left:490px;
}
.info { 
            width:300px;
            height:150px;
            position:relative;
             top:-70px;
             left:410px;
 }             


.gift { 
            background-image: url(http://www.kwalitytraffic4newbies.com/valani/val1.png);
            width:300px;
            height:300px;
 }             
#gift{
  margin:300px 300px;
}
a.cssmouseover {
display:block;
width:400px;
height:300px;
background-position:40px 0px;
position:absolute;
top:80px;
left: 3px;
}
a.cssmouseover:hover {
background-position:0px -300px;
z-index: 1;
}

#gift2{
  margin:10px 10px;
}
a.cssmouseover2 {
display:block;
width:400px;
height:300px;
background-position:40px 0px;
position:absolute;
top:160px;
left:130px;
}
a.cssmouseover2:hover {
background-position:0px -300px;
z-index: 2;
}

#gift3{
  margin:300px 300px;
}
a.cssmouseover3 {
display:block;
width:400px;
height:300px;
background-position:40px 0px;
position:absolute;
top:200px;
left: -20px;
}
a.cssmouseover3:hover {
background-position:0px -300px;
z-index: 3;
}
.swirl{
          background-image: url(http://granshananigans.com/images/swirl.png);
          height:400px;
          width: 200px;
          position: absolute;
          top:40px;
          left: 40px;

}