@charset "UTF-8";
/* CSS Document */

@import url('//fonts.googleapis.com/css?family=Catamaran:100,200,300,400,700&subset=latin-ext');

h1, h2, h3, h4, h5 {font-family: 'Catamaran', sans-serif;}
p {font-family: 'Catamaran', sans-serif; font-weight: 200; text-align: left}
* {padding:0px; margin:0px;}
body {background-color:#f4f6f7; text-align:center; font-family: 'Catamaran', sans-serif;}
#container {position:relative; width:100%; background-color:#ffffff; margin-bottom: 20px; text-align: center}

#header {position:relative; width:100%; height: 180px}
#topband {position:relative; width:100%; height:30px; background-color:#0c5faa}
#logo {position:relative; float: left; width: 350px; height:123px; margin-left: 20px; margin-top: 20px; text-align:left}
#logo img {position:relative; width:100%}
#social {position: relative; float: right; width:160px; height:auto; margin-top:15px; margin-right: 20px}
#social img {margin-left: 15px; position: relative; float: right}

#main {position:relative; width:100%; height: auto; display: table; text-align: center}

/* left column holds the nav box - will sit up top under 11024px */
#leftcolumn {position: relative; display: block; width:100%; margin-top: 20px; margin-bottom: 40px; text-align: center}

#nav {position: relative; width: 95%; margin-left: auto; margin-right: auto; text-align: center }

#nav ul { width: 100%;list-style: none; text-align: center}

#nav li a { display: block;list-style: none; border-radius: 5px; min-width:160px; height:34px; padding-top: 3px; margin: 4px; background-color:#eeeeee; text-align: center; padding-left:10px; padding-right:10px; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1.2em;color:#0c5faa; text-decoration: none}

#nav li a:hover { display: block; border-radius: 5px; width:auto; height:34px; padding-top: 3px; margin-bottom: 4px;  text-align: center; padding-left:10px;padding-right:10px; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1.2em;background-color:#f48430;}

#messagebox {visibility:hidden; overflow: hidden; width: 0px; height: 0px}


#content {position:relative; width:100%; margin-top: 20px; text-align: center}

.bigimagebox {position:relative; width:100%; margin-top: 20px}
.bigimagebox img {position:relative; width:100%;}

.bigcontent {position:relative; width:95%; text-align: left; margin-top: 20px; margin-left: auto; margin-right: auto; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1.2em; line-height:1.3em}
.bigcontent p {padding: 0.7em}
.bigcontent h2, h3 {padding: 0.7em; padding-left: 13px}
.bigcontent strong {font-weight: 700}
.generalcontent {position:relative; width:95%; text-align: left; margin-left: auto; margin-right: auto; margin-top: 20px;  font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1em; line-height:1.2em}

#bottomcontent {position:relative; width:95%; height: auto; text-align: left; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; display: table}
.contrast {font-style:italic; font-family: 'Catamaran', sans-serif; font-weight: 700; font-size:1.4em; line-height:1.4em; color:#f48430}
.contrast span {font-family: 'Catamaran', sans-serif; font-weight: 700; font-size:1.4em; line-height:1.4em; font-style:italic; color:#0c5faa}


/* Service boxes */
#services {position: relative; display: table; text-align: center}
.servicebox {z-index:1001; position: relative; display: inline-block; width: 230px; height:390px; overflow: hidden; text-align: left; margin-left: 10px; margin-top: 15px; margin-bottom: 20px; border-radius: 0px 15px 0px 15px;}
.serviceboxright {z-index:1002; position: relative; display: inline-block; width: 230px; height:390px; overflow: hidden; text-align: left; margin-left: 10px; margin-top: 15px; margin-bottom: 20px; border-radius: 0px 15px 0px 15px;}
.serviceboximage {position: relative; display: block; width: 230px; height:126px; overflow: hidden;}
.serviceboximage img {width: 100%}
.serviceboxtitle {position: relative; display: block; width: 230px; height:50px; overflow: hidden; background-color: #f48430}
.serviceboxtitle h3 {padding-left: 8px; padding-right: 8px; padding-top: 12px; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1.6em; line-height:1em; color: #ffffff; text-align: center}
.serviceboxtitle h2 {padding-left: 8px; padding-right: 8px; padding-top: 6px; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1.2em; line-height:1em; color: #ffffff; text-align: center}
.serviceboxtext {position: relative; display: block; width: 230px; height:220px; overflow: hidden; background-color: #666; padding-left:3px}
.serviceboxtext p {padding-left: 8px; padding-right: 8px; padding-top: 10px; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1em; line-height:1.2em; color: #ffffff; overflow: hidden;}

.servicebox a, ul, li {text-decoration: none;}
.servicebox ul {padding-top: 10px; padding-left: 22px; display: table; width: 88%; overflow: hidden; text-align: left ! important}
.servicebox li {color: #ffffff; padding-bottom: 10px; line-height: 1.2em}
.serviceboxright ul {padding-top: 10px; padding-left: 22px; display: table; width: 88%; overflow: hidden; text-align: left ! important}
.serviceboxright li {color: #ffffff; padding-bottom: 10px; line-height: 1.2em}

#footer {position:relative; width:100%; height: auto; display: table; background-color:#666}
#footercontact {position: relative; float: left; min-width: 260px; margin-top: 20px; margin-left: 15px; margin-bottom: 20px; text-align: left; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1.2em; line-height:1.3em; color: #ffffff}
#footercontact span {font-weight: 700; }
#footercontact a {text-decoration: none; font-weight: 400; color: #ffffff}

#footermenu {position: relative; float: left; min-width: 160px; margin-top: 20px; margin-left: 20px; margin-bottom: 20px; text-align: left; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1em; line-height:1.5em; color: #ffffff}
#footermenu a {text-decoration: none; color: #ffffff}
#footermenu a:hover {text-decoration:underline; color: #ffffff}

#footersocial {position: relative; float: right; min-width:130px; height:auto; margin-top:15px; margin-right: 10px; margin-bottom: 20px}
#footersocial img {margin-left: 15px; position: relative; float: right}

#creditbox {display: table; position:relative; width:100%; background-color:none; margin-left: auto; margin-right: auto; margin-bottom: 20px; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:0.8em; line-height:1em; color: #666; border-top:thin; border-top-color:#c3c3c3; border-top-style:solid}

#creditbox p {display:inline-table; padding-top: 15px}
#creditbox a {text-decoration: none}

/* Team page */

#innerteamcontainer {text-align: left ! important; display: table; width: 100%; }
.teambox {display: table; width: 100%; background-color: #ffffff; margin-right: 0px; border-bottom:solid; border-bottom-width: 1px; border-bottom-color:#666666}
.teambox img {width: 300px; margin-left: 14px; margin-bottom: 20px; margin-top: 15px}
.teambox h3 {margin-left: 0px}

/* lists */

.bigcontent ul {padding-left: 30px; display: table; width: 90%; overflow: hidden}
.bigcontent li {padding-bottom: 10px}