/* CSS Document */
body {
 background: #0E58A8;
 font-family: Lora, sans-serif;
 color: #282B68;
 font-size: 1em;
 margin: 0px;
}
#Header {
 width: 100%;
 height: 40px;
 background: #282B68;
 font-family: Ubuntu, sans-serif;
 text-align: right;
}
#Header ul {
 list-style-type: none;
 margin: 0px;
 padding: 8px 8% 8px 8%;
 z-index: +1;
}
#Header li {
 padding: 0px 2% 0px 2%;
 display: inline-block;
}
#Header li ul li {
 clear: both;
 display: inline-block;
 padding: 0px;
 margin: 5px -5.9px 5px 0px;
}
#Header li ul li a:before {
 content: "< ";
 color: #FFF;
}
#Header li ul li a:after {
 content: " >";
 color: #FFF;
}
#Header ul ul {
 background: #282B68;
 display: none;
 text-align: center;
 position: absolute ;
 right: 0px;
}
#Header li:hover > ul {
 display: block;
 margin-top: 0px;
}
#Header a {
 text-decoration: none;
 color: #FFF;
 padding: 2px 10px 0px 10px;
 display: block;
}
#Header li.Badges {
 margin: 0px -60px 0px -40px;
}
#Header li.Badges a {
 display: block;
 float: left;
 width: 5px;
 height: 15px;
 padding: 0px 7px 0px 7px;
 margin: 0px 7px 0px 7px;
}
#Header a:hover {
 color: #C60;
}
#SubHeader {
 padding: 5px 8% 5px 8%;
 background: #FFF;
}
#SubHeader p {
 display: inline-block;
 margin: 0px;
}
#SubHeader a {
 position: relative;
 display: inline-block;
}
#SubHeader a:after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
}
.Logo {
 display: inline-block;
 margin: 0px 15px 0px 0px;
}
#Content,#ContentCentered {
 padding: 1px 4% 15px 4%;
 margin-top: -1px;
 background: #FFF;
 min-height: 260px;
 clear: both;
}
#ContentCentered {
 text-align: center;
}
#Content a {
 text-decoration: none;
 color: #0E58A8;
}
#ContentCentered a {
 text-decoration: none;
 color: #FFF;
}
#Content a:hover,#ContentCentered a:hover {
 color: #C60;
}
#Content h1,#ContentCentered h1 {
 font-weight: 500;
 text-align: left;
 border-top: 2px solid #C60;
 border-bottom: 5px solid #0E58A8;
 margin: 0px;
}
#Content h2 {
 font-size: 1.25em;
}
#MidMenu {
 font-family: Ubuntu, sans-serif;
 text-align: right;
}
#MidMenu ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px 8% 0px 8%;
}
#MidMenu li {
 background: #0E58A8;
 display: inline-block;
}
#MidMenu li a {
 display: block;
 padding: 2px 18px 4px 18px;
 text-align: right;
 color: #FFF;
}
#CenteredForm {
 text-align: center;
}
#CenteredForm ul {
 list-style-type: none;
 margin: 0px;
}
#CenteredForm li{
 display: inline-block;
 vertical-align: middle;
}
.Dark {
 font-family: Ubuntu, sans-serif;
 font-size: 1.2em;
 text-align: center;
}
#Content .Dark a {
 color: #FFF;
 background: #282B68;
 margin: 0px;
 padding: 10px 5% 10px 5%;
}
#Content .Dark a:hover {
 color: #C60;
}
.Or {
 font-size: 1.2em;
 margin: 10px;
 text-align: center;
}
form {
 width: 100%;
}
#ClientForm fieldset {
 display: inline-block;
 border: 0px;
 padding: 0px;
 margin: 0px;
 width: 100%;
}
#ClientForm label {
 display: inline-block;
 float: left;
 clear: left;
 width: 50%;
 margin: 2px;
 text-align: right;
}
input, textarea {
 -webkit-appearance: none;
 -webkit-border-radius: 0;
}
#ClientForm input[type=text],#ClientForm select,#ClientForm input[type=radio] {
 color: #282B68;
 margin: 2px;
 display: inline-block;
 float: left;
}
#ClientForm input[type=checkbox] {
 color: #282B68;
 margin: 3px 2px 0px 0px;
 display: inline-block;
 float: left;
}
#ClientForm input[type=submit],#ClientForm input[type=reset] {
 display: inline-block;
 clear: left;
 background: #282B68;
 margin: 0px;
 padding: 12px 45px 12px 45px;
 margin: 2px 5% 2px 5%;
 color: #FFF;
 font-size: 1em;
 border: 0px;
}
#ClientForm input[type=submit]:hover,#ClientForm input[type=reset]:hover {
 color: #C60;
}
#ClientForm select,#ClientForm input[type=text] {
 min-width: 200px;
}
#ClientForm input#Communication ~ span.Communication {
 display: none;
}
#ClientForm input#Network ~ span.Network {
 display: none;
}
#ClientForm input#Locate ~ span.Locate {
 display: none;
}
#ClientForm input#GIS ~ span.GIS {
 display: none;
}
#ClientForm input#Trenching ~ span.Trenching {
 display: none;
}
#ClientForm input#Tower ~ span.Tower {
 display: none;
}
#ClientForm input#Inside ~ span.Inside {
 display: none;
}
#ClientForm input#Outside ~ span.Outside {
 display: none;
}
#ClientForm input#Communication:checked ~ span.Communication {
 display: inline;
}
#ClientForm input#Network:checked ~ span.Network {
 display: inline;
}
#ClientForm input#Locate:checked ~ span.Locate {
 display: inline;
}
#ClientForm input#GIS:checked ~ span.GIS {
 display: inline;
}
#ClientForm input#Trenching:checked ~ span.Trenching {
 display: inline;
}
#ClientForm input#Tower:checked ~ span.Tower {
 display: inline;
}
#ClientForm input#Inside:checked ~ span.Inside {
 display: inline;
}
#ClientForm input#Outside:checked ~ span.Outside {
 display: inline;
}
.Tag {
 display: inline-block;
 float: left;
 padding: 0px 10px 0px 5px;
}
.LightBox,.DarkBox {
 width: 400px;
 height: 200px;
 color: #FFF;
 margin: 10px 5px 0px 5px;
 display: inline-block;
}
.LightBox {
 background: #0E58A8;
}
.DarkBox {
 background: #282B68;
}
.FloatText {
 font-family: Ubuntu, sans-serif;
 text-align: center;
 width: 150px;
 margin: 25px;
 float: left;
}
.LightBox img,.DarkBox img {
 float: left;
}
.AlignLeft {
 float: left;
}
.AlignCenter {
 text-align: center;
 font-size: 1.25em;
 font-weight: 600;
 padding: 15px 0px 10px 0px;
 display: block;
 clear: both;
}
.FloatRight {
 float: right;
 padding: 15px 0px 15px 15px;
}
#Footer {
 width: 100%;
 background: #0E58A8;
 font-family: Ubuntu, sans-serif;
 color: #FFF;
 padding-bottom: 5px;
 clear: both;
 text-align: center;
}
#Footer ul {
 list-style-type: none;
 margin: 0px;
 padding: 10px 2% 10px 2%;
 display: inline-block;
 vertical-align: top;
}
#Footer li h1{
 color: #C60;
 margin: 0px;
 padding: 0px;
 font-size: 1.2em;
}
#Footer a {
 text-decoration: none;
 color: #FFF;
}
#Footer a:hover {
 color: #C60;
}
#Footer p {
 font-family: Lora, sans-serif;
}
@font-face {
 font-family : 'Ubuntu';
 font-style : normal;
 font-weight : 400;
 src : local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/2Q-AW1e_taO6pHwMXcXW5w.ttf) format('truetype');
}
@font-face {
 font-family : 'Lora';
 font-style : normal;
 font-weight : 400;
 src : local('Lora'), local('Lora-Regular'), url(http://themes.googleusercontent.com/static/fonts/lora/v7/4A-myfZX6oDr9CtSTkTGig.ttf) format('truetype');
}