/* ====== Reset ====== */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-decoration:none;
list-style:none;
outline:none;
}
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:auto; padding-bottom: 230px;}
footer {position: relative; margin-top: -230px; height: 260px; clear:both;}
/* ============ HTML5 ============*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; } [hidden] { display: none; }
/* ============ Base Styles ================*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color:#252525; }
body {
margin: 0;
font-size: 12px;
line-height: 18px;
background: #fff;
text-rendering: optimizeLegibility;
}
/* ===== Fixes ===== */
.clearfix { clear:both; }
.alpha { margin-left:0px !important; }
.omega { margin-right:0px !important; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
/***** Screen 960px *****/
.row { margin:0 auto; width:960px; overflow:hidden; }
.row .row { margin:0 -16px 0 -16px; width:auto; display:inline-block; }
.grid_1 { width:48px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_2 { width:128px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_3 { width:208px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_4 { width:288px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_5 { width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_6 { width:448px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_7 { width:528px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_8 { width:608px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_9 { width:688px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_10 { width:768px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_11 { width:848px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_12 { width:928px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.offset_1 { margin-left:96px; }
.offset_2 { margin-left:176px; }
.offset_3 { margin-left:256px; }
.offset_4 { margin-left:336px; }
.offset_5 { margin-left:416px; }
.offset_6 { margin-left:496px; }
.offset_7 { margin-left:576px; }
.offset_8 { margin-left:656px; }
.offset_9 { margin-left:736px; }
.offset_10 { margin-left:816px; }
.offset_11 { margin-left:896px; }
/* ===== Easter Eggs ===== */
::-moz-selection { background: #252525; color: #fff; }
::selection { background: #252525; color: #fff; }
/* ===== Colors ===== */
.bg { background:#252525; }
/* ===== Fixes ===== */
.hide { display: none; }
.alpha { margin-left: 0px !important; }
.omega { margin-right: 0px !important; }
img { max-width:100%; display:block; margin:0 auto; }
/* ===== Typograhpy ===== */
.wf-loading { visibility: hidden !important; }
/* HGroups */
h1,h2,h3,h4,h5 { font-weight:normal; color:#252525; text-transform: uppercase; margin:20px; }
h1 { font-size:29px; line-height: 32px; }
h2 { font-size:23px; line-height: 33px; }
h3 { font-size:21px; line-height: 31px; }
h4 { font-size:19px; line-height: 29px; }
h5 { font-size:17px; line-height: 27px; }
h6 { font-size:15px; line-height: 25px; }
/* Paragraphs */
p { font-size:12px; line-height:18px; margin-bottom:15px; color:#888; }
/* Links */
/* ===== Header ===== */
header { display: block; background: #004a80; min-height: 60px; }
header .inner { height: 60px; margin-bottom:20px; }
.logo { margin-top:12px; }
ul.main_nav { display: block; margin-top:20px; margin-left:40px; }
ul.main_nav li { float:left; margin-right:10px; }
ul.main_nav li:last-child { margin-right:0px; }
ul.main_nav li a { font-size: 14px; color:#fff; display: block; font-weight: bold; color:#448ccb; }
ul.main_nav li a:hover { color:#fff; }
ul.main_nav li a.active { color:#fff; }
.usa { float:right; margin-top:15px; }
.call { font-size: 14px; font-weight: bold; color:#fff; margin-left:10px; }
/* ===== Home ===== */
.hero {
display: block;
height: 300px;
background-image:url("../images/hero_courtroom.png");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
width:100%;
}
/* ===== Footer ===== */
footer { background: #363636; }
footer h6 { color:#fff; font-weight: bold; font-size: 17px; margin-bottom:20px; }
.cc_cards { margin-top:20px; }
.cc_icons {display: block; }
.cc_icons li { float:left; margin-right:10px; display: block; }
.cc_icons li img { max-width: 50px; }
.ft_bg { background: #363636; }
.footer_header { display: block; margin:20px auto; text-align: center; color:#fff; font-weight: bold; font-size: 17px; }
.foot_farm { margin-top:30px; float:left; }
.foot_farm h6 { color:#fff; font-weight: bold; font-size: 17px; margin-bottom:20px; }
ul.ft_farm { display: block; }
ul.ft_farm li { margin-bottom:10px; color:#666; }
ul.ft_farm a { color:#666; }
ul.ft_farm a:hover { color:#666; }
/* ======================================== Home */
.home_tagline { text-align: center; color:#f26522; margin-bottom:20px; display: block; }
.home_tagline h1 { color:#f26522; font-weight: bold; }
.block_services { display: block; text-align: center; margin-bottom:50px; }
.block_services h2 { color:#004a80; font-weight: bold; margin-bottom:10px; }
.block_services p { font-size: 15px; line-height: 23px; }
.block_services img { display: block; margin:10px auto; }
.home_call { padding:30px 0; background: #f6f6f6; text-align: center; border-top:1px solid #eee; }
.home_call img { display: block; margin:10px auto; }
.home_call h3 { text-transform: uppercase; color:#363636; font-size:27px; }
.home_call h4 { text-transform: uppercase; color:#003471; font-size: 52px; margin-bottom:30px; font-weight: bold; }
.home_call h5 { text-transform: uppercase; color: #448ccb; font-size: 52px; font-weight: bold; }
/* ======================================== Services */
.services { margin:30px 0; }
.services h1 { color:#f26522; font-weight: bold; text-align: center; margin-bottom:30px; }
/* ======================================== Links */
.links { margin:30px 0; }
.links h3 { text-transform: uppercase; color: #448ccb; font-size:27px; }
ul.link_farm { display: block; margin-bottom:30px; padding-left:55px; }
ul.link_farm li { list-style-type:disc; margin-bottom:5px; font-size: 16px; }
ul.link_farm li a { color:#666; display: block; }
ul.link_farm li a:hover { color:#448ccb; }
/* ======================================== Home */
.privacy_policy { color:#333; font-weight: bold; display: block; margin:15px 0;}
/* ======================================== About */
.about { display: block; margin:40px auto; width:700px; }
.about p { font-size: 13px; line-height: 21px; color: #666; }
.about h1 { font-size: 21px; margin:0px; margin-bottom:30px; }
/* ======================================== Testimonials */
.testies_wrap { display:block; margin:30px 0; }
.testies { padding:15px; display: block; border:1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:20px; min-height: 220px; }
.testies p { font-size: 13px; line-height: 21px; color: #666; margin-bottom:20px; }
.testies span.who p{ font-size: 13px; line-height: 21px; color: #004a80; font-weight: bold; }
/* ======================================== Links */
.contact { margin:0 0 30px 0; }
.contact .contact_masthead { background: #f6f6f6; padding:25px 0; text-align: center;}
.contact .contact_masthead h3 { text-transform: uppercase; color: #448ccb; font-size:17px; font-weight: bold; }
.contact h4 { text-transform: uppercase; color: #004a80; font-size:25px; font-weight: bold; display: block; margin:30px 0; }
.contact address { margin:30px 0; }
.contact address p { margin-bottom:5px; font-size: 17px; color:#333; font-weight: bold; }
ul.contact_form { display: block; }
ul.contact_form input { width:420px; border:1px solid #ddd; box-shadow: none; }
ul.contact_form textarea { width:420px; border:1px solid #ddd; box-shadow: none; height: 150px; }
ul.contact_form label { display: block; margin:10px 0; font-weight: bold; padding-left:15px; }
ul.contact_form .btn { width:100px; margin:20px 0;}
.req { color:#ff3300; }
/* ===== Forms ===== */
input, textarea, button{
margin-bottom:20px;
width: 98%;
display: block;
margin:0 3px;
border: none;
color: #484a4c;
padding:7px;
font-size: 17px;
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.13);
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.13);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.13);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
input:focus, textarea:focus{
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.55);
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.55);
-moz-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.55);
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
-o-transition: all linear 0.2s,;
outline: 0;
}
/* ===== Buttons ===== */
button, .btn {
padding:7px;
border: none;
background: #f26522;
text-align: center;
color:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: none;
}
button:hover { cursor: pointer; }
/* ===== CSS3 ===== */
.fade { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.fade:hover { opacity: 1; }