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

@media screen {
/* **********************************************************
 @NORMALIZES
*************************************************************/
* { outline: none; }
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }
body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2d2d2d; }

p, li { cursor: default; line-height: 1.3em; }
h1, h2, h3, h4, h5, h6 { cursor: default; line-height: 1.1em; }
a { color: #489ef7; text-decoration: none; cursor: pointer; outline: none; }
input.button { cursor: pointer; }
a:hover { color: #123773; text-decoration: none; }

ol, ul { list-style-type: none; }
address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
cite { font-style: italic; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }


/* **********************************************************
 @LAYOUT
*************************************************************/
html { height: 100%; text-align: center; }
body { height: 100%; text-align: center; margin: 0 auto; background: #031f38; }
body#fancyform { background: #fff; text-align: left; }
.container { margin: 0 auto; text-align: left; width: 882px; position: relative; }
.bodybg { background: #fff url(../images/bg_body.jpg) repeat-x; }


/* **********************************************************
 @COLORS
*************************************************************/
.grey { color: #939293; }
.lightblue { color: #489ef7; }


/* **********************************************************
 @HEADER
*************************************************************/
#header { position: relative; height: 100px; }
#header h1 { position: absolute; left: 12px; top: 23px;  }
#header h1 a { display: block; background: url(../images/logo_granerlaw.jpg); width: 58px; height: 52px; }
#header h1 a span { display: none; }
#header h2 { position: absolute; left: 100px; top: 24px; }
#header h2, #header h2 a { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-transform: uppercase; color: #272727; font-size: 29px; letter-spacing: 3px; }
#header h3 { position: absolute; left: 100px; top: 62px; color: #939293; text-transform: uppercase; font-weight: normal; }
#header h3 span { margin: 0 15px; text-transform: none; }
#header #search { position: absolute; right: 0; top: 55px; }
#header #search form { display: inline; }
#header #search form .button { background: none; border: none; text-transform: uppercase; font-size: 11px; line-height: 1.3em; margin: 0; }
#header #search form .text { padding: 1px 2px; font-size: 11px; margin: 0 8px; width: 140px; }
* html #header #search form .text { position: relative; top: 2px;  }
#header #search p { display: inline; text-transform: uppercase; font-size: 11px; line-height: 1.3em; margin: 0 8px; }
#header .phone { position: absolute; right: 0; top: 20px; font-size: 11px; text-transform: uppercase; }
#header .phone strong { font-size: 22px; color: #272727; font-weight: normal; }


/* **********************************************************
 @FOOTER
*************************************************************/
#footer { position: relative; min-height: 155px; background: url(../images/bg_footer.jpg) repeat-x; margin: 14px 0 0 0; }
* html #footer { height: 215px; }
#footer a { color: #5c7d9a; }
#footer a:hover { color: #489ef7; }
#footer p { color: #5c7d9a; margin: 14px 0; }
#footer .left { width: 500px; float: left; }
#footer .left .title { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; font-size: 14px; text-transform: uppercase; color: #fff; margin: 14px 0; }
#footer .left .lightblue { color: #489ef7; }
#footer .right { float: right; text-align: right; }
#footer .right ul { margin: 0 0 0 5px; }
#footer .right ul li { padding: 4px 0 4px 20px; height: 20px; }
#footer .right ul li.rss { background: url(../images/icon_rss.gif) 0px 4px no-repeat; }
#footer .right ul li.linkedin { background: url(../images/icon_linkedin.gif) 0px 4px no-repeat; }
#footer .right ul li.facebook { background: url(../images/icon_facebook.gif) 0px 4px no-repeat; }
#footer .right ul li.twitter { background: url(../images/icon_twitter.gif) 0px 4px no-repeat; }
#footer .right ul li a { margin: 0 !important; background: none !important;  }
#footer .right ul li span {display: none;}
#footer .right p { width: 360px; }
#footer .at300b { float: none !important; }
#footer .at300b span { float: none !important; display: none; }

/* **********************************************************
 @TOPNAV
*************************************************************/
ul#topnav { width: 882px; height: 30px; position: relative; z-index: 1; }
ul#topnav li { position: relative; display: inline-block; float: left; height: auto; }
ul#topnav ul { position: absolute; text-align: left; background: #025377; visibility: hidden; }
ul#topnav ul li { display: block; width: 170px; float: none; }
ul#topnav ul li ul { position: absolute; left: 170px; top: -1px; background: #046386; }
ul#topnav li a { font-size: 13px; display: block; padding: 6px 20px 6px 20px; text-transform: uppercase; color: #fff; background: url(../images/bg_topnav.gif) no-repeat; }
/* ul#topnav li.first a */
ul#topnav li.home a, ul#topnav li li a { background: none; } 
ul#topnav li a:hover, ul#topnav li.first a:hover { background-color: #00628e; }
ul#topnav li ul li { border-top: 1px dotted #346ea1; display: block; }
ul#topnav li ul li a { height: auto; padding: 6px 15px 6px 20px; text-transform: none; color: #fff; }
ul#topnav li ul li a:hover { background-color: #003665; }


/* **********************************************************
 @FLASH
*************************************************************/
#flash { background: url(../images/bg_flash.jpg); width: 882px; height: 305px; position: relative; }
#flash #flashcontainer { width: 858px; height: 281px; position: relative; top: 12px; left: 12px; }


/* **********************************************************
 @HEADING
*************************************************************/
#heading { background: url(../images/bg_flash.jpg); width: 882px; height: 168px; position: relative; }
#heading #headingbg { width: 858px; height: 144px; position: relative; top: 12px; left: 12px; }
#heading #headingbg h1 { position: relative; top: 50px; left: 45px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 37px; font-weight: normal; color: #fff; }


/* **********************************************************
 @INDEX LEFT
*************************************************************/
#indexleft { float: left; display: inline; width: 368px; }
#indexleft h2 { color: #123773; font-size: 12px; font-weight: normal; text-transform: uppercase; margin: 0 0 14px 0; }
#indexleft h2 a { background: #ccc; color: #123773; padding: 0px 14px 8px 14px; display: inline-block; -moz-display: inline-block; }
#indexleft ul { width: 345px; }
#indexleft ul li { border-bottom: 1px solid #ccc; }
#indexleft ul li a { display: block; text-transform: uppercase; color: #2d2d2d; padding: 12px 0 12px 18px; background: url(../images/bg_list.jpg) 2px 16px no-repeat; }
#indexleft ul li a:hover { color: #489ef7; background-color: #eee; }
#indexleft ul li.selected a { color: #489ef7; }
#indexleft ul li.selected li a { color: #2d2d2d; }
#indexleft ul li.selected li a:hover { color: #489ef7; }
#indexleft p.readmore { margin: 20px 0; }
#indexleft p.readmore a { padding: 0 10px 0 0; background: url(../images/bg_readmore.jpg) right no-repeat; }
#indexleft ul li li a { text-transform: none !important; }


/* **********************************************************
 @INDEX RIGHT
*************************************************************/
#indexright { position: relative; float: left; display: inline; width: 514px; background: url(../images/bg_indexright.jpg) 0px 30px no-repeat; }
#indexright h2 { color: #123773; font-size: 12px; font-weight: normal; text-transform: uppercase; margin: 0 0 14px 0; }
#indexright h2 a { background: #ccc; color: #123773; padding: 0px 14px 8px 14px; display: inline-block; -moz-display: inline-block; }
#indexright h3, #indexright h3 a { color: #123773; font-size: 18px; }
#indexright p { color: #2d2d2d; margin: 7px 0; }
#indexright p, #indexright p a { color: #2d2d2d; }
#indexright h3 a:hover, #indexright p a:hover { color: #489ef7; }
#indexright ul { width: 486px; margin: 14px 0; }
#indexright ul li { padding: 14px 0 14px 174px; min-height: 82px; }
#indexright ul li.first { background: url(../images/indexrigth_first.jpg) 28px 14px no-repeat; }
#indexright ul li.second { background: url(../images/indexrigth_second.jpg) 28px 14px no-repeat; }
#indexright ul li.third { background: url(../images/indexrigth_third.jpg) 28px 14px no-repeat; }
#indexright ul li.fourth { background: url(../images/indexrigth_fourth.jpg) 28px 14px no-repeat; }


/* **********************************************************
 @INDEX RIGHT CONTACT US
*************************************************************/
#indexright h2#contactus { position: absolute; right: 0; }
#indexright #contactus_panel { position: absolute; top: 20px; right: 0px; z-index: 1; width: 255px; background: #a5a5a5 url(/images/form_bg.jpg) repeat-x; text-align: center; margin: 0 auto; padding: 14px 0 0 0; }
#indexright #contactus_panel table { padding: 8px 0 0 0; text-align: left; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2d2d2d; }
#indexright #contactus_panel table td { padding: 0 3px 8px 3px; }
#indexright #contactus_panel input.text { text-align: left; margin: 0 auto; border: 1px solid #a0a0a0; padding: 4px 0 4px 5px; width: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2d2d2d; }


/* **********************************************************
 @INSIDE RIGHT CONTACT US
*************************************************************/
#insideright { position: relative; }
#insideright h2 { color: #123773; font-size: 12px; font-weight: normal; text-transform: uppercase; margin: 0 0 14px 0; }
#insideright h2#consultation { position: absolute; right: 0; top: -30px; z-index: 5; }
#insideright h2 a { background: #ccc; color: #123773; padding: 8px 14px 8px 14px; display: inline-block; -moz-display: inline-block; }
#insideright #consultation_panel { position: absolute; top: 0px; right: 0px; z-index: 1; width: 255px; background: #a5a5a5 url(/images/form_bg.jpg) repeat-x; text-align: center; margin: 0 auto; padding: 14px 0 0 0; }
#insideright #consultation_panel table { padding: 8px 0 0 0; text-align: left; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2d2d2d; }
#insideright #consultation_panel table td { padding: 0 3px 8px 3px; }
#insideright #consultation_panel input.text { text-align: left; margin: 0 auto; border: 1px solid #a0a0a0; padding: 4px 0 4px 5px; width: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2d2d2d; }


/* **********************************************************
 @INSIDE LEFT
*************************************************************/
#insideleft { float: left; display: inline; width: 207px; }
#insideleft ul { width: 195px; margin: 18px 0 0 0; }
#insideleft ul li { border-bottom: 1px solid #ccc; }
#insideleft ul li a { display: block; text-transform: uppercase; color: #2d2d2d; padding: 12px 0 12px 18px; background: url(../images/bg_list.jpg) 2px 16px no-repeat; }
#insideleft ul li a:hover { color: #489ef7; background-color: #eee; }
#insideleft ul li li { display: none; }
#insideleft ul li.selected li { display: block; }
#insideleft ul li.selected a { color: #489ef7; }
#insideleft ul li.selected li a { color: #2d2d2d; text-transform: none; }
#insideleft ul li.selected li a:hover { color: #489ef7; }
#insideleft ul li.selected li.selected a { color: #489ef7; }
#insideleft ul li.selected li.selected li a { color: #2d2d2d; }
#insideleft ul li.selected li.selected li a:hover { color: #489ef7; }
#insideleft ul li.selected li.selected li.selected a { color: #489ef7; }
#insideleft ul li li a { text-transform: none !important; }
/*subnav*/
#insideleft ul ul { width: 175px; margin: 0 0 0 20px; }
#insideleft ul ul li { border-top: 1px solid #ccc; border-bottom: none; }
#insideleft ul ul li a { display: block; text-transform: uppercase; color: #2d2d2d; padding: 6px 0 6px 6px; background: none; }
/*subsubnav*/
#insideleft ul ul ul { width: 155px; }


/* **********************************************************
 @INSIDE RIGHT
*************************************************************/
#insideright { float: left; display: inline; width: 675px; min-height: 400px; background: url(../images/bg_indexright.jpg) 0px 10px no-repeat; }
* html #insideright { height: 400px; }



/* **********************************************************
 @TEXT CONTENTS
*************************************************************/
.textcontent { padding: 10px 0 0 25px; }
.textcontent h1, .textcontent h2, .textcontent h3, .textcontent h4, .textcontent h5 { margin: 12px 0 7px 0; }
.textcontent h1 { font-size: 30px; color: #123773; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
.textcontent h2 { font-size: 20px; color: #123773; }
.textcontent h3 { font-size: 18px; }
.textcontent h4 { font-size: 14px; }
.textcontent h5 { font-size: 14px; font-weight: normal; }
.textcontent img { margin: 0 10px; }
.textcontent img[align="left"] { margin: 0 10px 0 0; }
.textcontent img[align="right"] { margin: 0 0 0 10px; }
.textcontent p { margin: 1em 0; }
.textcontent table { margin: 1em 0; }
.textcontent a { color: #489ef7; }
.textcontent a:hover { color: #123773; }
.textcontent ul { margin: 1em 0; list-style-type: none; }
.textcontent ul li { padding: 0; padding: 0 0 0 15px; background: url(../images/bg_listinside.gif) 3px 6px no-repeat; }
.textcontent ol { margin: 1em 0; list-style-type: decimal; list-style-position: inside; padding: 0; }
.textcontent ol li { padding: 0; padding: 0; background: none; }
.textcontent ol li ol { padding: 0 0 0 20px; background: none; }
.textcontent ol li ul { padding: 0 0 0 20px; background: none; }
.textcontent ol li ul li { padding: 0 0 0 15px; *padding: 0; background: url(../images/bg_listinside.gif) 3px 6px no-repeat; }
.textcontent .left { float: left; display: inline; width: 300px; }
.textcontent .right { float: left; display: inline; width: 300px; }



/* **********************************************************
 @AREAS OF CONCENTRATION
*************************************************************/
#insideright #areas { height: 115px; }
#insideright #areas li { float: left; display: inline; height: 115px; background: url(../images/bg_areas.gif) bottom left no-repeat; }
#insideright #areas li.selected { float: left; display: inline; height: 115px; background: url(../images/bg_areas.gif) bottom center no-repeat; }
#insideright #areas li#first { width: 220px; }
#insideright #areas li#second { width: 250px; }
#insideright #areas li#third { width: 205px; }
#insideright #areas li a { border-left: 1px solid #ccc; position: relative; z-index: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; line-height: 27px; color: #979797; display: block; padding: 25px 0 0 70px; height: 80px; }
#insideright #areas li a span { position: absolute; z-index: 1; left: 20px; top: 11px; font-family: "Times New Roman", Times, serif; font-size: 80px; font-weight: bold; line-height: 1em; color: #dadada; }
#insideright #areas li.selected a { color: #202020; }
#insideright #areas li a:hover { color: #202020; }
#insideright #areas li.selected a span { color: #ab0000; }
#insideright #areas li a:hover span { color: #ab0000; }

#insideright #areas.four li { float: left; display: inline; height: 115px; background: url(../images/bg_areas.gif) bottom left no-repeat; }
#insideright #areas.four li.selected { float: left; display: inline; height: 115px; background: url(../images/bg_areas.gif) bottom center no-repeat; }
#insideright #areas.four li#first { width: 160px; }
#insideright #areas.four li#second { width: 205px; }
#insideright #areas.four li#third { width: 130px; }
#insideright #areas.four li#fourth { width: 180px; }
#insideright #areas.four li a { border-left: 1px solid #ccc; position: relative; z-index: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 27px; color: #979797; display: block; padding: 25px 0 0 50px; height: 80px; }
/*#insideright #areas.four li#fourth a { padding:52px 0 0 50px; height: 53px; }*/
#insideright #areas.four li a span { position: absolute; z-index: 1; left: 15px; top: 23px; font-family: "Times New Roman", Times, serif; font-size: 60px; font-weight: bold; line-height: 1em; color: #dadada; }
#insideright #areas.four li.selected a { color: #202020; }
#insideright #areas.four li a:hover { color: #202020; }
#insideright #areas.four li.selected a span { color: #ab0000; }
#insideright #areas.four li a:hover span { color: #ab0000; }


/* **********************************************************
 @ATTORNEYS
*************************************************************/
#insideright .attorneyimage { float: left; display: inline; width: 170px; margin: 0 0 14px 0; }
#insideright .attorneyimage img { margin: 0; padding: 3px; border: 1px solid #ccc; }
#insideright .attorney { float: left; display: inline; width: 480px; }
#insideright .attorney a { color: #2d2d2d; }
#insideright .attorney a { color: #2d2d2d; }
#insideright .attorney a strong span { color: #489ef7; }
#insideright .attorney a:hover { color: #123773; }



/* **********************************************************
 @BLACK BUTTON
*************************************************************/
a span.button { display: block; margin: 0; }
a span.button span { display: inline-block; -moz-display: inline-block; padding: 0; background: transparent url(../images/button_black.gif) no-repeat right top; cursor: pointer; }
a span.button span span { display: inline-block; -moz-display: inline-block; padding: 5px 0px 4px 10px;  margin: 0 22px 0 0; background-position: left top; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold; }
a:hover span.button span span { color: #d4d4d4; }



/* **********************************************************
 @CONTACT US
*************************************************************/
.google_map_border { width: 648px; height: 260px; margin: 10px 0 0 0; border: 1px solid #cccccc; }
.google_map_border #map { width: 648px; height: 260px; }

#getdirections { margin: 10px 0 0 0; text-align: right; }
#getdirections h4 { float: left; margin: 0; width: 96px; text-align: left; padding: 4px 0; font-size: 13px; }
#getdirections .text { position: relative; top: -6px; width: 400px; padding: 3px 6px; }
* html #getdirections .text { top: -3px; }
#getdirections .text { *top: -3px; }
#getdirections .button_directions { margin: 0 0 0 6px; }
#directions { margin: 3px 0 0 0; }

#sendmessage table tr { vertical-align: top; }
#sendmessage table td { padding: 3px 10px 3px 0; }
#sendmessage table td.right { text-align: right; width: 115px; }
#sendmessage table td label { font-size: 12px; padding: 4px 0 0 0; display: block; }
#sendmessage table td .text { width: 400px; padding: 3px 6px; }

body#fancyform #sendmessage table tr { vertical-align: top; }
body#fancyform #sendmessage table td { padding: 3px 10px 3px 0; }
body#fancyform #sendmessage table td.right { text-align: right; width: 85px; }
body#fancyform #sendmessage table td label { font-size: 12px; padding: 4px 0 0 0; display: block; }
body#fancyform #sendmessage table td .text { width: 300px; padding: 3px 6px; }


/* **********************************************************
 @SYSTEM MESSAGES
*************************************************************/
p.crash { width: 358px; background: #FFF url(../images/system_crash.gif) no-repeat 10px center; text-align: left; margin: 10px 0 10px 125px; padding: 10px 10px 10px 45px; border: solid 1px #FF0000; }
p.crash span { font-weight: bold; line-height: 16px; text-transform: uppercase; color: #FF0000; }
p.bless { width: 358px; background: #FFF url(../images/system_bless.gif) no-repeat 10px center; text-align: left; margin: 10px 0 10px 125px; padding: 10px 10px 10px 45px; border: solid 1px #7EB712; }
p.bless span { font-weight: bold; text-transform: uppercase; color: #7EB712; }
p.note { width: 358px; background: #FFF url(../images/system_info.gif) no-repeat 10px center; text-align: left; margin: 10px 0 10px 125px; padding: 10px 10px 10px 45px; border: solid 1px #4C91BD; }	
p.note span { font-weight: bold; line-height: 16px; text-transform: uppercase; color: #4C91BD; }

#indexright p.crash { width: auto; background: #FFF; text-align: left; margin: 10px; padding: 10px; /*padding: 10px 10px 10px 50px;*/ border: solid 2px #FF0000; font-size: 11px; }
#indexright p.crash span { font-weight: bold; line-height: 16px; text-transform: uppercase; color: #FF0000; }
#indexright p.bless { width: auto; background: #FFF; text-align: left; margin: 10px; padding: 10px; /*padding: 10px 10px 10px 50px;*/ border: solid 2px #7EB712; font-size: 11px; }
#indexright p.bless span { font-weight: bold; text-transform: uppercase; color: #7EB712; }
#indexright p.note { width: auto; background: #FFF; text-align: left; margin: 10px; padding: 10px; /*padding: 10px 10px 10px 50px;*/ border: solid 2px #4C91BD; font-size: 11px; }	
#indexright p.note span { font-weight: bold; line-height: 16px; text-transform: uppercase; color: #4C91BD; }

#insideright p.crash { width: auto; background: #FFF; text-align: left; margin: 10px; padding: 10px; /*padding: 10px 10px 10px 50px;*/ border: solid 2px #FF0000; font-size: 11px; }
#insideright p.crash span { font-weight: bold; line-height: 16px; text-transform: uppercase; color: #FF0000; }
#insideright p.bless { width: auto; background: #FFF; text-align: left; margin: 10px; padding: 10px; /*padding: 10px 10px 10px 50px;*/ border: solid 2px #7EB712; font-size: 11px; }
#insideright p.bless span { font-weight: bold; text-transform: uppercase; color: #7EB712; }
#insideright p.note { width: auto; background: #FFF; text-align: left; margin: 10px; padding: 10px; /*padding: 10px 10px 10px 50px;*/ border: solid 2px #4C91BD; font-size: 11px; }	
#insideright p.note span { font-weight: bold; line-height: 16px; text-transform: uppercase; color: #4C91BD; }

.clear { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; margin: 0; padding: 0; }
.line { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; border-top: 1px solid #ccc; }
#rss { background: url(/images/rss_icon.gif) no-repeat; }
#what_is_this { position: absolute; left: 520px; width: 150px; margin-top: 12px; line-height: 15px; font-size: 11px; background: white; border: 1px solid #adadad; color: #686868; padding: 5px 10px; }
.hidden { display: none; }
.justify { text-align: justify; }

/* **********************************************************
 @TRANASPARENCY
*************************************************************/
/*.shadow { behavior: url(scripts/iepngfix.htc); }*/

}
/* **********************************************************
 @SAFARI ONLY
*************************************************************/
/*
@media screen and (-webkit-min-device-pixel-ratio:0){
}
*/