* { margin:0; }



@font-face{font-family:'futura_md_btmedium';src:url("fonts/tt0142m-webfont.eot");src:url("fonts/tt0142m-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/tt0142m-webfont.woff") format("woff"),url("fonts/tt0142m-webfont.ttf") format("truetype"),url("fonts/tt0142m-webfont.svg#futura_md_btmedium") format("svg");font-weight:normal;font-style:normal;}



div.center { text-align: center; }



a img { border: 0; }



h1, h2, h3, a { color: #1f79c2; }

h2 { font-weight: normal; font-size: 25px; margin: 10px 0 15px 0; }

p { margin: 15px 0; }
#ccards { max-width: 200px; }

#google_translate_element { margin-top: 20px; }

body { margin: 0; font-family:'futura_md_btmedium', Arial, Helvetica, sans-serif; background: url(images/body-bg.png) top left repeat-x; font-size: 18px; }

.container { width: 1100px; margin: 0 auto; }

#header { height: 135px; background: url(images/header-bg.jpg) top left no-repeat; padding-left: 160px; }

#header h1 { font-weight: bold; color: #fff; font-size: 45px; text-shadow: 1px 1px 0 #000; margin: 0; padding: 0; line-height: 98px; }



.red { color: #c00; }

.red a { color: #c00; }



.smaller { font-size: .80em; }

.larger { font-size: 1.3em; }

ul.checkmark {
margin: 12px;
padding: 0;
}
ul.checkmark li{
margin: 0 0 12px 0;
font-size: .9em;
line-height: 1.2em;
}

body:nth-of-type(1) ul.checkmark li{
list-style-type:none;
padding: 0 0 0 45px;
position:relative;
}

body:nth-of-type(1) ul.checkmark li:before{
/*fill it with a blank space*/
content:"\00a0";

/*make it a block element*/
display: block;

/*adding an 8px round border to a 0x0 element creates an 8px circle*/
border: solid 9px #000;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;

/*Now position it on the left of the list item, and center it vertically
(so that it will work with multiple line list-items)*/
position: absolute;
left: 7px;
top: 40%;
margin-top: -8px;
}
body:nth-of-type(1) ul.checkmark li:after{
/*Add another block-level blank space*/
content:"\00a0";
display:block;

/*Make it a small rectangle so the border will create an L-shape*/
width: 3px;
height: 6px;

/*Add a white border on the bottom and left, creating that 'L' */
border: solid #fff;
border-width: 0 2px 2px 0;

/*Position it on top of the circle*/
position:absolute;
left: 14px;
top: 40%;
margin-top: -4px;

/*Rotate the L 45 degrees to turn it into a checkmark*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

.myButton {
   -moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
   -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
   box-shadow:inset 0px 1px 0px 0px #cf866c;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
   background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
   background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
   background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
   background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
   background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
   background-color:#d0451b;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   border:1px solid #942911;
   display:inline-block;
   cursor:pointer;
   color:#ffffff;
   font-family:Arial;
   font-size:26px;
   padding:6px 24px;
   text-decoration:none;
   text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
   background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
   background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
   background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
   background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
   background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
   background-color:#bc3315;
}
.myButton:active {
   position:relative;
   top:1px;
}

#nav { margin: 0; padding: 5px 0 0 0; }

#nav li { display: inline-block; border-right: 1px solid #fff; text-shadow: 1px 1px 0 #333; text-transform: uppercase; padding: 2px 20px; font-size: 14px; }

#nav li a { text-decoration: none; color: #fff; }

#nav li a:hover { color: #f7d24a; }

#nav li.firstchild { padding-left: 0; }

#nav li.lastchild { padding-right: 0; border-right: 0; }

#nav li a.selected { color: #f7d24a; }

#nav2div { background-color: #3e576b; }
#nav2 { margin: 0  auto; padding: 5px 0 0 0; max-width: 1100px; }
#nav2 li { display: inline-block; border-right: 1px solid #fff; text-shadow: 1px 1px 0 #333; text-transform: uppercase; padding: 2px 20px; font-size: 14px; }
#nav2 li a { text-decoration: none; color: #fff; }
#nav2 li a:hover { color: #f7d24a; }
#nav2 li.firstchild { padding-left: 0; }
#nav2 li.lastchild { padding-right: 0; border-right: 0; }


#col1 { width: 571px; float: left; }

#col2 { width: 529px; float: right; text-align: center; }

#col1 p { text-align: justify; }





#footer { clear: both; background-color: #1f79c2; color: #fff; font-size: 12px; padding: 8px 20px; }

#footer span { padding-right: 20px; }

#footer a { color: #fff; }

#footer a:hover { color: #f7d24a; }



.homeimage { display: inline; line-height: 1px; margin: 0; padding: 0; width: 100%; }

.graybox { background-image: url(images/gradient-box.png); background-repeat: no-repeat; margin-top: 50px; padding: 30px 40px; width: 60%; margin: auto; }



.blue { background-color: #1f79c2; padding: 10px 20px; margin: 0; color: #fff; font-size: 15px; }

.blue span { padding-left: 40px; }

.tiny { font-size: 15px; }

.padding { padding: 20px; }



p#homeadd { background: url(images/map-icon.png) top center no-repeat; background-size: cover; width: 313px; margin: auto; color: #0a3a62; margin-top: 40px; padding-top: 40px; padding-bottom: 20px; font-size: 22px; line-height: 25px; }

p#homeadd a { text-decoration: none; color: #0a3a62; }

p#homeadd a:hover { text-decoration: underline; }



p#homeserv { font-size: 28px; margin-top: 46px; }

address { display: inline; font-style: normal; }



.testimonial { text-align: left; font-size: 15px; width: 300px; margin: auto; margin-top: 35px; }

.testimonial a { color: #000; text-decoration: none; }

.testimonial2 { text-align: left; font-size: 15px; margin-top: 15px; background-color: #fafafa; padding: 10px; border: 1px solid #eee; }



.openquote { color: #8d8d8d; font-size: 50px; font-family: Georgia, serif; float: left; margin-top: -10px; margin-right: 10px; margin-bottom: 40px; }

.closequote { color: #8d8d8d; font-size: 50px; font-family: Georgia, serif; float: right; }



.testimonial2 .openquote { margin-bottom: -30px; height: 50px; }



#social { clear: both; }

#social img { opacity: .9; }

#social img:hover { opacity: 1; }



ul.right { width: 40%; text-align: left; float: right; }

ul.left { width: 40%; text-align: left; float: left; }





@media all and (max-width: 1099px) {

   .container { width: 100%; }

   #header {background-image: none; background-color: #1f79c2; padding-left: 0; height: auto; }

   #header h1 { padding-left: 5%; }

   #nav { background-color: #0a3a62; border-top: 3px solid #fff; padding: 10px 5%; }

   #col1, #col2 { width: 49%; }

   .blue span { display: block; padding-left: 0; }

   p#homeadd { width: 70%; padding-top: 45px; padding-bottom: 25px; }

   .testimonial { width: 80%; }

   #netelevation { display: none; }

}

@media all and (max-width: 899px) {

   p#homeadd { width: 80%; padding-top: 50px; }

   #footer { text-align: center; }

   #footeraddress { display: block; padding-left: 0; }

   .graybox { padding: 30px 20px; }

   .graybox ul { text-align: left; }

}

@media all and (max-width: 799px) {

   p#homeadd { width: 100%; padding-top: 60px; padding-bottom: 35px; }

   p#homeserv { font-size: 18px; }

   ul.right { width: 80%; text-align: left; float: none; }

   ul.left { width: 80%; text-align: left; float: none; }

}

@media all and (max-width: 699px) {

   #nav li { font-size: 12px; }

   #col1, #col2 { float: none; width: 100%; }

   .blue span { display: inline; padding-left: 40px; }

   p#homeadd { width: 60%; padding-top: 70px; padding-bottom: 40px; }

   p#homeserv { font-size: 28px; }

}

@media all and (max-width: 599px) {

   #header h1 { font-size: 34px; }

   #nav { text-align: center; padding-left: 10%; padding-right: 10%; }

   #nav li { font-size: 18px; }

   p#homeadd { width: 70%; }

}

@media all and (max-width: 499px) {

   #header h1 { font-size: 28px; }

   #nav { padding-left: 5%; padding-right: 5%; }

   .blue span { display: block; padding-left: 0; }

   p#homeadd { width: 90%; }

}

@media all and (max-width: 399px) {

   #header h1 { font-size: 20px; }

   #nav { padding-left: 0; padding-right: 0; }

   #nav li { border: 0; display: block; padding: 3px 0; }

}