#header
{
    background-image: url(/images/layout/header.png);
}

#headerOverviewHotspot
{
    width: 93px;
    background-image: url(./images/layout/overview.jpg);
    background-position: 3px top;
}

#headerFeaturesHotspot
{
    background-image: url(./images/layout/transparent.gif);
    width: 95px;
    background-position: -1px top;
}
#headerFeaturesHotspot:hover 
{
    background-image: url(./images/layout/features.jpg);
}

#footer .content .support{
	_display:inline;
	_zoom:1;
	_height: 110px;
    _width: 190px;
    _padding: 5px;
    _vertical-align: top;
    _font-size: 10px;
    _margin: 8px;
}
#footer .content .legal{
	_display:inline;
	_zoom:1;
	_height: 110px;
    _width: 220px;
    _padding: 5px;
    _vertical-align: top;
    _font-size: 10px;
    _margin: 8px;
}
#footer .content .copyright{
	_display:inline;
	_zoom:1;
	_position: absolute;
    _right: 0px;
    _top: 0px;
}
















        
/* Page Specific Stuff */
        
#headerOverlap
{
    position: absolute;
    top: 15px;
    left: 160px;
    background-color: White;
}
        
        
.innerBody
{
    background-image: url(/images/layout/homepage.gif);
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 5px;
}
.innerInnerBody
{
    width: 100%;
    position: relative;
}
.splitter
{
    width: 100%;
    height: 26px;
    padding-top: 8px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.slideshowPointer
{
    position: absolute;
    top: 4px;
    left: 449px;
    width: 10px;
    height: 9px;
    background: url(./images/layout/headliner_arrow.gif);
}
.slideshowBg
{
    left: 20px;
    position: absolute;
    top: 2px;
    width: 934px;
    height: 466px;
    cursor: pointer;
    overflow: hidden;
}
.slideshow
{
    width: 934px;
    height: 466px;
    cursor: pointer;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
        
        
.thumb
{
    width: 56px;
    height: 56px;
    position: absolute;
    cursor: pointer;
}
.slideshowNumber
{
    position: absolute;
    display: block;
    font-family: arial;
    font-size: 12px;
    color: #B1B3B6;
    font-weight: bold;
}
#introductionHotspot
{
    position: absolute;
    cursor: pointer;
    top: 132px;
    left: 21px;
    width: 465px;
    height: 320px;
}
#featuresHotspot
{
    position: relative;
    cursor: pointer;
    top: 132px;
    left: 470px;
    width: 470px;
    height: 105px;
}
#tryHotspot
{
    position: relative;
    cursor: pointer;
    top: 132px;
    left: 470px;
    width: 470px;
    height: 105px;
}
#supportHotspot
{
    position: relative;
    cursor: pointer;
    top: 237px;
    left: 470px;
    width: 470px;
    height: 105px;
}
#introduction
{
    position: absolute;
    height: 200px;
    width: 250px;
    top: 250px;
    left: 198px;
    line-height: 20px;
    cursor: pointer;
}
#features
{
    position: absolute;
    height: 40px;
    width: 230px;
    top: 183px;
    left: 529px;
    line-height: 15px;
    cursor: pointer;
    text-align: right;
}
#try
{
    position: absolute;
    height: 40px;
    width: 240px;
    top: 290px;
    left: 522px;
    line-height: 15px;
    cursor: pointer;
    text-align: right;
}
        
.greyBox
{
    background-color: #EBEBED;
    height: 100%;
    left: 681px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 275px;
}
.openerTextBox
{
    height: 547px;
    left: 680px;
    margin-left: 20px;
    margin-top: 25px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 240px;
}
.textBoxContainer
{
    height: 100%;
    position: relative;
    width: 1540px;
}
.textBox
{
    height: 100%;
    position: absolute;
    width: 240px;
}
.phoneImgs
{
    height: 100%;
    left: 150px;
    margin-left: 20px;
    margin-top: 25px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 354px;
}
.phoneContainer
{
    height: 100%;
    position: relative;
    width: 1860px;
}
        
.tb1
{
    position: absolute;
    width: 235px;
}
.rightArrow
{
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.leftArrow
{
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.title
{
    position: relative;
}
.closer
{
    position: relative;
    display: inline-block;
}
.tb2
{
    position: absolute;
    width: 235px;
}
.tb3
{
    position: absolute;
    width: 235px;
}
.tb4
{
    position: absolute;
    width: 235px;
}
.tb5
{
    position: absolute;
    width: 235px;
}
.ssPhone
{
    height: 100%;
    position: absolute;
    width: 365;
    top: 15px;
    display: none;
}
.slideDownContainer
{
    background-image: url("/images/layout/splitter.gif");
    background-position: 0px -501px;
    background-repeat: no-repeat;
    height: 480px;
}
#support
{
    position: absolute;
    height: 40px;
    width: 270px;
    top: 390px;
    left: 490px;
    line-height: 15px;
    cursor: pointer;
    text-align: right;
}
.thumbnailTitle
{
    line-height: 15px;
    font-weight: bold;
    color: #CF451D;
    text-transform: uppercase;
}
.thumbnailDescription
{
    position: absolute;
    display: inline-block;
    line-height: 11px;
    font-size: 11px;
    width: 85px;
}
#lightbox-image-details
{
    display: none;
}










/* Features */


#page
{
    background-repeat: repeat-y;
    width: 976px;
    margin-bottom: 20px;
    position: relative;
}




#pageContents
{
    background-repeat: no-repeat;
    width: 938px;
    padding-left: 18px;
    padding-top: 5px;
    padding-right: 18px;
    position: relative;
}




.featureSection
{
    margin-left: auto;
    margin-right: auto;
    width: 834px;
    position: relative;
    text-align: justify;
}
.title
{
    position: absolute;
}
.text
{
    position: absolute;
    top: 75px;
    text-align: justify;
    font-size: 14px;
}
.image
{
    position: absolute;
}
.featureTitle
{
    font-weight: bold;
    color: #CF451D;
    text-transform: uppercase;
}
.subfeatureColumns
{
    width: 100%;
    position: relative;
}
.subfeatureColumnLeft
{
    float: left;
    width: 48%;
}
.subfeatureColumnRight
{
    float: right;
    width: 48%;
}




.split
{
    height: 47px;
    width: 834px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-image: url(/images/layout/splitter.gif);
    background-repeat: repeat-x;
    background-position: -10px top;
}




.footer
{
    margin-top: 40px;
    width: 100%;
    text-align: left;
    margin-bottom: 100px;
}
.footer div
{
    color: #B1B3B6;
}




#lightbox-image-details
{
    display: none;
}



#bottom
{
    background-color: White;
    width: 100%;
    height: 10px;
}


#share
{
    position: absolute;
    top: 1px;
    right: 25px;
}


@media print
{
    #page
    {
        background-image: none;
    }
    #pageContents
    {
        background-image: none;
    }
    #header
    {
        display: none;
    }
    .split
    {
        height: 100px;
        background-image: none;
    }
    #forms .title
    {
        display: block;
        top: 45px;
    }
    #forms
    {
        margin-bottom: 100px;
    }
    #maps
    {
        margin-top: 100px;
    }
    #photos
    {
        margin-bottom: 500px;
    }
    #footer
    {
        display: none;
    }
    #bottom
    {
        display: none;
    }
    #share
    {
        display: none;
    }
}


.disabledItem { opacity: 0.4; }
    	    .slideDownContainer { height: 140px; }
    	    .partner { opacity: 0.8; display: inline-block; width: 16.5%; height: 100px; margin-top: 7px; text-align: center;
    	               *display:inline;
    	               zoom:1;
    	               }
    	    .partner .logo { height: 90px; }
    	    .partner .logo a img { vertical-align: middle; position: relative; top: 50%; }
    	    
			.partner2 img { opacity: 0.8; }
			
    	    .partner2 { margin-left: 18px;  font-weight: bold; display: inline-block; width: 25%; height: 30px; margin-top: 0px; text-align: left; vertical-align: middle; 
    	               *display:inline;
    	               zoom:1;
    	                }
    	    .partner2 .logo { height: 30px; display: inline-block;
    	                      *display:inline;
    	                      zoom:1;
    	                 }
    	    .partner2 .logo a img { height: 30px; vertical-align: middle; position: relative; top: 50%; }
    	    .partner2 .duedate { display: inline-block; vertical-align: middle; position: relative; top: 4px; margin-left: 5px; 
    	                        *display:inline;
    	                        zoom:1;
    	                          }
    	    
    	    .slideshow { width: 700px; height: 351px; margin: 0px; position: absolute; left: 0px; top: 0px; }
    	    .slideshow img { width: 700px; height: 351px; top: 4px; }
    	    .slideshowBg { width: 700px; height: 351px; overflow: hidden; left: 0px; top: 0px; }
    	    .slideshowBg img { width: 700px; height: 351px; }
    	    .slideshow { overflow: hidden; }
    	    
    	    body { margin-top: 0px; }
    	    #siteHeader { top: -35px; }
    	    
    	    .innerBody { background-image: url(/images/layout/homepage.gif); }
    	    
    	    #rtmenu { width: 232px; height: 351px; position: absolute; right: 3px; top: 0px;
    	              background-image: url(/images/headlines/menu/bg.gif);
    	              z-index: 8;
    	               }
    	               
    	    #headliner { margin-top: 2px; margin-left: 20px; margin-right: 16px; margin-bottom: 4px;
    	                 height: 351px; width: auto;
    	                 position: relative;
    	                  }
    	                  
    	    .rtmenuholder { width: 230px;
    	                  height: 70px; 
    	                    text-align: center;
    	                    vertical-align: middle;
    	                    position: relative;
    	                    left: 2px;
    	                    background-image: url(/images/2013.1/sprites.gif);
                            background-position: -230px 0px;
                            background-repeat: no-repeat;
    	                  }
    	     .rtmenuholder a { height: 30px;
                position: relative;
                top: 20px;
                display: block;
                z-index: 10;
                font-size: 26px;
                font-weight: bold;
                color: #666;
                font-family: 'Signika Negative', sans-serif;
                 }
                 .rtmenuholder a:hover { color: #CF451D; }
                 
    	    .rtmenuover { position: absolute; right: 0px; background-image: url(/images/headlines/menu/over.gif);
    	                  width: 267px;
    	                  height: 71px;
    	                  top: 0px;
    	                  display: none;
    	                   }
    	                   
            .overlink { width: 230px;
    	                  height: 70px; 
    	                    text-align: center;
    	                    vertical-align: middle;
    	                    position: absolute;
    	                    right: 0px;
    	                    top: 0px;
    	                    background-image: url(/images/2013.1/sprites.gif);
                            background-position: 0px 0px;
                            background-repeat: no-repeat;
                            cursor: pointer;
                            }
                            
            #defaultbg { position: absolute; top: 0px; left: 0px; width: 700px; height: 351px; }
    	    #defaultbg img { width: 700px; height: 351px; }
    	    
    	    .featureSection { width: 100%;
    	                      background-image: url(/images/layout/splitter.gif);
                                background-repeat: no-repeat;
                                background-position: center top;
                                padding-top: 40px;
                                height: 700px;
                                *margin-bottom:30px;
    	                       }
    	                       
            #forms { height: 870px; }
            #sketches { height: 800px; } 
            #workflow { height: 740px; }
            #workflow .images { *bottom: -55px; }
    	    
    	    .title { position: relative; top: 0px; }
    	    .text { display: inline-block; position: relative; top: 0px; left: 0px; width: 550px; margin: 0px; 
    	            font-family: Verdana;
    	            font-size: 12px;
                    line-height: 17px;
    	            }
    	    .images { display: inline-block; position: absolute; bottom: -25px; right: -12px; } 
    	    .featureSection .image { display: none; }
    	    
    	    .alt .text { right: 0px; left: 388px; }
    	    .alt .images { left: -24px; }
    	    
    	    #forms .title { left: -10px; }
    	    #photos .title { left: -10px; }
    	    #sketches .title { left: -10px; }
    	    #maps .title { left: -10px; }
            #workflow .title { left: -10px; }
            
            hr { height: 0px;
                border: 0px;
                border-top: 1px dotted #DDD;
                background-color: white; } 

            .featureSection .top { position: absolute; color: #aaa; display: block; top: 11px; left: 50%; margin-left: -100px; width: 200px; text-align: center; cursor: pointer; }
            .featureSection .top:hover { text-decoration: underline; }

            .caption { font-family: Verdana; 
                        position: absolute; width: 290px; top: 70px;
                        background-color: #F5F5F5;
                        padding: 20px;
                        border-radius: 5px;
                        font-size: 13px;
                        line-height: 20px;
                       } /*bottom: 480px;*/
            .featureSection .caption { position: absolute; right: -10px; text-align: right; }
            .alt .caption { position: absolute; left: 20px; right: auto; text-align: left; }

            .caption .featureTitle { text-transform: none; }

            #forms .frm { margin-left: auto; margin-right: auto; background-color: #F5F5F5;
                        padding: 20px;
                        border-radius: 5px;
                        width: 280px; 
                        margin-bottom: 15px; }
                        
            #forms .frm input { border: 1px solid #999; }
                        
            #forms .text input { width: 30px; color: #77787B; }
            #forms .text .frmlabel { display: inline-block; width: 180px; }
            #forms .text .frmrow { margin: 0px; height: 25px; display: table-cell; vertical-align: middle }
            #savings { font-weight: bold; }

            .strong { font-weight: bold; }
            
            #totalrow { border-top: 1px dotted; width: 100%; margin-top:5px; padding-top: 5px; }
            #multipliedrow { width: 100%; }
            
            
            
            
/* Page Header Navigation */

.headerButton { margin-left: 3px; }

#headerManualHotspot
{
    background-image: url(/images/layout/transparent.gif);
    width: 137px;
	*display:inline;
	*zoom:1;
	*position:absolute;
	*right:360px;
}
#headerManualHotspot:hover
{
    background-image: url(/images/layout/header_over.png);
    background-position: -477px -66px;
}

#headerSupportHotspot
{
    background-image: url(/images/layout/transparent.gif);
    width: 105px;
	*display:inline;
	*zoom:1;
	*position:absolute;
	*right:252px;
}
#headerSupportHotspot:hover
{
    background-image: url(/images/layout/header_over.png);
    background-position: -617px -66px;
}

#headerDownloadHotspot
{
    background-image: url(/images/layout/transparent.gif);
    width: 234px;
	*display:inline;
	*zoom:1;
	*position:absolute;
	*right:15px;
}
#headerDownloadHotspot:hover
{
    background-image: url(/images/layout/header_over.png);
    background-position: -725px -66px;
}

.tip
{
    background-color: #333;
    color: #EEE;
   -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  border-radius: 5px; /* CSS3 */
  width: 944px;
}

.tip a
{
    color: #FFF;
    text-decoration: underline;
}

.tip a:hover
{
    color: #BBB;
    text-decoration: none;
}