/*  site elements
    ----------------------------------------------------*/

#header{
    top:    0px;   
    }
#header a{
    z-index: 100;
    }    
h3{   
    font-size: 18px;     
    }

/*  named elements
    ----------------------------------------------------*/
    
#semiCircle{
    background: url(../images/semiCircle.png) no-repeat;
    width: 700px;
    height:620px;
    }
#semiCircleOptimizer{
    background: url(../images/semiCircleOptimizer.png) no-repeat;
    width: 626px;
    height:588px;
    }     
#circleGrid{
    background: url(../images/circleGrid.png) no-repeat;
    }
    
/*  navigation elements
    ----------------------------------------------------*/

#primaryNav .optimizer {
	width: 115px;
	height:100px;
	background: url(../images/nav/optimizerButton.png) no-repeat;
	top:  5px;
	right:390px;		
}
#primaryNav .optimizer span {
	width: 100px;
	height:200px;
	background: url(../images/nav/optimizerButton_over.png) no-repeat;
	top:  0px;
	left: 0px;
}
#primaryNav .experience {
	width: 100px;
	height:100px;
	background: url(../images/nav/experience_inactive.png) no-repeat;
	top:  5px;
	right:300px;		
}
#primaryNav .experience span {
	width: 100px;
	height:100px;
	background: url(../images/nav/experience_active.png) no-repeat;
	top:  0px;
	left: 0px;
}
#primaryNav .solutions {
	width: 100px;
	height:100px;
	background: url(../images/nav/solutions_inactive.png) no-repeat;
	top:  5px;
	right:210px;    
}
#primaryNav .solutions span {
	width: 100px;
	height:100px;
	background: url(../images/nav/solutions_active.png) no-repeat;
	top:  0px;
	left: 0px;
}
#primaryNav .gear {
	width: 100px;
	height:100px;
	background: url(../images/nav/gear_inactive.png) no-repeat;
	top:   5px;
	right: 120px; 
}
#primaryNav .gear span {
	width: 100px;
	height:100px;
	background: url(../images/nav/gear_active.png) no-repeat;
	top:  0px;
	left: 0px;
}
#primaryNav .locations {
	width: 100px;
	height:100px;
	background: url(../images/nav/locations_inactive.png) no-repeat;
	top:   5px;
	right: 30px; 
}
#primaryNav .locations span {
	width: 100px;
	height:100px;
	background: url(../images/nav/locations_active.png) no-repeat;
	top:  0px;
	left: 0px;
}    

/*  experience (default) elements
    ----------------------------------------------------*/

#cowgirl {
    position:absolute; 
    top:130px; 
    left:50px; 
    height:auto;
    background: url(../images/cowgirl.png) no-repeat;
    width: 210px;
    height: 300px;
    }

#bcgaPromo{
    position:absolute; 
    top:380px; 
    left:240px; 
    height:auto;
    width:  150px;
    height: 150px;
    background: url(../images/promo/bgcaPromo.png) no-repeat;      
    }  

/*  solution page
    ----------------------------------------------------*/

#hipster {
    position:absolute; 
    top: 80px; 
    left:0px;    
    background: url(../images/hipster.png) no-repeat;    
    width: 350px;
    height: 391px; 
    } 

#solutionCopy {
    position:absolute; 
    top:125px; 
    right:130px;
    }    
    
/*  gear page
    ----------------------------------------------------*/
#worker {
    position:absolute; 
    top: 80px; 
    left:0px;     
    background: url(../images/worker.png) no-repeat;
    width: 350px;
    height: 349px;    
    }
    
#gearCopy {
    position:absolute; 
    top:125px; 
    right:130px;
    }     

/*  locations page
    ----------------------------------------------------*/
#storeWindow {
    position:absolute; 
    top: 155px; 
    left:0px; 
    background: url(../images/storeWindow.png) no-repeat;
    width: 350px;
    height:349px;        
    } 
#transContainer {
    position:absolute; 
    top:155px; 
    right:145px;    
    background: url(../images/transContainer.png) no-repeat;
    width: 375px;
    height:243px;    
    }     
#usMap {
    position:absolute; 
    top:123px; 
    right:145px;
    background: url(../images/USMap.png) no-repeat;
    width: 375px;
    height:272px;
    } 
    
/*  optimizer page
    ----------------------------------------------------*/    
#optimizerMsg{
    position: absolute;
    bottom:0px;
	left: 0;  
    width:0px; 
    height:0px;  
    visibility:hidden;
    display: none;
    }

#optimizerProfImg {
    position:absolute; 
    top: 145px; 
    left:40px;        
    background: url(../images/optimizerProf.png) no-repeat;
    width: 269px;
    height: 54px;
    } 
#optimizerHow{
    position:absolute; 
    top:208px; 
    right:65px;   
    width: 480px;
    text-align:left;    
    color:  #38383A;    
    }
    
/*  misc information pages
    ----------------------------------------------------*/        

#infoImage {
    position: absolute;
    top: 160px;
    left: 50px;
    width: 202px;
    height:173px;        
    background: url(../images/pmNamedIcon_LRG.png) no-repeat;
    }