html,body {

margin:0;

padding:0;

height:100%; /* needed for container min-height */

background-image: url("images/body-bg.jpg");
	
font-family: "Arial", Arial, sans-serif;

font-size:small;


}


h1 { 

font-size:15px;

font-family : "Arial", Arial, sans-serif; color: #ef2f72;

display: inline;	

}




h1.right {

float: right;

text-align: right;
}


h2 {

font-size: 13px;

font-family : "Arial", Arial, sans-serif; color: #ef2f72;	

display: inline;

}

h3 {

font-size:10px;

font-family : "Arial", Arial, sans-serif; color: #ffffff;	

display: inline;


}




p { 
text-align:left;

font-family: "Arial", Arial, sans-serif;;

font size: 14px; 

display: inline;
}


a { 

font-size:14px;

font-family : "Arial", Arial, sans-serif; color: #ef2f72;	    

}







a:visited { 

font-size:14px;

font-family : "Arial", Arial, sans-serif; color: #ef2f72;
}




a:hover, a:active { 

font-size:14px;

font-family : "Arial", Arial, sans-serif; color: #00adc3;
}


a.addressbar { 

font-size:10px;

font-family : "Arial", Arial, sans-serif; color: #ef2f72;	    

}







a.addressbar:visited { 

font-size:10px;

font-family : "Arial", Arial, sans-serif; color: #ef2f72;
}




a.addressbar:hover, a:active { 

font-size:10px;

font-family : "Arial", Arial, sans-serif; color: #00adc3;
}



a img {

border: none;

}


div#bg {

position:relative; /* needed for footer positioning*/

margin:0 auto; /* center, not in IE5 */

width:851px;

background-image: url("images/bg.png");

height:auto !important; /* real browsers */

height:100%; /* IE6: treaded as min-height*/

min-height:100%; /* real browsers */

}












div#header {


background-image: url("images/header.jpg");

height: 190px; 

width: 821px;

margin: 0px 0px 0px 15px;

}
	
div#header p {
		
font-style:italic;
		
font-size:1.1em;

margin:0;

}




div#nav {

width: 821px;

height: 30px;

margin: 0px 0px 0px 15px;

background-color: #ef2f72;

}










div#contentcontainer {

position: relative;

width: 765px;

min-height: 500px;

padding:1em 1em 5em; /* bottom padding for footer */

margin: 0px 0px 0px 25px;

}

form.right {

float: right;

}


div#content {

position: absolue;

top: 0;

left: 0;

width: 560px;

min-height: 500px;

}






div#promo {

position: absolute;

top: 0;

right: -20px;

width: 210px;

min-height: 395px;

z-index: 500;



} 











div#box1 {

width: 550px;

min-height: 110px;

margin: 0px 0px 0px 0px;

background-color: #c5e2f2;

border-width: 2px;

border-color: #ef2f72;

border-style: solid;

overflow: auto;

}


div#box1left {

width: 130px;

float: left;

margin: 10px 0px 0px 10px;



}


div#box1right {

width: 370px;

float: left;

margin: 10px 0px 0px 25px;



}






div#box2 {

width: 550px;

min-height: 110px;

margin: 10px 0px 0px 0px;

background-color: #c5e2f2;

border-width: 2px;

border-color: #ef2f72;

border-style: solid;

overflow: auto;

}


div#box2left {

width: 530px;

min-height: 90px;

float: left;

margin: 10px 0px 0px 10px;



}









div#box3 {

width: 550px;

min-height: 110px;

margin: 10px 0px 0px 0px;

background-color: #c5e2f2;

border-width: 2px;

border-color: #ef2f72;

border-style: solid;

overflow: auto;

}



div#box3left {

width: 130px;

min-height: 90px;

float: left;

margin: 10px 0px 0px 10px;



}


div#box3right {

width: 370px;

min-height: 90px;

float: right;

margin: 10px 10px 0px 0px;



}







div#box4 {

width: 550px;

min-height: 110px;

margin: 10px 0px 0px 0px;

background-color: #c5e2f2;

border-width: 2px;

border-color: #ef2f72;

border-style: solid;

overflow: auto;

}




div#box4left {

width: 250px;

min-height: 30px;

float: left;

margin: 10px 0px 0px 10px;



}


div#box4right {

width: 250px;

min-height: 30px;

float: right;

margin: 10px 10px 0px 0px;



}


div#box4bottom {

width: 530px;

min-height: 50px;

float: left;

margin: 10px 0px 0px 10px;



}









div#text {

width: 560px;

float: left;

margin: 0px 0px 0px 0px;

}

div#text p {

text-align:left;

font-family: "Arial", Arial, sans-serif;

font size: 14px; 

}


div#footer {

position:absolute;

width: 821px;

margin: 0px 0px 0px 15px;


bottom:0; /* stick to bottom */


background-image: url("images/footer-test.png");

height: 220px;


}

div#footer p {

padding:1em;

margin:0;
}



div#anon {

width: 195px;

height: 20px;

float: right;

margin: 195px 7px 0px 0px;

}


/* New Footer info for SEO styles here */

div#addressbar {

position: absolute;

bottom: 5px;

left: 140px;

width: 490px;

height: 25px;

}













#home
{
  display: block;
  float:left;
  width: 110px;
  height: 30px;
  background: url("images/homebtn.jpg") no-repeat 0 0;

}

#home:hover
{ 
  background-position: 0 -30px;
}

#home span
{
  display: none;
}




#about
{
  display: block;
  float:left;
  width: 110px;
  height: 30px;
  background: url("images/aboutbtn.jpg") no-repeat 0 0;

}

#about:hover
{ 
  background-position: 0 -30px;
}

#about span
{
  display: none;
}





#games
{
  display: block;
  float:left;
  width: 140px;
  height: 30px;
  background: url("images/gamesbtn.jpg") no-repeat 0 0;

}

#games:hover
{ 
  background-position: 0 -30px;
}

#games span
{
  display: none;
}







#testimonials
{
  display: block;
  float:left;
  width: 110px;
  height: 30px;
  background: url("images/testimonialsbtn.jpg") no-repeat 0 0;

}

#testimonials:hover
{ 
  background-position: 0 -30px;
}

#testimonials span
{
  display: none;
}


#birthday
{
  display: block;
  float:left;
  width: 110px;
  height: 30px;
  background: url("images/birthdaybtn.jpg") no-repeat 0 0;

}

#birthday:hover
{ 
  background-position: 0 -30px;
}

#birthday span
{
  display: none;
}


#inset
{
  display: block;
  float:left;
  width: 110px;
  height: 30px;
  background: url("images/insetbtn.jpg") no-repeat 0 0;

}

#inset:hover
{ 
  background-position: 0 -30px;
}

#inset span
{
  display: none;
}





#contact
{
  display: block;
  float:left;
  width: 110px;
  height: 30px;
  background: url("images/contactbtn.jpg") no-repeat 0 0;

}

#contact:hover
{ 
  background-position: 0 -30px;
}

#contact span
{
  display: none;

}


div#testimonial1 {

width: 560px;

min-height: 150px;

border: solid; 1px; color: #ef2f72;

background-image: url("images/testbg.png");
 }
#testimonial1 p {

font-size:12px;

font-family: "Arial", serif; color: #000000;
 }
 
div#test1text {

width: 490px;

height: 80px;

margin: 40px 0px 0px 40px
 }  
 
 
 



div#testimonial2 {

width: 560px;

min-height: 120px;

border: solid; 1px; color: #ef2f72;

background-image: url("images/test2bg.png");
 }
#testimonial2 p {

font-size:12px;

font-family: "Arial", serif; color: #000000;
 }
 
div#test2text {

width: 490px;

height: 80px;

margin: 30px 0px 0px 40px
 }  
 
 
 div#testimonial3 {

width: 560px;

min-height: 250px;

border: solid; 1px; color: #ef2f72;

background-image: url("images/test3bg.png");

background-repeat: no-repeat;
 }
#testimonial3 p {

font-size:12px;

font-family: "Arial", serif; color: #000000;
 }
 
div#test3text {

width: 490px;

height: 80px;

margin: 30px 0px 0px 40px
 }  
 
 
 div#testimonial4 {

width: 560px;

min-height: 120px;

border: solid; 1px; color: #ef2f72;

background-image: url("images/test2bg.png");
 }
#testimonial4 p {

font-size:12px;

font-family: "Arial", serif; color: #000000;
 }
 
div#test4text {

width: 490px;

height: 80px;

margin: 30px 0px 0px 40px
 }  
 
 
 div#testimonial5 {

width: 560px;

min-height: 150px;

border: solid; 1px; color: #ef2f72;

background-image: url("images/testbg.png");
 }
#testimonial5 p {

font-size:12px;

font-family: "Arial", serif; color: #000000;
 }
 
div#test5text {

width: 490px;

height: 80px;

margin: 40px 0px 0px 40px
 }  
 
 
#bdaytestimonial1 {

width: 560px;

min-height: 150px;

border: solid; 1px; color: #ef2f72;

background-image: url("images/testbg.png");
 }
#bdaytestimonial1 p {

font-size:12px;

font-family: "Arial", serif; color: #000000;
 }
 
div#bday1text {

width: 490px;

height: 80px;

margin: 40px 0px 0px 40px
 }