/* Services Page Main Content */

.serv-box {
    width: 310px;
    height: 230px;
    padding-left: 110px;
    margin: 24px 20px 0 13px;
    float: left;
}

.serv-box h2 {
    padding-bottom: 10px;
}

.serv-box p {
    text-align: justify;
}

.serv-box a {
    color: #F06A05;
}

.serv-box a:hover {
    color: #FFB144;
}

.factsheet {
    color: #F06A05;
    margin: 22px 0 65px;
}

.box1 {
    background: url(../images/serv-operation.png) no-repeat 0 5px;    
}

.box2 {
    background: url(../images/serv-design.png) no-repeat 10px 10px;    
}

.box3 {
    background: url(../images/serv-social.png) no-repeat 0 5px;    
}

.box4 {
    background: url(../images/serv-sem.png) no-repeat 0 5px;    
}

.box5 {
    background: url(../images/serv-translation.png) no-repeat 0 5px;    
}

.box6 {
    background: url(../images/serv-customer.png) no-repeat 0 5px;    
}


/** OVERLAY EFFECT FOR DOWNLOAD FACTSHEET **/
        /* the overlayed element */
        .apple_overlay {
	        /* initially overlay is hidden */
	        display:none;
	        /* growing background image */
	        background-image:url(../img/overlay/white.png);
	        /* 
		        width after the growing animation finishes
		        height is automatically calculated
	        */
	        width:400px;		
	        /* some padding to layout nested elements nicely  */
	        padding:35px;
	        /* a little styling 	
	        font-size:11px;*/
        }

        /* default close button positioned on upper right corner */
        /*.apple_overlay */.close {
	        background-image:url(../images/close.png);
	        position:absolute; right:5px; top:5px;
	        cursor:pointer;
	        height:35px;
	        width:35px;
        }

        /* use a semi-transparent image for the overlay */
	        #overlay {
		        background-image:url(../images/overlay.png);
		        color:#efefef;
		        height:350px;
	        }

        	
	        /* container for external content. uses vertical scrollbar, if needed */
	        div.contentWrap {
		        height:320px;
		        overflow-y:auto;
	        }
		

/** OVERLAY EFFECT FOR THE INQUIRY **/
        .apple_overlay_inq {   
        /* initially overlay is hidden */
        display:none;
        /* growing background image */
        background-image:url(../img/overlay/white.png);
        /* 
            width after the growing animation finishes
            height is automatically calculated
        */
        width:600px;		
        /* some padding to layout nested elements nicely  */
        padding:35px;
        /* a little styling 	
        font-size:11px;*/
        }

            /* use a semi-transparent image for the overlay */
            #overlayinq {
                background-image:url(../images/overlay.png);
                color:#efefef;
                height:600px;
            }

            /* container for external content. uses vertical scrollbar, if needed */
            div.contentWrap {
	            height:600px;
	            overflow-y:auto;
            }
            
/* Form.aspx styles */
input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


.form-label {
clear: left;
float: left;  
}

#inquiry {
width: 600px;
/*float: right; */
}

#inquiry p {
float: left;
margin: 0px;
/*width: 150px;*/
}
    
#inquiry .row {
clear:both;
display: block;
height: 1em;
line-height: 1em;
margin: 10px 0px;
}

#inquiry select {
width: 350px; /*250px;*/
float: right;
}

#inquiry input[type='text'], input.text {
font-family: Arial, Sans-Serif;
width: 350px;
float: right;
}

#inquiry a {
clear: both;
float: right;
display: block;
width: 103px;
height: 23px;
background: url(../images/btn-submit.png) no-repeat top center;
margin-top: 15px;
}

#inquiry a:hover {
background: url(../images/btn-submit.png) no-repeat bottom center;
}

#inquiry textarea {
clear: both;
float: right;
width: 350px;
display: block;
}
    
.clear {
clear: both;
}
    
#ValidationSummary1 {
float: right;
}