* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #0154a4;
    margin: auto;
    padding: 0;
    height: 100%;
    width: 960px;
    background-image: url('back.jpg');
    background-repeat: no-repeat; 
    /*background-position:  upper left;*/
    /*background-size:  100%;*/
    line-height: .8125em;
    font-family: Tahoma;
    font-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

header {
    height: 190px;
}

#ganesha {
position: absolute;
    left: 50%;
    margin-left: -100px; 
    /*top:  20px;*/
    /*width:  250px;*/
    /*height:  200px;*/
    /*margin:  auto;*/
}

#ganesha img {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -o-transition: -o-transform 2s;
    -ms-transition: -ms-transform 2s;
    transition: transform 2s;
}

#ganesha img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#head {
    float: right;
    text-shadow: 0 1px 0 black;
    font-weight: normal;
    color: rgb(66, 201, 205);
    cursor: auto;
    display: inline;
    font-family: Tahoma;
    font-size: 20px;
    font-weight: normal;
    height: auto;
    letter-spacing: 2px;
    line-height: 23.84375px;
    margin: 40px 0 0 0;
    outline-color: rgb(66, 201, 205);
    outline-style: none;
    outline-width: 0px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: auto;
}

#head a {
    text-decoration: none;
    color: rgb(66, 201, 205);
}

#head a:hover {
    text-decoration: underline;
}

#head h3 {
    font-size: 1.1em;
    color: #42c9cd;
    margin-bottom: 15px;
    font-weight: normal;
}

#body {
    background-color: #fff;
    color: #6f7878;
    width: 940px;
    /*height:  100%;*/
    margin: auto;
border-radius: 10px;
    padding: 20px;
    /*font-family: "Tahoma, Arial, Helvetica, sans-serif";*/
    font-size: 13px; 
    text-align: justify;
    z-index: 10;
    -webkit-box-shadow: 0 0 150px 20px rgba(2,255,255,0.8);
    box-shadow: 0 0 150px 20px rgba(2,255,255,0.8);
}

ul {
    padding: 0 0 0 30px;
    list-style: circle;
}

#body img {
    border-radius: 10px;
    float: right;
    /*padding:  20px;*/
    margin: 20px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 0 15px 1px #42c9cd;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 0 15px 1px #42c9cd;

    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -o-transition: -o-transform 2s;
    -ms-transition: -ms-transform 2s;
    transition: transform 2s;
}

#body img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#main {
    width: 66%;
    float: left;
    /*   height:   100% */
}

#side {
    width: 33%;
    float: left;
    background-color: #edfafa;
    border-radius: 10px;
    /*height:  100%*/
}

#side p,#main p {
    padding: 10px 20px;
}

footer {
    height: 20px;
    /*width:  100%;*/
    text-align: center;
    color: #6f7878;
    font-size: .75em;
    padding: 5px 0 0 0;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
}

footer p {
    text-align: center;
    /* font-weight: bold;*/
    margin: 0 auto;
}

footer a {
    color: #6f7878;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

.cf {
    /*float:  none;*/
    clear: both;
}

/* nav */
.nav {
    position: relative;
    margin: 15px -10px 0 600px;
    /*background:  #42c9cd;*/
    /*z-index:  50;*/
    font-family: "Tahoma";
    text-shadow: 0 1px 0 black;
    /*font-weight:  bold;*/
    /*font-size:  11px;*/
    /*font-size:  0.69em;*/
    cursor: pointer;
    /*z-index:  0;*/
}

.nav ul {
    margin: 0;
    padding: 0;
    font-size: 0; 
    /*white-space-collapsing:  discard;*/
}

.nav li {
    margin: 0;
    padding: 15px;
    list-style: none;
    display: inline-block;
    font-size: 15px;
    /*line-height:  9px;*/
    /*background:  #fb9e25;*/
    background-color: #42c9cd;
    border-top: 1px solid rgba(255,255,255,0.3);
}

.nav li:first-child {
    border-top-left-radius: 10px;
    border-left: 1px solid rgba(255,255,255,0.3);
}

.nav li:last-child {
    border-top-right-radius: 10px;
    border-right: 1px solid rgba(0,0,0,0.3);
}

.nav li:hover {
    background: #fb9e25;
}

.nav a {
    margin: 0; 
    /*font-size:  0;*/
    text-decoration: none;
    color: #fff;
    /*line-height: 100%; */
    /*background-color:  #42c9cd;*/
}

.nav li a {
    display: block;
}

.nav a:hover {
    /*-webkit-transform:  scale(1.1);*/
    /*color:  #ff0; */
    /*background:  #fb9e25;*/
}

.nav .current {
    background: #fb9e25;
    border: 2px solid rgba(255,255,255,0.3);
}

/* right nav */
.nav.right ul {
    text-align: right;
}