/* ----------------------------------------------
	Website Name : MAYMAR CHARITABLE TRUST
	Author : Ramshad.nk
	Author mail : ramshad@chanelsoftech.com       
	Last Date Modified : 02.05.2013
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

@font-face {
    font-family: 'aller_lightregular';
    src: url('css/aller_lt-webfont.eot');
    src: url('css/aller_lt-webfont.eot#iefix') format('embedded-opentype'),
         url('css/aller_lt-webfont.woff') format('woff'),
         url('css/aller_lt-webfont.ttf') format('truetype'),
         url('css/aller_lt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
li,ul, img{ list-style:none;}
.submitbutton{float:left; margin-left:-100px;}
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:20px; text-align:justify;}

/* headers */
h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif;}

h1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#403535; line-height:18px;}
h2 { font-size: 15px; font-weight: normal; color:#666666; line-height:24px; font-family:Arial, Helvetica, sans-serif; margin-top:0px; }
h3 { font-size: 12px; font-weight: normal; color:#666666; font-family:Arial, Helvetica, sans-serif; margin-top:0px;}

.main_link{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:13px;}
.header_tittile{ font-family:'aller_lightregular',Arial, Helvetica, sans-serif; font-size:22px; color:#FFFFFF; padding-top:28px; padding-left:15px; letter-spacing:1px;}
.header_email{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.text_tittile{ font-family:'aller_lightregular',Arial, Helvetica, sans-serif; font-size:23px; color: #4c4c4c;}
/* ------------------------------------------
   LAYOUT
------------------------------------------- */

#wraper {width:1083px; height:auto; margin:auto; }
/*------Menu-------*/
#menu ul li {float: left; list-style:none; padding:16px; padding-top:13px; padding-left:6px;}
#menu ul li a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none; padding:5px 15px ; }
#menu ul li a:hover{ color: #FFFF00; }
#menu { height:40px; float:left; width:1083px; clear:both;  margin-top:-5px;}
#menu li a.active {  padding:5px 15px ; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-decoration:none;}
#ms_z{margin:0; padding:0;}
/*------End Home Menu-------*/

#header_tittile{width:915px; height:38px; float:left;}
#header_email{width:153px; height:38px; float:left; padding-top:15px;}
#banner{ width:1083px; height:auto; float:left;}
#banner_link{width:1083px;height:152px;float:left;position:absolute;left: 141px;top: 380px;}
#text_main{ width:1083px; height:auto; float:left; padding-top:60px;}
#text_tittile{width:500px; height:auto; float:left; margin-top:10px;}
#text1{width:757px; height:auto; float:left; margin-top:9px;}
#home_gallery{width:757px; height:auto; float:left; margin-top:25px;}
#home_enquiry{ width:268px; height:auto; float:right; margin-top:10px;}
#footer{ width:100%; height:110px; float:left; background:url(images/footer_bg.jpg); margin-top:20px;}
#footer_main{width:1083px; height:110px; margin:auto;}
#footer_logo{width:88px; height:110px; float:left;}
#footer_link{width:600px; height:auto; float:left; margin-top:30px; padding-left:15px; line-height:28px;}
#channel_link{width:220px; height:auto; float:right; margin-top:55px;}

/* ------------------------------------------
   ABOUT US
------------------------------------------- */
#about_banner{ width:1083px; height:249px; float:left;}
#about_text{width:750px; height: auto; float:left; margin-top:5px;}
#about_images{width:319px; height:145px; float:right; }
.mission{font-family:'aller_lightregular',Arial, Helvetica, sans-serif; font-size:18px; color:#0563a3;}
.About_tittile{ font-family:'aller_lightregular',Arial, Helvetica, sans-serif; font-size:23px; color: #FFFFFF; font-size:19px;}






/*-----------------------------------------------
	Enquiry
------------------------------------------------*/
 
/*                                                 CONTACT
__________________________________________________________
*/
div#contact { /* min-height: 300px;*/ }
 
.contactContainer {
    width: 420px;
    float: left; }
 
    .contactContainer label {
        font: normal 12px/38px 'arial';
        width: 100px;
        float: left; }
 
    .contactContainer input,
    .contactContainer textarea {
        border: 0;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font: normal 13px/18px Arial;
        color: #777;
        padding: 10px 5px;
        width: 300px;
        margin: 3px 0;
        background-color: #CCCCCC;
        transition:background-color 0.4s, color 0.4s;
        -moz-transition:background-color 0.4s, color 0.4s; /* Firefox 4 */
        -webkit-transition:background-color 0.4s, color 0.4s; /* Safari and Chrome */
        -o-transition:background-color 0.4s, color 0.4s; /* Opera */
		resize: none;
}
    .contactContainer input:focus,
    .contactContainer textarea:focus {
        background-color: #333;
        color: #eee;
    }
 
    .contactContainer input.btn {
        background: #666666;
        font: normal 12px/30px 'arial';
        color: #fff;
        text-transform: uppercase;
        width: auto !important;
        margin-left: 100px; }
 
        .contactContainer input.btn:hover,
        .c_red .contactContainer input.btn:hover,
        .c_blue .contactContainer input.btn:hover,
        .c_green .contactContainer input.btn:hover,
        .c_pink .contactContainer input.btn:hover,
        .c_orange .contactContainer input.btn:hover,
        .c_gray .contactContainer input.btn:hover {
            background: #333333;
            cursor: pointer }
 
.message {
    font: normal 12px/18px arial;
    color: #777; }
 
.contact_social h3,
.contactContainer h3 {
    font: normal 20px/22px 'arial';
    text-transform: uppercase;
    color: #333;
    margin: 0 0 20px 0; }
 
.contact_social {
    padding: 20px 0 0 0;
    margin: 32px 0 0 32px; }
 
    .contact_social span {
        font: normal 11px/32px arial;
        color:#333;
    }
    .contact_social a,
    .contact_social span span {
        background: url(http://maymar.org/images/icons_social.png) no-repeat;
        float: left;
        width: 32px;
        height: 32px;
        margin: 0 0 22px;
        background-color: #ff3300;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        border-radius: 16px;
        
        transition:background-color 0.4s;
        -moz-transition:background-color 0.4s; /* Firefox 4 */
        -webkit-transition:background-color 0.4s; /* Safari and Chrome */
        -o-transition:background-color 0.4s; /* Opera */
    } 
    #headline .contact_social {
       margin: 10px 0 0 0;
    }
    .contact_social .facebook {
        background-position: 0 0;
        margin-right: 15px; }
 
    .contact_social .twitter {
        background-position: -32px 0;
        margin-right: 15px;
        margin-left: 10px;}
 
    .contact_social .linkedin {
        background-position: -64px 0;
        margin-right: 15px; }
 
    .contact_social .gplus { 
        background-position: -96px 0;
        margin-right: 15px;
    }
    
    .contact_social .dribbble {
        background-position: 0 -32px; 
        margin-right: 15px;
    }
    .contact_social .forrst {
        background-position: -32px -32px; 
        margin-right: 15px;
    }
    .contact_social .address {
        background-position: -128px 0;
        margin-right: 15px;
    }
    
    .contact_social .phone {
        background-position: -192px 0;
        margin-right: 15px;
    }
    
    .contact_social .email {
        
        background-position: -160px 0;
        margin-right: 0;
    }
    
    .contact_social a:hover,
    .c_red .contact_social a:hover,
    .c_blue .contact_social a:hover,
    .c_green .contact_social a:hover,
    .c_pink .contact_social a:hover,
    .c_orange .contact_social a:hover,
    .c_gray .contact_social a:hover {
        background-color: #e6581f;
    }
    
div.site-message-absolute {
    left: 0px ;
    position: absolute ;
    top: 222px ;
    z-index: 1000;
    float: left;
    opacity: 0; }
 
div.site-message-fixed {
    position: fixed ;
    top: 0;
    z-index: 1000;
    float: left;
    opacity: 0; }
 
#error{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000;}