/*  site elements
    ----------------------------------------------------*/
body {
    background-color:#DFE0E1; 
    font-family: "century gothic", verdana, arial, sans-serif;
    font-size: 12pt;
    color: #4B4C4E;
    border:none; 
    margin:0 0 0 0; 
    padding:0;
    }        
h1{
    font-size: 18pt;
    color: #4B4C4E;    
    font-weight: bolder;
    text-decoration:none;  
    margin:0 0 0 0; 
    padding:0;
    display: block;      
    }      
h2{
    font-size: 20pt;
    color: #AB1D36;    
    font-weight: bolder;
    text-decoration:none;  
    margin:0 0 0 0; 
    padding:0;
    display: block;      
    }     
h3 {  
    color:#828486;
    font-weight: bolder;
    text-decoration:none;  
    margin:0 0 0 0; 
    padding:0;
    display: block;     
    }    

/*  site classes
    ----------------------------------------------------*/
.boldText{
    font-weight: bold;
    }
.redAccent{
    color: #AB1D36;
    font-size: 24pt;
    }
.darkGrayAccent{
    color: #4B4C4E;
    }
.lightGrayAccent{
    color: #828486;
    }
.redFont{
    color: #AB1D36;
    }
.grayBold{
    color: #4B4C4E;
    font-weight: bold;
    } 
    
/*  named elements
    ----------------------------------------------------*/       
#header{
    position:absolute;
    left:   0px;
    width:  100%;
    height: 60px;
    background-image: url("../images/headerBG.png");
    }

#header a img{
    position:absolute; 
    top:20px; 
    left:20px; 
    border: none;   
    }    

#mainContainer {
    width:965px; 
    height:600px; 
    margin-left:auto; 
    margin-right:auto; 
    position:relative;
    background-image: url("../images/background.png");
    } 

#mainCopyHeader h3{
    position:absolute; 
    top:125px; 
    left: 450px;
    }
#mainCopy{
    position:absolute; 
    top:175px; 
    left: 470px;     
    }
#mainCopy p{
	display: block;
    color:#404143; 
    text-decoration:none;  
    text-align: left;
    color:  #38383A; 
    font-size: 12px;    
	outline: none;
	width: 360px;    
    } 

#footer{
    position:absolute; 
    bottom: 0px; 
    left:   0px; 
    width:  100%;
    height: 80px;
    overflow:auto;
    background-image: url("../images/footerBG.png");
    }
#footer table{
    width:auto; 
    margin-top: 25px;
    margin-left:auto; 
    margin-right:auto;    
    }
#footer td {
    text-align: center;
    }  
#footer td a {
    
    font-size: 14px;
    font-weight: normal;
    color:White; 
    text-decoration:none; 
    margin-left: 10px;
    margin-right:10px;   
    }
#footer td a:hover  {
    color: #AB1720;
    }        
#footer .aboutLink  {
    color: #FFFFFF;
    }
#footer .careersLink  {
    color: #FFFFFF;
    }
#footer .privacyLink  {
    color: #FFFFFF;
    }
#footer .homeLink  {
    color: #FFFFFF;
    }
#footer .feedbackLink  {
    color: #FFFFFF;
    }                    
#footer .returnLink  {
    color: #FFFFFF;
    }  
        
#copyright {    
    color:  #38383A; 
    font-size: 10px;
     
    text-align:center;
    margin-left:auto;
    margin-right:auto; 
    width: 100%; 
    }

#footerRightColumn{
    position:absolute; 
    top:155px; 
    right:145px; 
    }

#lrgDotGrid{
    position:absolute; 
    top:    -35px; 
    left:   -40px; 
    height:  auto;
    }
#lrgDotGrid img {
    vertical-align:middle
    }        
#providerCarousel{
    position:absolute; 
    top:410px; 
    right:135px;    
    }
#semiCircle{
    position:absolute; 
    top:0px; 
    right:0px;
    }
#semiCircleOptimizer{
    position:absolute; 
    top:0px; 
    right:0px;
    }    
#circleGrid{
    position:absolute; 
    top:   -75px; 
    right:  0px;
    width: 265px;
    height:440px;    
    }
        
#smlDotGrid {
    position:absolute; 
    bottom:70px; 
    left:0px; 
    height:auto;
    }      

/*  navigation elements
    ----------------------------------------------------*/

#primaryNav {
    position: absolute;
    right: 0px;
	list-style: none;
	padding:0;
	margin: 0;
	width:  550px;
	height: 210px;
	
}
#primaryNav span {
	display: none;
	position: absolute;
}
#primaryNav a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#primaryNav a:hover {
	background-position: left top;
}
#primaryNav a:hover span{
	display: block;
}

/*
#primaryNav .optimizer {
	width: 115px;
	height:100px;
	background: url(../images/nav/optimizerButton.png) no-repeat;
	top:  5px;
	right:440px;		
}
#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:340px;		
}
#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:240px;    
}
#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: 140px; 
}
#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: 40px; 
}
#primaryNav .locations span {
	width: 100px;
	height:100px;
	background: url(../images/nav/locations_active.png) no-repeat;
	top:  0px;
	left: 0px;
}    
*/

#ltBoxCloseBtn{   
    position:relative;
    top: -5px;
    right: -7px;
    border: 0px;    
    }

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

#logoWTagln{
    position:absolute; 
    top:     175px; 
    right:   210px;
    }
#exprienceCopy {
    position:absolute; 
    top:245px; 
    right:130px;
    }
#promoCopy {
    position:absolute; 
    top:265px; 
    right:130px;
    }
#promoCopy table {
    position:relative; 
    top: 10px;
    }        
#promoImages{
    position:absolute; 
    top:390px; 
    right:145px;    
    }      
    
/*  solution page
    ----------------------------------------------------*/

/*
#hipster {
    position:absolute; 
    top: 80px; 
    left:0px;     
    }
#hipster img{
    height:400px;    
    vertical-align:middle;
    }  
*/    

/*
#solutionCopy {
    position:absolute; 
    top:125px; 
    right:130px;
    }    
*/
    
/*  gear page
    ----------------------------------------------------*/
/*        
#worker {
    position:absolute; 
    top: 80px; 
    left:0px;     
    }
#worker img{
    height:400px;    
    vertical-align:middle;
    }  
*/  
  
/*    
#gearCopy {
    position:absolute; 
    top:125px; 
    right:130px;
    }      
*/

    
/*  locations page
    ----------------------------------------------------*/
#nowOpen {
    position:absolute; 
    top: 60px; 
    left:0px; 
    height:300px;   
    z-index:100; 
    } 
#nowOpen img{
    vertical-align:top;
    }
    
#nowOpenMenu {
	position: relative;
	left: 40px;
	list-style: none;
	padding:0;
	margin: 0;
	width:  100%;
	height: 110px;			
}
#nowOpenMenu a {
	display: block;
    color:#404143; 
    text-decoration:none;  
    font-size: 14px;     
	outline: none;
	width: 100%;
}
#nowOpenMenu a:hover {
	color: #AB1720;
	font-weight:bold;
}
/*    
#storeWindow img{
    position:absolute; 
    top: 155px; 
    left:0px; 
    height:300px;        
    }  
*/    
/*
#transContainer {
    position:absolute; 
    top:155px; 
    right:145px;    
    background: url(../images/transContainer.png) no-repeat;
    width: 375px;
    height:243px;    
    } 
*/
#addrContainer{
    position:absolute; 
    top:195px; 
    left:520px;  
    color:#4B4C4E; 
    font-weight: bold;    
    }    

.locationHours{
    position: relative;
    top: 5px;
    font-size:12px;
    text-align: left;    
    }       
.locationHours table{
    border-collapse:collapse;
    margin: 0 0 0 0;    
    padding: 0px;    
    }    
/*    
#usMap {
    position:absolute; 
    top:123px; 
    right:145px;
    background: url(../images/USMap.png) no-repeat;
    width: 375px;
    height:272px;
    }          
*/

#locLogowTag img{
    position:absolute; 
    top:     90px; 
    right:   250px;    
    height:  50px;
    }    
    
/*  optimizer page
    ----------------------------------------------------*/    
#optimizerProf {
    position:absolute; 
    top: 195px; 
    left:40px;        
    } 
#optimizerProf img{
    vertical-align:top;
    height: 50px;
    } 
#optimizerProf div p{
	display: block;
    color:#404143; 
    text-decoration:none;  
    text-align: left;
    color:  #38383A; 
    font-size: 12px;    
	outline: none;
	width: 310px;
    }        
#optimizerImg{
    position:absolute; 
    top:35px; 
    right:60px;   
    }  
#optimizerCloser{
    position:absolute; 
    bottom: 135px;
    left:40px;
	display: block;
    color:#76777A; 
    text-decoration:none;  
    text-align: left;
    font-size: 18px;
    font-weight: normal;
	outline: none;
	width: 310px;
    }
#optimizerCloser h3{
    font-weight: bold;
    position:relative;
    top: -3px;
    }      
/*       
#optimizerHow{
    position:absolute; 
    top:220px; 
    right:65px;   
    width: 480px;
    text-align:left;    
    color:  #38383A;    
    }
*/
#optimizerHow h3{
    position:relative;
    left:18px;
    color:  #38383A;
    } 
#optimizerHow ol{
    position:relative;
    top: -18px;
    }        
.optimizerHowListitem {         
    font-size: 14px;    
    font-weight: bold;
	outline: none; 
    text-decoration:none;  
    text-align: left;    
    padding-bottom: 5px;
    } 
#optimizerHow ol li div{
	display: block;
    font-size: 14px;    
    font-weight: normal;
	outline: none; 
    text-decoration:none;  
    text-align: left;	  
    }
#optimizerButton{
    position:absolute; 
    top:465px; 
    right:45px;   
    width: 125px;
    height: 50px;
    display: block;    
    background: url(../images/getStartedBtn_over.jpg) no-repeat;
    }
#optimizerButton a, #optimizerButton a:link, #optimizerButton a:visited {
    display:block;
    }
#optimizerButton img {
    width:100%;
    height:100%;
    border:0;
    }
#optimizerButton a:hover img {
    visibility:hidden;
    }     
#optimizerHowVids table {
    margin-left: auto;
    margin-right: auto;
    }
#optimizerHowVids a, #optimizerHowVids a:link, #optimizerHowVids a:visited {
    color: #660033;
    display:block;
    }    

/*  misc information pages
    ----------------------------------------------------*/        
#infoHeader h3{
    position:absolute; 
    top:125px; 
    left: 470px;
    }
#infoHeaderDwn h3{
    position:absolute; 
    top:135px; 
    left: 470px;    
    }
/*
#infoImage {
    position: absolute;
    top: 160px;
    left: 30px;
    width: 202px;
    height:173px;        
    background: url(../images/pmNamedIcon_LRG.png) no-repeat;
    }    
*/

#infoCopy{
    position:absolute; 
    top:175px; 
    right:175px;     
    }
#infoCopy p{
	display: block;
    color:#404143; 
    text-decoration:none;  
    text-align: left;
    color:  #38383A; 
    font-size: 12px;    
	outline: none;
	width: 310px;    
    } 
#feedback{
    position:absolute; 
    top:175px; 
    right:150px; 
    }  
#feedback textbox{
     height:300px;
     width: 250px;
     border: 2px; 
    }        

#infoLegalHeader {    
    position:absolute; 
    top:  135px; 
    left: 430px;    
    }
#infoLegal textarea{
    position:absolute; 
    top:160px; 
    right:115px; 
    width:425px;
    height: 222px;   
    }