#contact-form {  
        background-color:#F2F7F9;  
        /* width:465px;  */  
        width:898px;  
        padding:20px;  
        margin: 50px auto; 
        border: 2px solid #4B7558;  
        -moz-border-radius:15px;  
        -webkit-border-radius:15px;  
        border-radius:15px;  
        /*
        position:relative; */  
        position:left;
    }  
    #contact-form h1 {  
        font-size:42px;  
    }  
    #contact-form h2 {  
        font-size:20px;
        text-transform:capitalize;
    }  
    #contact-form h3 {  
        margin-bottom:15px;  
        font-style:italic;  
        font-weight:normal; 
        font-size:12px; 
       /* text-transform:capitalize;  */
    }  
    #contact-form h4 {  
        margin-bottom:10px;  
        font-style:italic;  
        font-weight:normal; 
        font-size:10px; 
    }
    /* #contact-form input,  
    #contact-form select,  
    #contact-form textarea, ---       position:left; */ 
    
    #contact-form label {
    	float: left; 	clear: left; 	margin: 11px -10px 0 0; 
	width: 200px; 	text-align: right;  font-size: 15px; color: #445668; 
	text-transform: capitalize;  	text-shadow: 0px 1px 0px #f2f2f2;
   
    	/*
        font-size:15px;  
        margin-bottom:2px;  
        float:left; 
        clear left;
        text-align: right;
        padding:0px 1px 0px 0px;
        */
        /* padding 10em 2em; or 10px 3px 10px 4px top, right, bottom and left padding */
    }  
    #contact-form input,  
    #contact-form select,  
    #contact-form textarea { 
    	width: 500px; height: 25px; margin: 0 0 -10px 0; 
	background: #DAE7D4 ;  border: 1px solid #CEE1E8; padding:0px  1px 0px 1px; 
    	 /*    background: #5E768D;  0B6138 DAE7D4 A1CA8F
    	font-size:15px;  
        margin-bottom:2px; 
        margin-left:-30px;
        width:450px;  
        border: 1px solid #CEE1E8;  
        margin-bottom:20px;
        */
       /* padding:4px;  */
       
       /*
       float: rightright;
        padding:0px 1px 0px 1px;
         padding: 5px 20px 0px 20px;
       */
       
       
        /* 
        left:200px
         float:right;  
         position:left ;
         position:relative;
         */
    }  
    #contact-form #reset-button {
    float: left; 	clear: left; 	margin: -100px 10px 0 0; 
     }
     #contact-form #submit-button {
    margin: 11px -10px 0 0; 
     }
    #contact-form input:focus,  
    #contact-form select:focus,  
    #contact-form textarea:focus {  
        border: 1px solid #AFCDD8;  
        background-color: #EBF2F4;  
    }  
    #contact-form textarea {  
        height:150px;  
        resize: none;  
    }  
     #contact-form label {  
        display:block;
       
    }  
    #contact-form .required {  
        font-weight:bold;  
        color:#F00;  
    }  
    #contact-form #submit-button {  
        width: 160px;  
        background-color:#333;  
        color:#FFF;  
        border:none;  
       /* display:block;  */  
        float:rightright;  
        margin-bottom:0px;  
        margin-right:6px;  
        background-color:#8FB5C1;
        -moz-border-radius:8px;  
        -webkit-border-radius:8px;  
        border-radius:8px;  
    }
    
    #contact-form #reset-button {  
        width: 160px;    
        color:#FfF;  
        border:none;  
       /* display:block;  */  
        /* float:rightright;  */  
        margin-bottom:0px;  
        margin-right:6px;  
        background-color:#0FB5C1;  
        -moz-border-radius:8px;  
        -webkit-border-radius:8px;  
        border-radius:8px;; 
        /* background-color:#8FB5C1;  */
    }
   
    #contact-form #submit-button:hover {  
        background-color: #A6CFDD;  
    }  
    #contact-form #submit-button:active {  
        position:relative;  
        top:1px;  
    }  
    #contact-form #loading {  
        width:32px;  
        height:32px;  
        background-image:url(../img/loading.gif);  
        display:block;  
        position:absolute;  
        rightright:130px;  
        bottombottom:16px;  
        display:none;  
    }  
    #errors {  
        border:solid 1px #E58E8E;  
        padding:10px;  
        margin:25px 0px;  
        display:block;  
        width:437px;  
        -webkit-border-radius:8px;  
        -moz-border-radius:8px;  
        border-radius:8px;  
        background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;  
        display:none;  
    }  
    #errors li {  
        padding:2px;  
        list-style:none;  
    }  
    #errors li:before {  
        content: ' - ';  
    }  
    #errors #info {  
        font-weight:bold;  
    }  
    #errors #info:before {  
        content: '';  
    }  
    #success {  
        border:solid 1px #83D186;  
        padding:25px 10px;  
        margin:25px 0px;  
        display:block;  
        width:437px;  
        -webkit-border-radius:8px;  
        -moz-border-radius:8px;  
        border-radius:8px;  
        background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;  
        font-weight:bold;  
        display:none;  
    }  
    #errors.visible, #success.visible {  
        display:block;  
    }  
    #req-field-desc {  
        font-style:italic;  
    }  
    /* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */  
    input:required, textarea:required {  
        -moz-box-shadow:none;  
        -webkit-box-shadow:none;  
        -o-box-shadow:none;  
        box-shadow:none;  
    }  
    /* Normalize placeholder styles */  
    /* chrome, safari */  
    ::-webkit-input-placeholder {  
        color:#CCC;  
        font-style:italic;  
    }  
    /* mozilla */  
    input:-moz-placeholder, textarea:-moz-placeholder {  
        color:#CCC;  
        font-style:italic;  
    }  
    /* ie (faux placeholder) */  
    input.placeholder-text, textarea.placeholder-text  {  
        color:#CCC;  
        font-style:italic;  
    }