/* screen.css 2.2

(c) Copyright

*/

/*--------------------------
CSS RESET
--------------------------*/
* {margin: 0; padding: 0;}

/*--------------------------
DEFAULT STYLES
--------------------------*/
body {font-family: Arial, sans-serif; font-size: 13px; line-height: normal; color: #333;}

h1, h2, h3, h4, h5, h6, p, dt, blockquote, hr {margin-top: 15px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #6e1303;}
h1 {font-size: 250%;}
h2 {font-size: 190%;}
h3 {font-size: 160%;}
h4 {font-size: 135%;}
h5 {font-size: 120%;}
h6 {font-size: 85%; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; color: #999;}

.caps {text-transform: uppercase; letter-spacing: 1px;}

p {font-size: 100%; line-height: 110%;}

a:link, a:visited {text-decoration: none;}
a:active, a:hover, a.active {text-decoration: underline;}
a img {border: none;}

.opacity80:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
.opacity80:focus {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8; outline: none;}

strong {font-weight: bold;}
em {font-style: italic;}
small {font-size: 80%;}

hr {border: none; height: 1px; display: block; border-top: 1px solid #aaaaab;}

.nowrap {white-space: nowrap;}
.clear {display: block; clear: both; font-size: 1px; height: 1px; margin-top: -1px;}

.left {float: left;}
.right {float: right;}

ul, ol {list-style-position: outside; margin-left: 30px; margin-top: 15px;}
ul {list-style-type: square;}
ol {list-style-type: decimal;}
li {margin-top: 5px;}

.img-text {position: absolute; top: -9999px;}

table {border-collapse: collapse; border: 2px solid #999; width: 99%; margin: 15px 10px 10px 0;}
table p {margin:0;}
table img {margin:0;}


/*---------------------------------------------------------
ADD CUSTOM STYLES BELOW
----------------------------------------------------------*/

/*--------------------------
BASIC STRUCTURE
--------------------------*/
html {}

body {background-color: white;}

div#wrapper {width: 960px; margin: 10px auto 30px; position: relative; background: white url(/images/ui/page-shadow.gif) repeat-y 50% 0;}

div#header {}

div#content {width: 940px; padding: 10px 10px 0; background: transparent url(/images/ui/page-shadow.gif) no-repeat 0 0; position: relative;}

div#main-navigation {width: 960px; height: 90px; position: absolute; left: 0; top: 40px; z-index: 9999; background: url(/images/ui/ui-main_navigation.png) no-repeat 0 0;}

div#footer {width: 940px; height: 105px; padding: 0 10px; margin: 0 -10px ; position: relative; background: transparent url(/images/ui/page-shadow.gif) no-repeat 100% 100%;}

div.column {}

div.article {}

a {color: #ab1d05;}

.subtitle {margin: 5px 0 0; font-size: 90%; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; color: #999;}

/* content image & image words */
div.image-words {position: absolute; left: 0; bottom: 40px; color: white; font-size: 17px; overflow: hidden;}
div.image-words strong {font-style: normal; font-weight: normal; font-size: 27px; letter-spacing: -.02em;}
div.image-words p {display: block; padding: 10px; margin: 0; float: left; clear: both; background: #ab1d05; background-color: #ab1d05; filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}

/*--------------------------
MAIN NAVIGATION
--------------------------*/
div#main-navigation ul {width: 950px; height: 75px; padding: 10px 5px; margin: 0; list-style: none;}
div#main-navigation ul li {height: 70px; float: left; margin: 0;}
div#main-navigation ul li a {display: block; height: 70px; float: left; background-repeat: no-repeat; background-image: url(/images/ui/ui-main_navigation.png); text-indent: -9999px;}
div#main-navigation ul li a:focus {outline: none;}

div#main-navigation ul li#site-logo {margin-right: 15px;}
li#site-logo a {width: 255px; background-position: -5px -10px;}
li#site-logo a:hover,
li#site-logo a:focus {width: 255px; background-position: -5px -100px;}
li#site-logo.current-parent a {width: 255px; background-position: -5px -190px;}

li#home a {width: 93px; background-position: -275px -10px;}
li#home a:hover,
li#home a:focus {width: 93px; background-position: -275px -100px;}
li#home.current-parent a {width: 93px; background-position: -275px -190px;}

li#about-the-firm a {width: 119px; background-position: -368px -10px;}
li#about-the-firm a:hover,
li#about-the-firm a:focus {width: 119px; background-position: -368px -100px;}
li#about-the-firm.current-parent a {width: 119px; background-position: -368px -190px;}

li#people a {width: 86px; background-position: -487px -10px;}
li#people a:hover,
li#people a:focus {width: 86px; background-position: -487px -100px;}
li#people.current-parent a {width: 86px; background-position: -487px -190px;}

li#practice-areas a {width: 160px; background-position: -572px -10px;}
li#practice-areas a:hover,
li#practice-areas a:focus {width: 160px; background-position: -572px -100px;}
li#practice-areas.current-parent a {width: 160px; background-position: -572px -190px;}

li#news a {width: 70px; background-position: -732px -10px;}
li#news a:hover,
li#news a:focus {width: 70px; background-position: -732px -100px;}
li#news.current-parent a {width: 70px; background-position: -732px -190px;}

li#locations a {width: 113px; background-position: -802px -10px;}
li#locations a:hover,
li#locations a:focus {width: 113px; background-position: -802px -100px;}
li#locations.current-parent a {width: 113px; background-position: -802px -190px;}


/*--------------------------
INTERIOR
--------------------------*/
a.top {color: #999; text-decoration: underline;}
a.top:hover {text-decoration: none;}

p.entry-date {margin-bottom: -15px; color: #999; text-transform: uppercase; letter-spacing: 1px; font-size: 90%;}

/* main content */
div#main-content {width: 940px; padding: 10px 0 30px; overflow: hidden; background: url(/images/ui/separators.gif) repeat-y -940px 0;}
div#main-content h1 {padding-right: 150px;}

/* content image */
div#content-image {width: 940px; overflow: hidden; position: relative; background: #ccc;}
div#content-image img {display: block;}

/* article */
div#article {width: 460px; padding: 0 30px 0 0; float: left;}
div#article p {line-height: 140%;}

div#article.wide {width: 710px;}

/* sidebar */
div#sidebar {width: 200px; padding: 0 0 20px 20px; margin: 0; overflow: hidden; float: left; border-left: 1px solid #e9e9e9; font-size: 95%;}
div#sidebar h5 {font-weight: bold; color: #58585a; margin-bottom: 5px;}
div#sidebar p {padding: 10px;}
div#sidebar ul li p {padding: 0; margin: 0;}

/* breadcrumbs */
div#breadcrumbs {width: 900px; height: 26px; padding: 14px 20px 0; background-color: #3d3d3e; margin-bottom: 60px; font-size: 12px; line-height: 12px; color: #8d8f92;}
div#breadcrumbs a {color: #b2b2b2;}
div#breadcrumbs a.current-page {color: white;}
div#breadcrumbs a.email-link {display: block; width: 16px; height: 11px; background: url(/images/ui/icons.png) no-repeat -45px -2px; float: right; text-indent: -9999px;}

div#breadcrumbs div#site-search {float: right; margin: -4px -10px 0 0;}
div#breadcrumbs div#site-search form input {float: left; margin-right: 5px; border: none; padding: 3px;}
div#breadcrumbs div#site-search form button {display: block; float: left; border: none; padding: 0; width: 20px; height: 20px; background: url(http://www.goodmanallen.com/images/ui/button-search.gif) no-repeat;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8; cursor: pointer;}
div#breadcrumbs div#site-search form button:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

/* lists */
ul {list-style: none; list-style-image: url(/images/ui/bullet-square.gif); margin: 0 0 0 15px;}
ul.arrows {list-style-image: url(/images/ui/bullet-arrow.gif);}

/* buttons */
.button {display: block; padding: 8px 10px; background: url(/images/ui/button.gif) repeat-x 0 50%; font-size: 13px; line-height: 14px; color: white; border-width: 0 1px 1px 0; border-style: solid; border-color: black; text-decoration}
.button:hover,
.button:focus,
.button.active {background-position: 100% 50%;}
.button:focus,
.button.active {border-width: 1px 0 0 1px;}
.button.active {color: #e6bfaf;}
a.button {text-decoration: none;}

/* q and a */
dl.toggle {margin-top: 10px;}
dl.toggle dt {margin: 0; position: relative;}
dl.toggle dd {padding: 10px 10px 7px; color: #535353;}
dl.toggle dd p {margin: 0 0 5px;}
dl.toggle dt a {padding: 5px 10px; color: #535353; text-decoration: none !important; height: 16px;}
dl.toggle dt a {display: block;}
dl.toggle dt span {display: none; width: 10px; height: 10px; font-size: 1px; float: left; background: url(/images/ui/show-hide.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; left: -5px; top: 7px;}

dl.toggle dt a:focus {outline: none;}

dl.toggle dt a:hover {color: #ab1d05;}

dl.toggle dt a:hover span {background-position: 0 -10px; top: 8px;}

dl.toggle dt.active a {color: #333; font-weight: bold; padding-bottom: 3px;}
dl.toggle dt.active a span {background-position: 0 -20px;}
dl.toggle dt.active a:hover {color: #ab1d05;}
dl.toggle dt.active a:hover span {background-position: 0 -30px;}

dl.toggle .odd {background-color: #f2f2f2;}
dl.toggle .hover {background-color: #e6e6e6;}

div#article dl.toggle dt.active a {border-bottom: 1px dashed #ccc;}

/* sub navigation */
div#sub-navigation {width: 150px; margin: 0 40px 0 0; padding: 0 0 100px 10px; float: left; font-size: 95%;}
div#sub-navigation h5 {padding: 5px 10px 0; font-weight: bold; color: #58585a; line-height: 100%;}
div#sub-navigation ul {list-style: none; list-style-image: none; padding: 0 10px; margin: 0;}
div#sub-navigation ul li {display: inline-block; width: 130px; margin-top: 7px;}
div#sub-navigation ul li.current-page a {color: #666; text-decoration: none;}
div#sub-navigation p {padding: 10px; font-size: 90%;}

ul.child-pages {padding: 0; margin: 0; list-style: none;}
ul.child-pages li {width: 200px; margin: 0 0 2px 0;}

div#sub-navigation dl.toggle {margin: 10px -10px 0;}
div#sub-navigation dl.toggle dt {width: 166px; padding: 0; margin: 3px 2px 2px; background: url(/images/ui/bg-show_hide.png) repeat-x 0 100%;}
div#sub-navigation dl.toggle dt a {padding: 4px 19px; margin: 0; color: #666; font-weight: bold;}
div#sub-navigation dl.toggle dt.active a {color: #333;}
div#sub-navigation dl.toggle dt a:hover {color: #ab1d05;}
div#sub-navigation dl.toggle dd {padding: 0;}
div#sub-navigation dl.toggle dd ul {padding: 0; margin: 0; list-style-image: none;}
div#sub-navigation dl.toggle dd ul li {margin: 0; width: 170px;}
div#sub-navigation dl.toggle dd ul li a {display: block; padding: 3px 20px; text-decoration: none;}
div#sub-navigation dl.toggle dd ul li a:hover {/*background-color: #b1b1b5; color: white;*/text-decoration: underline;}
div#sub-navigation dl.toggle dd ul li.current-page a {background-color: #a0a0a4; color: white; text-decoration: none;}
div#sub-navigation dl.toggle dt a span {left: 5px; top: 7px;}
div#sub-navigation dl.toggle dt a:hover span {top: 8px;}

/* callout */
div.callout {padding: 10px 10px 5px; font-size: 90%;}
div.callout h6 {margin: 0;}
div.callout p {margin: 0 0 5px;}
div.callout img.callout-image {border-bottom: 4px solid #ab1d05;}

div#article div.callout {width: 180px; margin: 0 -31px 0 20px; float: right; border-right: 1px solid #e9e9e9;}

a.social {color: #818181; text-decoration: none;}
a.social span {display: inline-block; height: 15px; vertical-align: bottom;}

a.social:hover u {text-decoration: none;}

a.vcard span {width: 16px; background: url(/images/ui/icons.png) no-repeat -29px -1px;}
a.linkedin span {width: 15px; background: url(/images/ui/icons.png) no-repeat 0 50%;}
a.twitter span {width: 14px; background: url(/images/ui/icons.png) no-repeat -15px 50%;}
a.facebook span {width: 14px; background: url(/images/ui/icons.png) no-repeat -61px 50%;}

div#locations-directions {margin-top: 15px; width: 460px; float: right; margin-left: 20px; padding: 3px; border: 1px solid #ccc;}
div#locations-directions img {display: block;}
div#locations-directions h6 {padding: 5px 10px; margin-top: 0; background: #999; color: white;}
div#locations-directions table td {padding: 0; height: auto !important; border: none;}
div#locations-directions span.powered {display: none;}

a.people-thumb {display: block; float: left; position: relative; padding: 2px; border: 2px solid #ccc; margin: 0 10px 10px 0; width: 100px; height: 130px; font-size: 12px; line-height: 12px; text-decoration: none;}
a.people-thumb img {display: block;}
a.people-thumb span {display: block; position: absolute; left: 2px; bottom: 2px; padding: 3px; width: 94px; background: black; color: white; filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
a.people-thumb:hover {border-color: #AB1D05;}
a.people-thumb:hover span {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/* people lists */
div.people-lists {float: left; width: 30%; margin-right: 2%;}


/*--------------------------
HOMEPAGE
--------------------------*/
body#homepage div#main-navigation {top: 360px;}

div#slideshow {width: 940px; height: 365px; overflow: hidden; position: relative; background-color: white;}
div#slide-wrapper {width: 930px; height: 365px; margin: 5px 5px 0; overflow: hidden; position: relative;}

div#slideshow-controls {width: 930px; height: 45px; position: absolute; z-index: 999; left: 5px; bottom: 0; background-color: black; filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
div#slideshow-controls:hover {bottom: 0; filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

div#slideshow-buttons {width: 75px; margin: 10px auto 0;}
div#slideshow-buttons a {display: inline-block; width: 21px; height: 21px; margin: 0 2px; float: left; background: url(/images/ui/ui-homepage.png) no-repeat; text-indent: -9999px;}
div#slideshow-buttons a:focus {outline: none;}

div#slideshow-buttons a#previous {background-position: -40px 0;}
div#slideshow-buttons a#previous:hover {background-position: -61px 0;}
div#slideshow-buttons a#previous:active {background-position: -82px 0;}

div#slideshow-buttons a#auto.pause {background-position: -40px -21px;}
div#slideshow-buttons a#auto.pause:hover {background-position: -61px -21px;}
div#slideshow-buttons a#auto.pause:active {background-position: -82px -21px;}

div#slideshow-buttons a#auto.play {background-position: -40px -63px;}
div#slideshow-buttons a#auto.play:hover {background-position: -61px -63px;}
div#slideshow-buttons a#auto.play:active {background-position: -82px -63px;}

div#slideshow-buttons a#next {background-position: -40px -42px;}
div#slideshow-buttons a#next:hover {background-position: -61px -42px;}
div#slideshow-buttons a#next:active {background-position: -82px -42px;}

div#slideshow-pagination {height: 10px; position: absolute; right: 15px; top: 15px;}
div#slideshow-pagination a {display: block; width: 10px; height: 10px; float: left; margin-left: 5px; background: url(/images/ui/ui-homepage.png) -40px -90px; text-indent: -9999px;}
div#slideshow-pagination a:hover {background-position: -50px -90px;}
div#slideshow-pagination a.activeSlide {background-position: -60px -90px;}
div#slideshow-pagination a:focus {outline: none;}

div#slideshow-frame {width: 940px; height: 360px; position: absolute; left: 0; top: 0; z-index: 999; background: url(/images/ui/slideshow-frame.png) no-repeat;}

div.slide {width: 930px; height: 365px; background-color: #333; overflow: hidden; position: absolute; left: 0; top: 0;}
div.slide img {position: relative;}

div#slideshow div.image-words {bottom: 100px;}
div#slideshow div.image-words p {position: relative;}
div#slideshow div.image-words p.slide-link {color: white; font-size: 14px; background: white;}
div#slideshow div.image-words p.slide-link a {}

/*a.slide-link {display: block; float: left; position: absolute; right: 10px; bottom: 60px; padding: 5px 10px; background: #ab1d05; color: white; text-decoration: none; -moz-border-radius: 3px; border-radius: 3px; filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
a.slide-link:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}*/

/* homepage content */
div#homepage-content {width: 940px; margin: 80px 0 20px; padding-bottom: 15px; overflow: hidden; background: url(/images/ui/separators.gif) repeat-y 0 0;}

div#homepage-content div.column {width: 270px; padding: 0 20px; float: left;}
div#homepage-content div.column.last {margin-right: 0;}
div#homepage-content div.column span.icon {display: block; float: right;}

div#homepage-content div.column a {color: #333;}
div#homepage-content div.column h5 a {color: #AB1D05;}

div#homepage-content div#insights.column span.icon {width: 36px; height: 28px; background: url(/images/ui/ui-homepage.png) no-repeat 0 0;}
div#homepage-content div#industries.column {width: 280px;}
div#homepage-content div#industries.column span.icon {width: 26px; height: 28px; background: url(/images/ui/ui-homepage.png) no-repeat 0 -73px;}
div#homepage-content div#awards.column {margin-top: 10px; position: relative;}
div#homepage-content div#awards.column div {width: 260px; overflow: hidden; text-align: center;}

div#homepage-content h5 {margin: 10px 0 10px; color: #9d200b; font-size: 110%;}

div.news {padding-left: 45px; background: url(http://www.goodmanallen.com/images/ui/icon-newspaper.png) no-repeat;}
div.events {padding-left: 45px; background: url(http://www.goodmanallen.com/images/ui/icon-date.png) no-repeat;}

div.icon-news {width: 36px; height: 36px; margin: 12px 12px 0 0; float: left; background: url(http://www.goodmanallen.com/images/ui/icon-newspaper.png) no-repeat;}
div.icon-events {width: 36px; height: 36px; margin: 12px 12px 0 0; float: left; background: url(http://www.goodmanallen.com/images/ui/icon-date.png) no-repeat;}


/*--------------------------
FOOTER
--------------------------*/
div#footer {font-size: 11px; color: #7f8083; clear: both;}

div#footer div#footer-wrapper {width: 900px; height: 75px; padding: 5px 20px; background-color: #2a2a2b;}

div#footer a {color: #dfdfe0; text-decoration: underline;}
div#footer a:hover,
div#footer a.current-parent {color: white; text-decoration: none;}

div#footer div#footer-navigation {margin-top: 10px; float: right;}


/*--------------------------
FORMS
--------------------------*/
div#article .form {margin: 20px 0;}
div#article .form li.right {width: 50%;}
div#article .form li.left {width: 50%;}
div#article .form li.leftright {clear: both;}
div#article .form .txtfield_sm {width: 200px; line-height: 18px; font-family: Arial, sans-serif; font-size: 13px; color: #333; margin-bottom: 15px;}
div#article .form .txtarea {width: 96%; height: 80px; margin-bottom: 15px;}
div#article .form li {list-style: none;}
div#article .form li label {padding: 6px 0; display: block;}
div#article .form .submitbtn {width: 97px; height: 36px; border:none; cursor: pointer; text-indent: -9999px; overflow: hidden; background: url(/images/ui/btn_submit.png) top left no-repeat;}
div#article .form .submitbtn:hover {background: url(/images/ui/btn_submit.png) bottom left no-repeat;}