div#header{
    position:relative;
    background:linear-gradient(to top, #A2E4F9, #328BA7);
    z-index:1;
}

div#mainContent{
    background:linear-gradient(to bottom, #D38C46, #603913);
    padding:auto;
    padding-bottom:5%;
    z-index:1;
}

div#content{
    background-color:#E1E1E1;
    text-align:center;
    margin:auto;
    margin-top:5%;
    padding:5%;
    z-index:1;
}

div#dogs{
    position:absolute;
    width:100%;
    z-index:1;
}

div#border{
    position:relative;
    border:40px solid transparent;
    border-image:url('../images/header_pattern.png') 0 20% 80% repeat;
    border-left:0;
    border-top:0;
    border-right:0;
    z-index:1;
}

div#headerNav{
    background-color:#754C24;
    border:medium solid #000000;
    border-left:0;
    border-right:0;
}

img#headerTitle{
    width:100%;
    height:auto;
    margin:auto;
    margin-left:3%;
    margin-top:5%;
    margin-right:3%;
    margin-bottom:5%;
}

img#headerPic{
    position:absolute;
    width:80%;
    height:auto;
    margin:auto;
    margin-left:3%;
    margin-top:5%;
    margin-right:3%;
    border:2px;
    border-style:solid;
    border-color:#ACA2A2;
    z-index:2;
}

img#headerPicMobile{
    position:relative;
    width:80%;
    height:auto;
    margin:auto;
    margin-left:5%;
    margin-top:5%;
    margin-right:5%;
    border:2px;
    border-style:solid;
    border-color:#ACA2A2;
    z-index:2;
}

img#beagle{
    position:absolute;
    bottom:0;
    width:40%;
    height:auto;
    margin:auto;
    margin-bottom:10%;
    opacity:0;
    z-index:0;
}

img#shep{
    position:absolute;
    bottom:0;
    width:70%;
    height:auto;
    margin:auto;
    margin-bottom:10%;
    opacity:0;
    z-index:0;
}

img#rott{
    position:absolute;
    bottom:0;
    width:90%;
    height:auto;
    margin:auto;
    margin-bottom:5%;
    opacity:0;
    z-index:0;
}

img#dalmation{
    position:absolute;
    bottom:0;
    width:90%;
    height:auto;
    margin:auto;
    margin-bottom:10%;
    opacity:0;
    z-index:0;
}

img#lab{
    position:absolute;
    bottom:0;
    width:80%;
    height:auto;
    margin:auto;
    margin-bottom:5%;
    opacity:0;
    z-index:0;
}

ul#navBar{
    list-style-type:none;
    display:inline-block;
    width:100%;
}

li.navElement{
    float:left;
    margin:auto;
    margin-top:1%;
    margin-right:4%;
}

span#block{
    margin:25%;
}

a.navElement{
    font-family:'Trebuchet MS';
    font-weight:bold;
    font-size:3vmin;
    color:#FFFFFF;
}

a.navElement:hover{
    color:#A2E4F9;
}

a.navElement:active{
    text-decoration:underline;
}