body{text-align:center; margin:0px}
a{border:none;outline:none;text-decoration:none;color:dimgray}
a:hover{color:cornflowerblue}
a img{border:none;outline:none;text-decoration:none}
#header{border:0px solid silver; width:700px; height:100px; position:relative; margin-left:auto; margin-right:auto; margin-top:10px; text-align:left; z-index:1}
#headerTop{border:0px solid silver; width:699px; height:70px; position:relative; margin-left:auto; margin-right:auto; margin-bottom:5px}
#headerQuote{font-size:20px; font-style:italic; font-family:georgia; float:right; text-align:right; margin-top:15px}
.hrDiv{border:1px dotted silver; border-top:none; margin-bottom:10px}
#youAreHere{position:absolute; border:0px dotted silver; margin-top:87px}
#mainContent{border:0px solid silver; width:700px; height:467px; position:relative; margin-left:auto; margin-right:auto; margin-top:20px; text-align:left; z-index:0}
#homeImageSpace{border:1px solid silver; width:700px; height:250px; position:relative; margin-left:auto; margin-right:auto; margin-top:0px; cursor:pointer}
.bigIcon{border:1px solid silver; width:130px; height:130px; position:relative; margin-left:0px; margin-right:10px; margin-top:10px; float:left; cursor:pointer;text-align:center}
.sampleIcon{border:1px solid rgb(230,230,230); width:89px; height:74px; position:relative; margin-left:0px; margin-right:9px; margin-bottom:10px; float:left; cursor:pointer}
.sampleThumbImg{margin:4px; border:1px solid #D8D8D8}
#sampleCase{border:0px solid silver; width:200px; height:420px; position:relative; margin-left:0px; margin-right:auto; margin-top:0px; float:left; overflow:hidden}
#sampleIconSlip{border:0px solid gray; width:200px; height:600px}
#shopIconSlip{border:0px solid gray; width:200px; height:600px}
#scrollButtonUp{position:absolute; margin-left:-25px; margin-top:392px; filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity:50%;-khtml-opacity:0.50;opacity:0.50; /* for future compatibility */}
#scrollButtonDown{position:absolute; margin-left:-25px; margin-top:411px; cursor:pointer}
.positionBox{position:absolute; margin-left:-12px; width:4px; height:10px; background-color:rgb(250,250,250); border:1px solid rgb(230,230,230); display:block}
#positionBox4{margin-top:53px}
#positionBox3{margin-top:39px}
#positionBox2{margin-top:25px}
#positionBox1{margin-top:11px; background-color:silver; border-color:white}
#displayCase{border:1px solid rgb(230,230,230); width:325px; height:419px; position:relative; margin-right:15px; float:left}
#displayTextContainer{border:0px solid silver; width:155px; height:424px; position:relative; float:left; text-align:left; line-height:14px}
#buttonModuleContainer{border-left:1px dotted silver; width:90px; height:76px; position:relative; float:right; text-align:left}
.miniThumb{border:1px solid rgb(230,230,230); width:20px; height:30px; position:relative; margin-left:0px; margin-right:3px; margin-bottom:0px; float:left; cursor:pointer}
.miniThumb:hover{border-color:silver; margin-top:3px}
#toyIconContainer{border:1px solid silver; width:700px; height:215px; position:relative; margin-top:30px; float:left}
#favoritesContainer{border:0px dotted silver; width:700px; position:relative; margin-top:10px; float:left}
#footer{border:1px solid silver; background-color:rgb(80,80,80); width:700px; height:45px; position:relative; margin-left:auto; margin-right:auto; margin-top:10px; text-align:left;overflow:hidden}
#joinArrow{margin-top:2px; float:left; cursor:pointer}
#contactArrow{margin-top:2px; margin-left:15px;float:left; cursor:pointer;filter:alpha(opacity=00);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);-moz-opacity:20%;-khtml-opacity:0.20;opacity:0.20; /* for future compatibility */}
#contactInfo{color:white;font-size:10px;font-family:'trebuchet MS';text-transform:uppercase;letter-spacing:1px;display:block;margin-top:16px;margin-left:10px;float:left;cursor:pointer;filter:alpha(opacity=00);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);-moz-opacity:20%;-khtml-opacity:0.20;opacity:0.20; /* for future compatibility */}
#questionMark{margin-top:2px; margin-right:0px; float:right; cursor:pointer}
.iconAndText{border:0px solid silver; width:132px; height:190px; position:relative; margin-top:10px; float:left; text-align:center}

.grayText{
color: rgb(153, 153, 153);
display: block;
font-family: 'Trebuchet MS';
font-size: 8px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 14px;
letter-spacing: 2px;
line-height: 14px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-top: 15px;
text-transform: uppercase;
}

.displayText{
text-indent:0px;
color: dimgray;
display: inline;
font-family: 'arial';
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 14px;

margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
text-align:left;
}
.displayText:first-line{
font-family: 'Trebuchet MS';
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 14px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
text-align:left;
text-transform: uppercase;
letter-spacing: 1px;
}

.plainText{color:dimgray; font-family: 'Arial'; font-size:12px}
.iconDescription{color:dimgray; font-family: 'Trebuchet MS'; text-transform: uppercase; font-size:10px; margin:5px; display:block; margin-top:4px}
.subtleLink{color:rgb(160,160,160);font-family:'georgia';font-size:10px;font-style:italic}
.subtleLink:hover{color:cornflowerblue}

.projectTitle{color:dimgray;font-family:'Georgia';font-size:12px;text-transform:uppercase;letter-spacing:1px;text-align:left;float:left; display:block; width:155px}
.projectSubTitle{color:rgb(160,160,160);font-family:'Trebuchet MS';font-size:9px;text-transform:uppercase;letter-spacing:1px;text-align:left;float:left; margin-top:5px;margin-bottom:10px; display:block; border-bottom:1px dashed silver;padding-bottom:5px; width:155px}
.favoriteTitle{color:black;font-family:'Georgia';font-size:12px;text-transform:uppercase;letter-spacing:1px;text-align:left; display:block}
.favoriteSubTitle{color:rgb(160,160,160);font-family:'Trebuchet MS';font-size:9px;text-transform:uppercase;letter-spacing:1px;text-align:left; margin-top:5px; display:block}
.favoriteTitleBox{border-bottom:1px dashed silver;padding-bottom:5px;margin-bottom:5px}
.favoritesLink{font-size:12px; font-family:'georgia';text-decoration:none; color:rgb(90,90,90); display:block; margin-bottom:5px}
.favoritesLink:hover{color:red}
.joinInfo{font-family:'trebuchet MS';color:gray;font-size:12px;text-transform:uppercase;letter-spacing:1px;text-align:left; display:block}

.shopLink{text-decoration:none; color:rgb(120,150,170)}
.shopLink:hover{text-decoration:underline; color:cornflowerblue}

.navButton{
position:relative;
padding:4px;
padding-left:6px;
padding-right:6px;
margin-left: 4px;
border:1px solid silver;
cursor:pointer;
color: rgb(153, 153, 153);
background-color:white;
display: block;
font-family: 'Trebuchet MS';
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 14px;
letter-spacing: 2px;
line-height: 14px;
float:right;
text-transform: uppercase;
text-decoration:none;
}
.navButtonOver{
position:relative;
padding:4px;
padding-left:6px;
padding-right:6px;
margin-left: 4px;
border:1px solid gray;
cursor:pointer;
color: white;
background-color:rgb(80,80,80);
display: block;
font-family: 'Trebuchet MS';
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 14px;
letter-spacing: 2px;
line-height: 14px;
float:right;
text-transform: uppercase;
text-decoration:none;
}
.navButtonPresent{
position:relative;
padding:4px;
padding-left:6px;
padding-right:6px;
margin-left: 4px;
border:1px solid silver;
cursor:pointer;
color: white;
background-color:silver;
display: block;
font-family: 'Trebuchet MS';
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 14px;
letter-spacing: 2px;
line-height: 14px;
float:right;
text-transform: uppercase;
text-decoration:none;
}
.commerceButton{
position:relative;
padding:4px;
padding-left:6px;
padding-right:6px;
border:1px solid silver;
cursor:pointer;
color: rgb(153, 153, 153);
background-color:white;
display: inline;
font-family: 'Trebuchet MS';
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 14px;
letter-spacing: 2px;
line-height: 14px;
text-transform:capitalize;
text-decoration:none;
float:left;
}

#linkIndicator{
position:absolute;
padding:4px;
padding-left:6px;
padding-right:6px;
margin-left: 0px;
margin-top:0px;
border:0px solid silver;
cursor:pointer;
color: gray;
background-color:white;
display:none;
font-family: 'Trebuchet MS';
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 14px;
letter-spacing: 2px;
line-height: 14px;
float:right;
text-transform: uppercase;
text-decoration:none;
z-index:100; 
filter:alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:70%;-khtml-opacity:0.70;opacity:0.70; /* for future compatibility */
}

.buttonBuffer{
position:relative;
border:1px solid silver;
border-top:none;
border-bottom:none;
margin-top:22px;
cursor:pointer;
background-color:white;
display: block;
height: 7px;
float:right;
}
.buttonBufferPresent{
position:relative;
border:1px solid silver;
border-top:none;
border-bottom:none;
margin-top:22px;
cursor:pointer;
background-color:silver;
display: block;
height: 7px;
float:right;
}
#storeButton{width:40px}
#studioButton{width:47px}
#studioDropDown{display:none}
#storeDropDown{display:none}
#studioBuffer{
position:absolute;
margin-left:581px;
width:59px;
z-index:101;
}
#menuButton{
position:absolute;
margin-left:498px;
margin-top:29px;
width:130px;
z-index:100;
}
#samplesButton{
position:absolute;
margin-left:498px;
margin-top:52px;
width:130px;
z-index:100;
}
#aboutButton{
position:absolute;
margin-left:498px;
margin-top:75px;
width:130px;
z-index:100;
}
#contactButton{
position:absolute;
margin-left:498px;
margin-top:98px;
width:130px;
z-index:100;
}
#storeBuffer{
position:absolute;
margin-left:646px;
width:52px;
z-index:101;
}
#shopButton{
position:absolute;
margin-left:556px;
margin-top:29px;
width:130px;
z-index:100;
}
#playButton{
position:absolute;
margin-left:556px;
margin-top:52px;
width:130px;
z-index:100;
}

#sampleIconPresent{
cursor:none;
border:1px dashed white;
background-color:rgb(230,230,230);
}

#whatIfScreen{
border:0px solid silver; 
width:272px; 
height:55px; 
position:absolute; 
margin-left:0px; 
margin-top:-103px;
z-index:3;
overflow:hidden;
cursor:pointer;
filter:alpha(opacity=100);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:100%;
-khtml-opacity:1.00;
opacity:1.00; /* for future compatibility */
}

#whatIfDropDown{
border:0px solid silver; 
position:absolute; 
margin-left:-74px; 
margin-top:32px;
height:0px;
width:280px;
overflow:hidden;
z-index:1;
}

.whatIfText{color:rgb(70,70,70);font-size:13px;font-family:georgia}
.whatIfAuthor{font-style:italic}
#whatIfDecription{
display:block;
padding-bottom:10px;
padding-top:15px;
border-bottom:1px dashed silver;
border-top:1px dashed silver;
font-size:11px;
font-family:'arial';
line-height:15px;
color:rgb(90,90,90)
}

#whatIfError{
border:1px solid silver; 
background-color:white;
width:272px; 
height:130px; 
position:absolute; 
margin-left:0px; 
margin-top:202px;
z-index:100;
filter:alpha(opacity=95);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
-moz-opacity:95%;
-khtml-opacity:0.95;
opacity:0.95; /* for future compatibility */
}

.navNugget{
position:relative;
display:block;
float:left;
height:4px;
width:13px;
margin-bottom:2px;
margin-right:2px;
background-color:rgb(240,240,240);
cursor:pointer;
}
.navNugget:hover{background-color:dimgray}
.navNuggetPresent{
position:relative;
display:block;
float:left;
height:4px;
width:13px;
margin-bottom:2px;
margin-right:2px;
background-color:rgb(220,220,220);
cursor:pointer;
}
.navNuggetPresent:hover{background-color:dimgray}


#navNuggetBox{
border:0px solid silver;
height:10px;
width:60px;
position:absolute;
margin-top:99px;
margin-left:463px;
}

#navFrameDiv{
border:0px solid silver; 
width:220px; 
height:420px; 
position:relative; 
margin-left:-30px; 
margin-right:10px; 
margin-top:0px; 
float:left;
}