/* edit */

body, html{
                margin:0;
                padding:0;
/*        -webkit-touch-callout: none;
        -webkit-user-select: none;
         -khtml-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;*/
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        -webkit-text-size-adjust: none;
                font-size: 1em;
                line-height: 1.4;
                font-family: georgia;
            }
		a{border:0; outline:none;}
            .home{
        -webkit-touch-callout: none;
        -webkit-user-select: none;
         -khtml-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
            }
            img{
                border:0;
                outline:none;
            }
            ::selection {
/*            background: #4F90CC; blue */
                background:#f06; /* pink */
                color: white;
                text-shadow: none;
            }
            
            #outer-wrapper{
                width:100%;
                max-width:750px;
                margin:0 auto;
            }
            .home #inner-wrapper{
                width:100%;
                max-width:440px;
                margin:100px auto;
                position:relative;
                z-index:1;
            }
            #inner-wrapper{
                padding:0 10px;
                position:relative;
                z-index:1;
            }
            
            #background{
                position:absolute;
                top:0;
                left:0;
            }
            #top{
                margin-bottom: 20px;
            }
            #logo{
                position:relative;
                float:left;
                top:auto;
                left:auto;
                margin:40px 40px 0 0;
                width:113px;
                height:35px;
                background-image: url(/images/logo.png);
                background-size: 113px 35px;
            }
            .ielt9 #logo{
            	background-image: url(/images/logo-sm.png);
            }
            #logo a{
                text-indent: -999px;
                display: block;
                line-height: 30px;
            }
                .home #logo{
                    position:absolute;
                    top:170px;
                    left:45%;
                }
            #nav{
                position:relative;
/*                overflow:hidden;*/
                float: left;
            }
            #nav li, #nav ul{
                list-style:none;
            }
            #nav ul{
                position:relative;
                margin:32px auto;
                padding:0;
                text-align:center;
            }
                .home #nav ul{
                    margin:60px 0 0 0;
                }
            #nav li{
                float:left;
                padding:5px;
                margin:0 10px 0 0;
                line-height: 40px;
            }
                #home #nav li{
                    background-color:white;
                }
            #nav li a{
                color:#888;
                text-decoration:none;
                font-family:helvetica;
                font-weight:bold;
                font-size:12px;
            }
            #dropdown{
                position:absolute;
                display:none;
                z-index:100;
                margin-left: -7px;
            }
            #nav li:hover #dropdown{
                display:block;
            }
            #circles{
                position:absolute;
                top:0;
            }
            #boy{cursor:pointer;width:110px; margin:30px 0 0 40px;background: url(/images/boybg.png) 0 95px no-repeat;}
            #byline{
                font-family: helvetica;
                font-size: 14px;
                text-align: center;
                color: #666;
                text-transform: lowercase;
                font-weight: bold;
                display:none;
            }
            #instructions{
                position:fixed;
                bottom:0;
                width:100%;
                height:30%;
                background-color:#f06;
                font-family:helvetica;
                text-align:center;
                line-height: 30px;
                color:white;
            }
            #contact-button{float:right;margin-right:10px;display:none;}
            
            .title{
               border-top:2px solid #eee;
               border-bottom:2px solid #eee;
            }
            h1, h2{
                border-top: 1px dotted #CCC;
                border-bottom: 1px dotted #CCC;
                margin: 1px 0;
                line-height: 30px;
                padding: 6px 0 2px 0; /* center text nicely */
                color: #444;
                font-family: helvetica;
                text-transform: uppercase;
                font-size: 18px;
                font-weight: normal;
            }
            #thanks h1{
            	text-transform: capitalize;
            }
            .title a{
                color:#ccc;
                text-decoration: none;
            }
            .title a:hover{
                color:#f06;
            }
            #content p{
                color:#666;
                font-family:georgia;
                font-size:16px;
                font-weight:normal;
            }
            #content{
                clear: both;
                position: relative;
/*                height: 1000px;*/
                overflow:hidden;
/*                height: 197px;*/ /* set with js based on panel height */
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
               
                padding-top: 20px;
            }
            #inner-content{
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
        -webkit-transform-style: preserve-3d;
           -moz-transform-style: preserve-3d;
             -o-transform-style: preserve-3d;
                transform-style: preserve-3d;
            }
                .main-panel, .sub-panel{
                    display: block;
/*                    height: 100%;*/ /* set with js */
                    width: 100%;
/*                    position: absolute;*/ /* set with js */
                    z-index: 1;
                 }
                .sub-panel {
                    background-color: #fff;
                    left: 100%;
                    padding-bottom:20px;
                   }
            	.ie .main-panel{
            		left:0;
            	}
                   /* slide to make sub-section visible: */
            #inner-content.open {
               
        -webkit-transform: translate3d(-100%,0,0);
           -moz-transform: translate3d(-100%,0,0);
             -o-transform: translate3d(-100%,0,0);
                transform: translate3d(-100%,0,0);
            }
            #inner-content.openAndroid{
                right:100%;
            }
           .ie #inner-content.open{
                right:100%;
            } 
            
#content .testimonials a{
    color: #111;
    text-decoration:none;
}
#content .testimonials a:hover{
    text-decoration:underline;
}
#content .testimonials p {
    margin-bottom: 20px;
    font-family: tahoma, sans-serif;
    font-size: 14px;
    line-height: 30px;
}
#content .testimonials p:before{
    content: url(../images/quote-left.png);
}
#content .testimonials p:after{
    content: url(../images/quote-right.png);
}
#content .testimonials p:nth-child(even){
    margin-left:50px;
}
#content .pink{color:#f06} 
#content .large{font-size:1.2em}
#content .larger{font-size:1.4em}
#content .largest{font-size:1.8em}
.sub-panel ul{
    padding: 0 100px 0 40px;
    margin:0;
}
.sub-panel li{
    padding: 0 0 5px 5px;
    margin:0;
    list-style-image: url(../images/pinkDot.png);
}
.listTitle{
    

}
/* main-panel .mp */
.mp-ul, .mp-li{
    list-style: none;
    padding:0;
    margin:0;
}
.mp-li{
    padding:10px 20px 10px 0;
    background-image: url(/images/arrow-rt.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 12px 17px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}
.ielt9 .mp-li{
     background-image: url(/images/arrow-rt-sm.png);
}
.mp-li:hover{
    
}
.mp-li:hover a{
    text-decoration: underline;
}
.mp-li a{
    font-family: helvetica;
    color:#444;
    text-decoration: none;
    display:block;
}

/*  portfolio */

.portfolio-items{
    margin-top:20px;
}
        .info{
            background-color: #EEE;
            padding: 10px;
            border: 1px solid #CCC;
            height: 321px;
            line-height: 1.3;
        }
        .info .link a {
            text-decoration: underline;
            font-size: 18px;
            color:#f06;
            }
            .item-title{
                color:#f06;
            }
            .item-descrip{
                font-family:helvetica, sans-serif;
                font-size:14px;
            }
        .webItem{
            margin-bottom: 50px;
            position: relative;
            overflow: hidden;
        }
        .scroll{
            position: relative;
            overflow: hidden;
            width: 70%;
            height: 332px;
            float: left;
            margin: 5px;
        }
        .col{
            float:left;
        }

	
	/* root element for the scroll pics */
	.scroll .pics {
		position:absolute;
		clear:both;
                width: 100%;
	}
	
	/* single scroll item */
        
        .pics{
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
        -webkit-transform-style: preserve-3d;
           -moz-transform-style: preserve-3d;
             -o-transform-style: preserve-3d;
                transform-style: preserve-3d;
        }
        
        
	.pics div {
		float: left;
                cursor: pointer;
                margin: 1px;
                position: absolute;
                
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
        -webkit-transform-style: preserve-3d;
           -moz-transform-style: preserve-3d;
             -o-transform-style: preserve-3d;
                transform-style: preserve-3d;
	}
        .moveRight{
        -webkit-transform: translate3d(-100%,0,0);
           -moz-transform: translate3d(-100%,0,0);
             -o-transform: translate3d(-100%,0,0);
                transform: translate3d(-100%,0,0);
        }
        
        .moveLeft{
        -webkit-transform: translate3d(100%,0,0);
           -moz-transform: translate3d(100%,0,0);
             -o-transform: translate3d(100%,0,0);
                transform: translate3d(100%,0,0);
        }
        
        
        .pics img{
            max-width: 500px;
            position: relative;
        }
        .arrows{
            position: absolute;
/*            width: 150px;*/
            height: 30px;
            left: 70%;
            bottom: 30px;
        }
        .arrows a{
            display: block;
            float: left;
            padding: 6px 8px 0 8px;
/*            border: 1px solid #CCC;*/
            line-height: 30px;
            border-radius: 4px;
            margin-left: 10px;
/*            background-color: white;*/
            text-decoration: none;
            cursor: pointer;
            color: #F06;
            
            text-shadow: white 1px 1px 0;
            background: url(data:image/gif;base64,R0lGODlhBQAfAMQAAOPf5OPf4+Xh5e7s7vf39/b29ubj5+vo6/Tz9Ozq7e/t7/f29/T09OTh5enm6fX09efl6PDv8fLx8uTg5Pj4+Ojl6ern6uXi5ufk5/Du8Ovp7O3r7fb19vHw8vPy8wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzM0NThGMjI1RDUwMTFFMUFDQzg5NjYwRDlCQjA4QzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzM0NThGMjM1RDUwMTFFMUFDQzg5NjYwRDlCQjA4QzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MzQ1OEYyMDVENTAxMUUxQUNDODk2NjBEOUJCMDhDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MzQ1OEYyMTVENTAxMUUxQUNDODk2NjBEOUJCMDhDMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAFAB8AAAVQICWKRFkuKFqsK+e6TxwzNI3ct6frUt93QGBkOMwYjYpkcsBkbp7PhFSqqVYPWKxlu3V4vZVwGEImY85ng1p9abcFcHhjPp/Y7YB8PsDnhwAAOw==) #E3DFE3 top repeat-x;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);

        }
        .arrows a:hover{
/*            background:white;*/
        }
        .arrows a:active{
            background:#f06;
            color:#ccc;
        }
        
        .arrows .left:before, .arrows .right:before{
            content: '\00ab';
            font-family: monaco, sans-serif;
            font-size: 50px;
/*            font-weight: bold;*/
            
        }
        .arrows .right:before{
            content: '\00bb';
            
        }
        .arrows a.disabled{
            color:#ccc;
            cursor:default;
        }
        .arrows a.disabled:active{
            background:none;
        }
        .corpidItem{
            width: 45%;
            float: left;
            border: 1px solid #CCC;
            padding: 2%;
            margin-bottom: 1%;
            text-align: center;
        }
        .corpidItem:nth-child(even){
            margin-left: 1%;
        }
        .corpidItem img{
            max-width:100%;
        }
        .printItem{
            padding:10px;
            border:1px solid #ccc;
            margin-bottom: 10px;
        }
        .printItem img{
            display: block;
            margin: 0 auto;
            max-width:100%;
        }
        
        /* contact */
        
        label.error{display:block; padding-left: 7px; color:#ee3162; background-image: none;}
            .valid{

                background-image: url(http://www.candpgeneration.com/images/checked.png) !important;
                background-repeat: no-repeat;
                background-position: right top;
            }
            .error{background-image: url(../images/greypx.gif);}
            .nocheck{background-image: url(../images/greypx.gif) !important;}
        
            #thanks{
                display:none;
            }
            .form-box{
                padding:10px;
                background-color: #eee;
                width: 295px;
            }
            input[type='text'], input[type='tel'], input[type='email'], textarea{
                padding: 8px 10px;
                border: 1px solid #CCC;
                min-width: 270px;
                border-radius: 3px;
                background-color: #fff;
                -webkit-appearance: none;
                margin-top: 5px;
                font-family: helvetica, sans-serif;
                font-weight: 100;
                font-size: 16px;
            }
            input[type='submit']{
                -webkit-appearance: none;
                padding: 8px 20px;
                font-size: inherit;
                font-family: helvetica;
                border: 1px solid #CCC;
                color: #F06;
            }
            input[type='submit']:active{
                color:white;
            }
/* hide mobile */
#mobile-home-nav{
    display: none;
}
/* mobile homepage buttons  */  

.mb {
        padding: .6em 15px .4em;
        float:left;
	border: 1px solid #ccc;
        
	background-color: #eee;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), color-stop(0.49, rgba(255, 255, 255, 0.3)), color-stop(0.51, rgba(255, 255, 255, 0.0)), to(rgba(255, 255, 255, 0.2)));
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%);
        background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%);
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%);
        background-image: linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
.mb a {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
        font-weight: bold;
	color: #444;
	text-shadow: 0 1px 1px #fff;
} 
.mb:hover{
        background-color: #ccc;
}
.mb:active {
        border: 1px solid #f06;
	background-color: #f06;
}
.mb:active a{
        color:white;
        text-shadow: none;
}
.mb-right {
   -moz-border-radius-topright: 	.5em;
-webkit-border-top-right-radius: 	.5em;
	border-top-right-radius: 	.5em;
   -moz-border-radius-bottomright: 	.5em;
-webkit-border-bottom-right-radius:     .5em;
	border-bottom-right-radius: 	.5em;
        border-left:0;
}
.mb-right:active{
        margin-left:-1px;
}
.mb-left {
   -moz-border-radius-topleft: 		.5em;
-webkit-border-top-left-radius: 	.5em;
	border-top-left-radius: 	.5em;
   -moz-border-radius-bottomleft: 	.5em;
-webkit-border-bottom-left-radius: 	.5em;
	border-bottom-left-radius: 	.5em;
        border-right:0;
}
.mb-left:active{
        margin-right:-1px;
}
.mb-single{
    
-webkit-border-radius:  .5em;
   -moz-border-radius:  .5em;
        border-radius:  .5em;
}   
/* end mobile homepage buttons  */           
            
/* mobile phones */

/* landscape */
@media screen and (max-width: 599px) {
    #mobile-home-nav, #mobile_banner_wrapper,
    #byline
    { display: block; }
    
    #mobile-home-nav{
        max-width: 280px;
        margin: 0 auto;
    }
    
    .home #outer-wrapper{
        margin:0;
    }
    .home #inner-wrapper{
        width:auto;
        margin:20px auto;
    }
    .home #mobile_banner_wrapper,
    #top, #nav,
    #instructions, #instructions .inst{
        display:none;
    }
/*    .home #instructions{
        height:35px;
        bottom:0;
        display:block;
        position:absolute;
    }*/
/*    #background{
        display:none;
    }*/
    .home #background{
        display:block;
    }
    .home #logo{
        position: relative;
        top: auto;
        left: auto;
        width: 113px;
        height: 35px;
        margin: 0 auto 10px auto;
        float: none;
    }
    .mb_logo{
        background-image: url(/images/logo.png);
        background-repeat: no-repeat;
        background-size: 95px 30px;
        height: 50px;
        background-position: 50%;
    }
    .sub-panel ul{
        padding: 0 0 0 20px;
    }
    #boy{margin:20px auto;}
    #content{
        padding-top: 0;
    }
    
    
    .scroll{
        height:270px;
        width: 97%;   
    }
        .pics div{
            
            }
    .scroll .pics{
        margin-right:0;
        
    }
    .info {
        background-color: #EEE;
        padding: 10px;
        border: 1px solid #CCC;
        height:auto;
        }
        .arrows{
            right: 10px;
            left: auto;
        }
        
        .corpidItem{
            width: 95.5%;
            float: none;
            border: 1px solid #CCC;
            padding: 2%;
            margin-bottom: 1%;
        }
        .corpidItem:nth-child(even){
            margin-left: 0;
        }
        .form-box{
                padding:10px;
                background-color: #eee;
                width: auto;
            }
            input[type='text'], input[type='tel'], input[type='email'], textarea{min-width: 256px;width: 94%;
}
}
/* portrait */
@media screen and (max-width: 320px){
    #instructions .inst, 
    #contact{
        display:none;
    }
    #contact-button{
        display:block;
    }
    
    
}
/*  retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2), /* bug fix */
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)
{
    
}