body, html {
        padding : 0px;
        margin : 0px;
        background-color : rgb(0,0,0);
}

img {
        outline : none;
        border : none;
}

a {
        color : rgb(255,255,255);
        text-decoration : none;
}

a:hover {
        text-decoration : underline;
}

#wrapper {
        margin : 0px;
        padding : 0px;
        width : 100%;
        height : 100%;
        background-color : rgb(0,0,0);
}

#menuwrap {
        width : 100%;
        height : 127px;
}

#menuTopwrap {
        width : 100%;
        height : 75px;
        border-bottom : 1px solid rgba(255,255,255,0.5);
}

#menuTop {
        margin : 0px auto;
        height : 100%;
        width : 90%;
        color : rgb(255,255,255);
        font-family : "Trebuchet MS", Helvetica, sans-serif;
}

#menuBottomwrap {
        width : 100%;
        height : 50px;
        border-bottom : 1px solid rgba(255,255,255,0.5);
}

#menusitename {
        float : left;
        width : 45%;
        font-size : 24px;
        text-align : center;
        line-height : 3em;
}

#menusocmed {
        float : left;
        width : 10%;
        text-align : center;
        /*line-height : 4.7em;*/
	padding-top : 25px;
}

#menucontact {
        float : left;
        width : 38%;
        padding-left : 7%;
	padding-top : 1%;
}

#menuBottom {
        margin : 0px auto;
        height : 100%;
        width : 75%; /* initial setting redefined dynamically by jquery in header.php for mobile technology*/
}

#menuBottom ul {
        margin : 0px;
        padding : 0px;
        list-style-type : none;
}

#menuBottom ul li {
        display : inline;
}

#menuBottom ul li a {
        text-decoration : none;
        padding : .2em 1em;
        line-height : 2.5em;
        font-family : "Trebuchet MS", Helvetica, sans-serif;
        font-size : 18px;
        color : rgb(255,255,255);
}

#menuBottom ul li a:hover {
        background-color : rgba(255,255,255,0.2);
}

#bottomBarwrap {
        width : 100%;
        height : 50px;
        border-top : 1px solid rgba(255,255,255,0.5);
}

#bottomBar {
        margin : 0px auto;
        width : 65%;
        height : 100%;
        font-family : "Trebuchet MS", Helvetica, sans-serif;
        font-size : 12px;
        color : rgb(255,255,255);
}

#bottomBarleft {
        float : left;
        width : 80%;
}

#bottomBarright {
        float : right;
        width : 20%;
        text-align : right;
}

#mainbody {
        width : 1000px;
        margin : 0px auto;
}

#homebar {
        position : relative;
        /*left : 0px;
        top : 400px;*/
        background-color : rgba(0,0,0,0.5);
        /*width : 97%;*/
        /*height : 100px;*/
        padding : 2%;
        color : rgba(255,255,255,0.7);
        font-family : "Trebuchet MS", Helvetica, sans-serif;
        font-size : 14px;
}

#pagecontentbox {
        position : relative;
        top : 60px;
        margin : 0px auto;
        background-color : rgba(0,0,0,0.6);
        border-radius : 15px;
        width : 750px;
        height : 500px;
        padding : 25px;
        color : rgb(255,255,255);
        font-family : "Trebuchet MS", Helvetica, sans-serif;
        font-size : 14px;
}

#gallerywrap {
        width : 950px; /*1000px;*/
        margin : 0px auto;
        clear : both;
}

#gallerywrap ul {
        margin : 0px;
        padding : 0px;
        list-style-type : none;
}

#gallerywrap ul li {
        margin : 0px;
        padding : 0px;
        display : inline;
        /*width : 185px;
        height : 123px;*/
        opacity : 0.7;
}

#gallerywrap ul li:hover {
        opacity : 1;
        transition: opacity .25s ease-in-out;
}

#displayimage {
        position : relative;
        /*width : 1000px;
        height : 667px;
        overflow : hidden;*/
}

#prev {
        position : absolute;
        left : 0px;
        top : 0px;
        background-image : url(./images/prv_arrow.png);
        background-repeat : no-repeat;
        background-position : left center;
        opacity : 0.2;
        width : 100px;
        /*height : 100%;*/
        z-index : 10;
}

#prev:hover {
        background-color : rgba(255,255,255,0.3);
        opacity : 0.8;
        transition: opacity .25s ease-in-out;
}

#next {
        position : absolute;
        left :900px;
        top : 0px;
        background-image : url(./images/nxt_arrow.png);
        background-repeat : no-repeat;
        background-position : right center;
        opacity : 0.2;
        width : 100px;
        /*height : 100%;*/
        z-index : 10;
}

#next:hover {
        background-color : rgba(255,255,255,0.3);
        opacity : 0.8;
        transition: opacity .25s ease-in-out;
}

#metabar {
        position : relative;
        /*bottom : 40px;*/
        top : -672px;
        height : 35px;
        width : 100%;
        background-color : rgba(0,0,0,0.7);
        color : rgb(255,255,255);
        font-family : "Trebuchet MS", Helvetica, sans-serif;
        font-size : 18px;
}

#metabar .name {
        height : 35px;
        width : 710px;
        float : left;
        padding-left : 10px;
        line-height : 2em;
}

#metabar .social {
        height : 28px;
        width : 280px;
        padding-top : 7px;
        float : right;
}


#themetabar {
        position : relative;
        /*bottom : 40px;*/
        /*top : -672px;
        height : 35px;
        width : 100%;*/
        /*background-color : pink;*/
        background-color : rgba(0,0,0,0.7);
        height : 35px
        color : rgb(255,255,255);
        font-family : "Trebuchet MS", Helvetica, sans-serif;
        font-size : 18px;
        z-index:10;
        clear : both;
}

#themetabar .name {
        height : 35px;
        width : 710px;
        float : left;
        padding-left : 10px;
        line-height : 2em;
        background-color : rgba(0,0,0,0.7);
        color : rgb(255,255,255);
}

#themetabar .social {
        height : 28px;
        width : 280px;
        padding-top : 7px;
        background-color : rgba(0,0,0,0.7);
        float : right;
}

.txtopacity {
        opacity : 0.7;
}

.gallerytitle {
        width : 100%;
        height : 20px;
        text-align : center;
        color : rgb(255,255,255);
        font-family : "Trebuchet MS", Helvetica, sans-serif;
        line-height : 1em;
        opacity:0.9;
}

a.white {
        color : rgb(255,255,255);
        text-decoration : none;
}

a.white:hover {
        text-decoration : underline;
}

h1,h2,h3,h4,h5,h6, .head {
        padding : 0px;
        margin : 0px;
}