/* 
    Document   : style
    Created on : 13 Dec, 2012, 11:38:12 AM
    Author     : PSSP2
    Description:
        Purpose of the stylesheet follows.
*/
*{
border:none;
}

body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #d2e28a;
    font-family: "Liberation Sans", Arial, Helvetica, Garuda, sans-serif;
}
a, 
a:link, a:visited {
    color: #527b33 ; text-decoration: none;
}
a:hover, a:active { 
    color: #3c3d38 ; text-decoration: none;
}
h1,h2,h3,h4,h5,h6,p{
    font-family: "Liberation Sans", Arial, Helvetica, Garuda, sans-serif;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 0.5em;
    padding: 0 0 0.2em;
    color: darkcyan;
}
p{  font-size: .8em; }
h1{ font-size: 1.85em; }
h2{ font-size: 1.5em; }
h3{ font-size: 1.35em; margin-bottom: 0.5em; }
h4{ font-size: 1.2em; margin-bottom: 0.5em; border-bottom: none; }
h5{ font-size: 1em; font-weight: bold; margin-bottom: 0.5em; border-bottom: none; }
h6{ font-size: 1em; font-weight: lighter; text-transform:uppercase; margin-bottom: 0.5em; border-bottom: none; }

header{
    display: block;
    margin: 10px auto;
    width: 980px;
    height: 85px;
    background: transparent;
}
    #header-left{
        display: block;
        float: left;
        width: 132px;
        height: 80px;
        background: transparent;
        background-image: url('../images/gaurs.png');
    }
    #header-right{
        display: block;
        float: right;
        width: 188px;
        height: 80px;
        background: transparent;
        background-image: url('../images/saviour.png');
    }
#wrap{
    display: block;
    width: 980px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    
}
    #wrap-top{
        margin-left: auto;
        margin-right: auto;
        width: 920px;
        height: 300px;
        /*background-image: url('../images/venue.jpg');*/
    }
    #wrap-middle{
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 980px;
        min-height: 300px;
        
    }
        #content-left{
                float: left;
                width: 270px;
					margin-top:36px;
               
        }
        #content-middle{
                float: left;
                width: 270px;
               margin-top:36px;
        }
            #content-middle img, #content-left img{
                margin-left: 30px;
            }
           
            #content-middle img:hover, #content-left img:hover{
                -moz-box-shadow: 0px 2px 4px 1px #1D1D1D;
                -webkit-box-shadow: 0px 2px 4px 1px #1D1D1D;
              
                -moz-transition:-moz-transform 0.2s ease-in; /*animate transform property */
                -webkit-transition:-webkit-transform 0.2s ease-in; 
                -o-transition:-o-transform 0.2s ease-in; /*animate transform property in Opera */
                margin-left: 28px;
            }

        #content-right{
                float: right;
                width: 440px;
                min-height: 300px;
                
        }
            .address{
                  margin: 0;
                  padding: 10px;
                  min-height: 100px;
            }
                .address p{
                        color: black;
                }
                .address a{
                        margin-bottom: 10px;
                        margin-right: 15px;
                }
            #map{
                  height:150px;
						width:370px;
						border:1px solid #7E7D7D;
                  
            }

                
    #wrap-bottom{
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        width: 960px;
        height: 134px;
        background-image: url('../images/icon.jpg');
    }
    #wrap-pre-bottom{
        margin-left: auto;
        margin-right: auto;
        width: 920px;
        height: 400px;
        background-image: url('../images/map.jpg');
    }
footer{
      display: block;
      margin: 10px auto;
      width: 980px;
      min-height: 25px;
}
    #footer{
        width: 960px;
        height: 185px;
        margin: 0px auto;
        background-image: url('../images/footer.jpg');              
    }
    #footer-left{
            float: left;
            
    }
    #footer-right{
            float: right;
            
    }