/* PAGE ELEMENTS */
body {
    color: #444;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 1.0em;
}

a { color: #444; text-decoration: none; }
a:visited { color: #444; }
a:hover { color: #00a7d4; }
a:active { color: #444; }
h1 { font-size: 1.2em; font-weight: bold; color: #00a7d4; margin-top: 0px; padding-top: 0px; }
h2 { font-size: 1.2em; font-weight: bold; color: #333; }
h3 { font-size: 1.3em; font-weight: bold; color: #00a7d4; }
p { line-height: 1.4em; margin-top: 0px; }
input[type=email] { padding: 10px; border: solid 1px #444; margin-top: 5px; margin-bottom: 5px; width: 200px; font-family: Arial; }
input[type=submit] { padding: 10px 3px; border: solid 1px white; margin-top: 5px; width: 100px; background: #00a7d4; cursor: pointer; font-family: Arial; font-size: 0.9em; color: white; }

/* GENERIC */
.left { float: left; }
.right { float: right; }
.clear { float: none; clear: both; }

/* HEADER */
header { display: block; border-bottom: solid 1px #555; height: 100px; }
.logo { margin-left: 0px; padding-top: 10px; }
.logo img { height: 80px; }
nav.home { border-bottom: solid 1px #fff; }
nav { border-bottom: solid 1px #555; }
nav ul { list-style-type: none;  padding-left: 0px; }
nav ul li { display: inline-block; list-style: none; text-align: center; padding: 0px 20px; }
nav ul li a { display: block; color: #444; }
.contact { text-align: right; margin-top: 30px; }
.email {}
.telephone { font-size: 2.0em; line-height: 1.5em; color: #555; }

/* BREADCRUMBS */
.breadcrumbs { text-align: right; width: 100%; font-size: 0.8em; }
.breadcrumbs ul { list-style-type: none;  padding-left: 0px; margin-top: 0px; }
.breadcrumbs ul li { display: inline-block; list-style: none; text-align: center; padding: 5px 0px; }
.breadcrumbs ul li a { color: #444; }
.breadcrumbs ul li a::after { content: ">"; padding-left: 5px; padding-right: 5px; }
.breadcrumbs ul li:last-child a::after { content: ""; padding-left: 5px; padding-right: 5px; }

/* FOOTER */
footer { /*display: block; height: 300px;*/ background-color: #00a7d4; }
footer a { color: white; text-decoration: none;  }
footer a:visited { color: white; }
footer a:hover { color: #444; }
footer a:active { color: white; }
.leftcol { float: left; width: 366px; line-height: 1.5em; }
.centercol { float: left; width: 366px; line-height: 1.5em; }
.rightcol { float: right; width: 366px; line-height: 1.5em; }
.colinset { margin: 10px; color: white; }
.links { border-top: solid 1px white; margin: 10px; padding: 10px; text-align: center; }
.links img { padding: 0 30px; }
.flogos img { height: 48px; width: 48px; margin-right: 10px; }
footer h2 { font-size: 1.2em; font-weight: bold; color: white; margin-bottom: 20px; }
footer.home { font-size: 0.8em; text-align: right; margin-top: 5px; color: #999; display:inline; background-color: white; height: auto; }
.map { margin-top: 10px; }
.subscribe { margin-top: 20px; }

/* PAGE CONTENT */
.page { width: 1100px; margin-left: auto; margin-right: auto; }
.columnleft { width: 548px; float: left; margin-bottom: : 10px; }
.columnmain { width: 548px; margin-left: 550px; margin-bottom: 10px; }
.columnleftnarrow { width: 348px; float: left; margin-bottom: : 10px; padding-top: 25px; }
.columnmainwide { width: 748px; float: left; margin-bottom: : 10px; }

/* NEWS */
.newsletter { list-style-type: square; }
.newsletter li { padding-bottom: 5px; }
.tweets { margin-left: auto; margin-right: auto; width: 500px; }

/* PROJECTS */
.projects { list-style-type: none; display: table; padding: 0px; border-collapse: collapse; }
.projects li { list-style: none; display: inline-block; margin: 12px; text-align: center; }
.projects li a:hover { color: #444; }
.projects li a img { width: 250px; height: 250px; border: none; }

/* PROJECT DETAIL */
.description { float: left; width: 400px; }
.images { float: right; width: 650px; }
.images img { width: 650px; }
.images ul { width: 670px; padding: 0; }
.images li { list-style: none; display: inline-block; margin-right: 14px; margin-bottom: 10px; }
.images li img { width: 115px; cursor: pointer; }
.bluetext { color: #00a7d4; }
.description a { color: #00a7d4; text-decoration: underline; }