* {
    margin:0;
    padding:0;
    border:0px solid white;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #f5f6f6;
    line-height: 175%;
    color: #58595b;
    font-size: 1.1em;
}
a {
    text-decoration: none;
    color:black;
}
    a:hover {
        text-decoration:underline;
    }
h1, h2, h3, h4 {
    font-family: 'Cinzel', serif;
    font-weight: bold;
    color:black;
}
h1 {
    padding-top:25px;
    padding-bottom:10px;
    font-size:24px;
    clear:both;
}
h2 {
    font-size:20px;
}
hr {
    color:black;
    background-color:black;
    border:0px solid black;
    clear:both;
    display:none;
}
p {
    clear:both;
    line-height:125%;
    padding-top:6px;
    padding-bottom:6px;
}
#banner {
    width:100%;
    background-color:white;
}
#footer {
    width:100%;
    background-color:#62589f;
    color:white;
}
#bannercontent, #footercontent {
    width:60%;
    margin-left:auto;
    margin-right:auto;  
    overflow:hidden;  
}
.logo {
    width:150px;
    padding-top:25px;
    float:left;
    font-size:80%;
    line-height:120%;
    padding-bottom:10px;
}
#banner {
    text-align:center;
}
#bannercontent {
    text-align:center;
}
#banner ul {
    float:right;
    list-style-type: none;
    padding-top: 10px;
    width: 100%;       
}
#banner li {
       display:inline;
       padding:10px;
       padding-right:2px;*/              
       }    
#banner a {
    text-decoration:none;
    color:#65b5e7;
}
#banner a:hover {
    text-decoration:underline;
    color:white;
}
#bannercontent li {
    padding:14px;
}
.contact {
    float:left;
    color:#989899;
    font-size:80%;
    padding-right:25px;
    padding-top:25px;
}
#content {
    width: 100%;
    background-color: #d1d3d4;
    border-top: 0px outset #939598;
    border-bottom: 0px inset #939598;
}
#contentcontent {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-bottom: 50px;
    text-align: center;
    background-color: #d1d3d4;
    color:black;
}
/*#contentcontent div.panorama {
    width:100%;
    height:100%;
    padding-top:25px;    
}*/
#panorama {
 width:750px;
 height:300px;
 margin-top:10px;
}
#slideshow {
    margin-top:10px;
    border:0px solid black;
    text-align:center; 
}
#slideshow ul li img {
width:750px;
height:300px;
}

#footercontent {
    height:150px;
}
#copy {
    width:100%;
    text-align:right;
    padding-top:100px;
}
.section {
    border-bottom:1px inset #939598; 
    padding-bottom:10px;
    width:100%;
    margin-bottom:10px;
}
div.contactelement {
    float:left;   
    overflow:hidden;
    text-align:center;
}
.third {
    width:33.3%;
}
.half {
    width:50%;
}
div.clear {
    clear:both;
    overflow:hidden;
}
/* project pages e.g. Completed Projects */
div.projectsummary {
    clear:both;
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
}
/* left */
    div.projectsummary a, div.projectsummary a:visited {
        float: left;
        width: 300px;
        padding-right: 20px;
        padding-top: 0;
        color: black;
        font-size: 140%;
        padding-top: 0;
        font-family: 'Cinzel', serif;
    }
    div.projectsummary a:hover {
        color:#66ccff;
    }
div.projectsummary img {
    text-align:center;
    width:300px;    
}
    div.projectsummary div {
        text-align: center;
        width: 300px;
    }
/* right */
div.projectsummary div {
    float:left;
    width:400px;
}
ul {
    padding:20px;
    list-style-type:none; 
}
#projectdetail {
    width:600px; 
}
.thumbnails {
    background-color: #d1d3d4;
}
.thumbnails img {
    cursor:pointer;
    height:78px;
}
.mainimage {
    text-align:center; 
}