@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:1020px; background-color:#ffffff; border-color:#999; border-style:solid; border-width:1px; margin-left: auto; margin-right: auto; margin-bottom: 20px}

#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}

#leftcolumn {position: relative; float: left; display: block; width:210px; margin-left:20px; margin-top: 20px}

#nav {position: relative; float: left; width: 210px;}
/*#nav li {display:block; border-radius: 5px; width:210px; height:30px; padding-top: 7px; margin-bottom: 4px; background-color:#eeeeee; text-align: left; padding-left:10px;font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1.2em;}*/

#nav ul {list-style: none; text-align: left}
#nav li a {list-style: none; display:block; border-radius: 5px; width:210px; height:34px; padding-top: 3px; margin-bottom: 4px; background-color:#eeeeee; text-align: left; padding-left: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:210px; height:34px; padding-top: 3px; margin-bottom: 4px;  text-align: left; padding-left:10px;font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1.2em;background-color:#f48430;}

#messagebox {position: relative; float: left; clear:left; width: 210px; margin-top: 20px; text-align: left; font-family: 'Catamaran', sans-serif; font-weight: 400; font-size:1.1em; line-height:1.5em; color: #0c5faa}


#content {position:relative; width:735px; float:right; margin-top: 20px; margin-right: 20px; text-align: left}
.bigimagebox {border-radius: 0px 15px 0px 15px; overflow: hidden}
.bigcontent {position:relative; width:735px; text-align: left; margin-top: 20px; 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:735px; text-align: left; margin-top: 20px; font-family: 'Catamaran', sans-serif; font-weight: 300; font-size:1em; line-height:1.2em}

#bottomcontent {position:relative; width:735px; height: auto; text-align: left; 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 */
.servicebox {z-index:1001; position: relative; float: left; display: block; width: 240px; height:400px; overflow: hidden; margin-right: 7px; margin-top: 15px; margin-bottom: 20px; border-radius: 0px 15px 0px 15px;}
.serviceboxright {z-index:1002; position: relative; float: left; display: block; width: 240px; height:400px; overflow: hidden; text-align: center; margin-right: 0px; margin-top: 15px; margin-bottom: 20px; border-radius: 0px 15px 0px 15px;}
.serviceboximage {position: relative; display: block; width: 241px; height:136px; overflow: hidden; margin: 0px}
.serviceboximage img {width: 101%}
.serviceboxtitle {position: relative; display: block; width: 241px; height:50px; overflow: hidden; background-color: #f48430; margin: 0px}
.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: 241px; height:230px; overflow: hidden; background-color: #666; margin: 0px; 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 */

#footer {position:relative; width:100%; height: auto; display: table; background-color:#666}
#footercontact {position: relative; float: left; width: 350px; margin-top: 20px; margin-left: 265px; 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; width: 150px; 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; width:160px; height:auto; margin-top:15px; margin-right: 20px}
#footersocial img {margin-left: 15px; position: relative; float: right}
#creditbox {display: table; position:relative; width:1020px; 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}