body {
font-family: Arial, 
sans-serif; 
text-decoration: none; 
background-color:#FFFFFF; 
font-size:10pt;
line-height:16pt;
color: black;
background-image:url('/img/gemsfriends/gemma/GFBackgroundStripes.gif')}


.selected{background-color:#0000CC;}



#ContactWorld
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GardenHome
{
z-index: 0;
position:absolute;
width:780px;
height:445px; 
margin-top: 105px;
margin-left:60px;
}

#NavPage{
z-index: 0;
position:absolute;
width:900px;
height:600px; 
}

#HomePage{
z-index: 0;
position:absolute;
width:900px;
height:600px; 
}

#IntroPage{
z-index: 0;
position:absolute;
width:900px;
height:600px; 
}

#GardenSkipping
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GardenSplash
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GardenGames
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GFAbout
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GFContact
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GFSoldOut
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GardenFriends{
z-index: 0;
position:absolute;
width:900px;
height:600px; 
}

#GardenShop
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#DressUpGarden
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#PlantAGarden
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GetInShape
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GetInShapeSm
{
z-index: 0;
position:absolute;
width:910px;
height:538px; 
margin-top: 52px;
}

#GFSpring09
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#GFSpring09Sm
{
z-index: 0;
position:absolute;
width:910px;
height:538px; 
margin-top: 52px;
}

#MemorySm
{
z-index: 0;
position:absolute;
width:910px;
height:538px; 
margin-top: 52px;
}

#Memory
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

#SlidingPuzzle
{
z-index: 0;
position:absolute;
width:910px;
height:590px; 
}

 .ContactPage
{
width:910px;
height:590px;
position:absolute;
margin-top: 52px;
}

 .pageTemp
{
margin-left:auto;
margin-right:auto;
margin-top:40px;
padding:30px;
width:910px;
height:580px;
background-color: #FFFFFF;
}

 .GamesPage
{
width:910px;
height:590px;
}

 .PuzzlePage
{
width:910px;
height:570px;
position:absolute;
margin-top: 28px;
}

 .FlashPage
{
width:910px;
height:540px;
position:absolute;
}

 .aboutHeader
{
width: 910px;
height: 140px;
}

 .aboutContent
{
width: 910px;
height: 400px;
}

 .aboutLeftColumn
{
float:left;
width: 100px;
height: 400px;
}

 .aboutCenterColumn
{
float:left;
width: 474px;
height: 400px;
}

 .aboutRightColumn
{
float:left;
width: 335px;
height: 400px;
}

 .aboutIntro
{
float:left;
width: 474px;
height: 180px;
}

 .aboutLeftLower
{
float:left;
width: 474px;
height: 220px;
}

 .aboutOwner
{
float:left;
width: 254px;
height: 220px;
}

 .aboutOwnerImage
{
width: 254px;
height: 110px;
}

 .aboutToys
{
float:left;
width: 220px;
height: 220px;
}

 .aboutCategories
{
float:left;
width: 326px;
height: 155px;
background-color: #FAA634;
padding-left: 10px;
}

 .aboutIntroRight
{
float:left;
width: 336px;
height: 180px;
}

 .aboutTitle
{
float:left;
width: 336px;
height: 25px;
}

 .aboutRightLower
{
width: 336px;
height: 220px;
}
 .aboutBox
{
float:left;
width: 112px;
height: 110px;
}

 .WallCoveringsContents
{
float:left;
width: 810px;
height: 510px;
}

 .WallCoveringsTop
{
float:left;
width: 810px;
height: 270px;
background-color: #EB3B0E;
}

 .WallCoveringsBottom
{
float:left;
width: 810px;
height: 240px;
}

 .WallLogo
{
width: 810px;
height: 30px;
background-color: #EA4D2F;
}


 .WallCoveringsHeader
{
width: 690px;
height: 120px;
float:left;
background-color: #FAA634;
}

 .WallCoveringsLeftColumn
{
float:left;
width: 100px;
height: 510px;
}

 .WallCoveringsLeftCol
{
float:left;
width: 690px;
height: 240px;
}

 .WallCoveringsRightCol
{
width: 120px;
height: 240px;
float:left;
}

 .Square
{
width: 240px;
height: 240px;
float:left;
}

 .Rectangle
{
width: 450px;
height: 240px;
float:left;
background-color: #E14573;
}

 .SmRectangle
{
width: 240px;
height: 120px;
float:left;
background-color: #FAA634;
}

 .MedRectangle
{
width: 450px;
height: 120px;
float:left;
background-color: #FAA634;
}


 .CharacterPage
{
width:910px;
height:540px;
position:absolute;
margin-top: 38px;
}

 .pageContents
{
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:910px;
height:490px;
display:block;
}

 .TopRow
{
width:910px;
height:325px;
}

 .MiddleRow
{
width:910px;
height:35px;
background-color: #6FB1E2;
}

 .MiddleRow2
{
width:910px;
height:35px;
background-color: #F04807;
}

 .BottomRow
{
width:910px;
height:180px;
background-color: #855EA3;
}

 .TopColumnLeft
{
width:275px;
height:325px;
float:left;
}

 .Box1
{
width:360px;
height:25px;
background-color: #6EBA41;
}

 .Box2
{
width:360px;
height:120px;
background-color: #EA4D2F;
}

 .Box3
{
width:360px;
height:40px;
background-color: #E51449;
}

 .Box4
{
width:360px;
height:100px;
background-color: #6EBA41;
text-align:center;
}

 .Box5
{
width:360px;
height:40px;
background-color: #00A785;
}

 .highlight
{
color: #FFFFFF;
}

 .TopColumnMiddle
{
width:360px;
height:325px;
background-color: #6EBA41;
float:left;
}

 .TopColumnMiddle2
{
width:360px;
height:325px;
background-color: #97C0E6;
float:left;
}

 .TopColumnRight
{
width:275px;
height:325px;
background-color: #855EA3;
float:left;
}

 .outer
{
width:920px;
height:500px;
}

 .row
{
width:920px;
height:240px;
}

 .column
{
width:120px;
height:240px;
float:left;
margin-right:10px;
margin-bottom:10px;
}



 .page
{
margin-left:auto;
margin-right:auto;
margin-top:40px;
padding:30px;
width:900px;
height:600px;
background-color: #FFFFFF;
}

 .page2
{
margin-left:auto;
margin-right:auto;
margin-top:40px;
padding:30px;
width:990px;
height:1600px;
background-color: #FFFFFF;
}

 .cafepress
{
position:absolute;
height :1600px;
width: 980px;
margin-top: 52px;
margin-left:20px;
}

 .shop
{
position:absolute;
height :1600px;
width: 980px;
margin-top: 52px;
}

 .inner
{
float:left;
width:385px;
height: 240px;
margin-right:10px;
margin-bottom:10px;
}

 .strip
{
float:left;
width: 910px;
height: 70px;
margin-top: 10px;
}


 .breadcrumbs
{
font-size:18pt;
text-transform: lowercase;
color: #A5DFDB;
letter-spacing:2px;
text-align: left;
line-height: 25pt;
}

 .pageNew2
{
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:910px;
height:570px;
display:block;
}

 .pageNew
{
margin-left:auto;
margin-right:auto;
width:910px;
height:540px;
background-color: #ED77A6;
display:block;
}

 .pageLeft
{
width:321px;
height:350px;
float:left;
background-color: #FFFFFF;
background:white;filter:alpha(opacity=80);-moz-opacity:.90;opacity:.90;
}

 .pageCenter
{
width:400px;
height:350px;
margin-left: 10px;
float:left;
background-color: #FFFFFF;
}

 .pageRight
{
width:400px;
height:60px;
margin-left: 331px;
margin-top: 0px;
float:left;
}

 .navBarcontents 
{
margin-left:auto;
margin-right:auto;
width: 910px;
height: 20px;
position:absolute;
display:block;
text-decoration: none;
bottom:10px;
text-align:center;
word-spacing:30px;
}

 .headerContents 
{
margin-left:auto;
margin-right:auto;
width:910px;
height:40px;
position:relative;
background-color: #00B193;
display:block;
}

 .contents 
{
margin-left:auto;
margin-right:auto;
width: 910px;
height: 10px;
font-size: 7pt;
color: #7D0054;
}

 .footerContents 
{
margin-left:auto;
margin-right:auto;
width:731px;
height:80px;
background-color: #8FC757;
display:block;
text-align:left;
}

 .innerThumbnail
{
height:70px; 
width:88px; 
float:left; 
background-color:#FFFFFF; 
margin:8px;
}

 .smallThumbnail
{
height:81px; 
width:81px; 
float:left; 
background-color:#FFFFFF; 
margin-right:10px;
margin-top: 5px;
margin-bottom:5px;

}
 .smallThumbnailUnSelected
{
height:81px; 
width:81px; 
float:left; 
margin-right:8px;
margin-top:5px;
margin-bottom:5px;
background:white;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

A:link {
     color: #FFFFFF;
     text-decoration: none;
     font-size: 8pt;
     font-family: "Arial",sans-serif;
     text-transform: uppercase;
     letter-spacing: 1px;

}

A:visited {

     color: #FFFFFF;
     text-decoration: none;
     font-size: 8pt;
     font-family: "Arial",sans-serif;
     text-transform: uppercase;
     letter-spacing: 1px;
}

A:hover {

     color: #FFFFFF;
     text-decoration: none;
     font-size: 8pt;
     font-family: "Arial",sans-serif;
     text-transform: uppercase;
     letter-spacing: 1px;
}

h1
{
font-size: 9pt;
text-transform: uppercase;
color: #FFFFFF;
letter-spacing:1px;
}

ul {
display: none;
}

 .navBlock {
position: absolute;
z-index: 1;
margin-left:auto;
margin-right:auto;
float: left;
width: 910px;
height: 52px;
background-color: #B270AC;
}

 .navBlock2 {
position: absolute;
z-index: 1;
margin-left:auto;
margin-right:auto;
width: 960px;
height: 52px;
float: left;
background-color: #865eaf;
}

 .navigation {
float:left;
width: 55px;
height: 38px;
padding-left: 75px;
}

 .home 
{
float: left;
height: 52px;
}

 .Righthome 
{
float: right;
height: 52px;
}

 .menu:hover ul {
display: block;
padding: 5px;
width: 100px;
margin-top: 0;
list-style-type: none;



margin-left: -10px;
background-color: #865EA4;
}

 .menu2:hover ul {
display: block;
background-color: #EF5A81;
margin-left: -10px;
margin-top: 0;
padding: 5px;
width: 120px;
list-style-type: none;
}

 .menu3:hover ul {
display: block;
background-color: #7BC143;
margin-left: -10px;
margin-top: 0;
padding: 5px;
width: 130px;
list-style-type: none;
}

li {
margin: 0;
padding: 3px;
}