@import url("reset.css");
@import url("typography.css");

a:focus { outline: none; }
html { overflow-x: hidden; }
body { min-height: 101%; }
#access { position: absolute; top: 0; left: -99999px; }


#header { height: 126px; background: url(../images/navigation.gif) repeat-x bottom left; position: relative; margin-bottom: 1.5em; }
#logo { text-indent: -9999px; position: absolute; bottom: -6px; left: 50%; margin: 0; margin-left: -480px; padding: 0; height: 75px; display: block; }
* html #logo { bottom: -7px; }
#logo a { display: block; width: 243px; height: 75px; background: url(../images/logo.gif); position: absolute; bottom: 0; left: 0; border: 0; }
#logo a:hover { background: url(../images/logo.gif) bottom left; }

#navigation { position: absolute; right: 50%; margin-right: -400px; bottom: -4px; height: 39px; border-left: 1px solid #fff; }
#navigation li { height: 39px; display: inline; float: left; line-height: 39px; font-size: 1.167em; border-right: 2px solid #fff; }
#navigation li a { float: left; display: inline; line-height: 39px; background: transparent; padding: 0 1em; color: #baaf55; text-decoration: none; text-transform: lowercase; font-style: italic; font-weight: bold; border-bottom: 0; }
#navigation li a:hover { color: #fff; }
#navigation .active a { background:#fff; color: #000; }
#navigation .active a:hover { color: #000; }
.search-button { position: absolute; right: 50%; bottom: 14px; margin-right: -450px; }
.search-button a { background: url(../images/search.gif) #1f1d09 top center no-repeat; line-height: 39px; text-indent: -99999px; display: block; width: 22px; height: 39px; border: 0; padding: 0 0.5em; overflow: hidden; }
.search-button a:hover,
.search-button a.active { background-position: bottom center;}


.sub-navigation{overflow:hidden;width:700px; padding-left: 220px; }
.sub-navigation li { float: left; display:inline; }
.sub-navigation .active a { color: #000; font-weight: bold; }
.sub-navigation a { text-transform: lowercase; font-style: italic; margin-right: 0.25em; padding: 0.25em 0.5em; border: 0; }
.sub-navigation a:hover { background-color: #eee; }
.sub-navigation a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

#header-content { font-family: Georgia, sans-serif; font-style: italic; width: 940px; margin: 0 auto; position: relative; top: 1em; }

a.twitter-account { border: 0; }
.twitter { float: right; text-align: right; border-right: 1px solid #86898d; padding: 0.5em 1em; margin-right: 1em; width: 675px; overflow: hidden; max-height: 40px;}
.contact-info { float: right; padding: 0.5em 0; }
.contact-info em { color: #3f4042; font-size: 1.167em; line-height: 1.286em; }
.twitter-link { display: block; font-size: 0.8334em; line-height: 1.8em; }


#header-search { position: absolute; bottom: -3.3em; right: 50%; margin-right: -470px; z-index: 9999; display: none; }
* html #header-search { width: 280px; bottom: -3.7em; }
#header-search p { margin: 0; }
* html .header-search { top: 20em; }
#header-search fieldset { background: url(../images/showcase-hover.gif) top left repeat-x #201d1d; padding: 0.75em; border: 0; padding: 1.25em 0.75em; }
#header-search fieldset { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#header-search fieldset { color: #9da1a2; font-size: 0.8334em; line-height: 1.8em; font-family: Georgia, sans-serif; font-style: italic;}

#header-search .arrow { width: 21px; height: 10px; background: url(../images/showcase-top.gif); margin-left: 210px; margin-bottom: -3px; }
* html #header-search .arrow{margin-bottom: -6px; }
#header-search h3 { text-transform: uppercase; font-weight: bold; font-size: 1em; line-height: 1.5em; margin: 0; }
#header-search h3 a { border: 0; color: #baaf55; }
#header-search h3 a:hover { color: #fff; }

#top-search-input { border: 1px solid #000; background: #828282; color: #323232;}
#top-search-input:hover { border-color: #000; background: #d0d0d0; }
#top-search-input:focus { background: #fff; color: #000; }


/*button.search { position: absolute; right: 0.75em; bottom: 0.75em; font-size: 0.8334em; }*/
button.search { display: inline; color: #baaf55; border: 0; font-family: Georgia, serif; font-style: italic; background: #2a2727; padding: 0.25em 0.5em; cursor: pointer; font-size: 0.9167em; margin: 0;}
button.search:hover { color: #fff; background: #332f2f; }
button.search { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

#top-quote,
#dummy-quote-holder { position: relative; text-align: right; font-family: Georgia, serif; color: #4e5052; font-style: italic; font-weight: normal; font-size: 2.5em; letter-spacing: -1px; line-height: 1em; background: #fff;}
.quote { background: url(../images/quote.gif) top left no-repeat; width: 38px; height: 33px; text-indent: -99999px; display: inline-block; }
#top-quote .cite,
#dummy-quote-holder .cite { display: block; font-size: 0.4em; letter-spacing: 0; line-height: 1.5em; padding-top: 1.5em; }
.cite strong { color: #000; font-style: normal; font-style: italic; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }

#content { margin: 0 auto; width: 940px; overflow: hidden;}
.side-bar { width: 220px; float: left; clear: left; padding-top: 7em; text-align: right; }
.side-bar h2 { text-transform: lowercase; /*font-style: italic;*/ font-weight: bold; font-size: 2.5em; line-height: 1.2em; margin: 0; }
.side-bar .note { color: #3b3d40; font-family: Georgia, serif; font-style: italic; font-size: 0.9167em; line-height: 1.6364em; text-transform: lowercase;}
.side-bar .note strong {color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.side-bar .top-link { margin-top: -1.8em; text-transform: lowercase; font-style: italic; font-size: 0.8334em; }
.main-column { width: 700px; float: left; overflow: hidden; padding-left: 20px; }
.first-main-column { width: 700px; float: left; overflow: hidden; padding-left: 20px; }
.first-side-bar { padding-top: 0; }
.first-side-bar h2 { margin-top: 0; }
.main-column { background: url(../images/hr.jpg) #fff no-repeat; padding-top: 90px; }
.main-column h3,
.first-main-column h3 { text-transform: lowercase; /*font-style: italic;*/ font-weight: bold; font-size: 1.5em; line-height: 1em; margin-top: 0.75em; margin-bottom: 0.25em;}
.main-column h4,
.first-main-column h4 { text-transform: lowercase; /*font-style: italic;*/ font-weight: bold; font-size: 0.8334em; margin: 0; line-height: 1.8;}
.margin-column strong,
.first-main-column strong { color: #000; }


.read-more a,
a.read-more,
a.more-link { font-size: 0.8334em; float: right; clear: both; }
.read-more a,
a.read-more,
a.more-link { color: #baaf55; border: 0; font-style: italic; background: #2a2727; padding: 0.25em 0.5em; }
.read-more a:hover,
a:hover.read-more,
a:hover.more-link { color: #fff; background: #332f2f; }
.read-more a,
a.read-more,
a.more-link { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.arrows { display: block; list-style: none; position: relative; height: 42px; margin: 0; padding: 0; }
.arrows a { display: block; background: url(../images/arrows.jpg); height: 42px; width: 44px; text-indent: -99999px; border: 0;}
.arrows #arrow-left a { position: absolute; left: 0; top: 0; }
.arrows #arrow-left a:hover,
.arrows #arrow-left.disabled a { background-position: bottom left; }
.arrows #arrow-right a { position: absolute; right: 0; top: 0; background-position: top right; }
.arrows #arrow-right a:hover,
.arrows #arrow-right.disabled a { background-position: bottom right; }

#showcase,
.showcase-img,
.showcase-video,
.showcase-case { background: url(../images/image-shadow.gif) no-repeat #fff; padding: 20px; width: 660px; margin-bottom: 1.5em; margin-left: -17px; }
#showcase.main { margin-left: 0; }
.image-container { width: 660px; height: 300px; overflow: hidden; }
.image-container img { display: block; height: 300px; }
.showcase-item { position: relative; }

.showcase-hover { position: absolute; bottom: -5em; left: 14em; z-index: 9999; display: none;}
* html .showcase-hover { top: 20em; }
.showcase-item { display: none; }
.showcase-item.active { display: block; }
.showcase-item:hover .showcase-hover { display: block; }
.showcase-hover-content { background: url(../images/showcase-hover.gif) top left repeat-x #201d1d; padding: 0.75em; width: 350px;}
/** corners */
.showcase-hover-content { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.showcase-hover .arrow { width: 21px; height: 10px; background: url(../images/showcase-top.gif); margin-left: 10px; margin-bottom: -3px; }
* html .showcase-hover .arrow { margin-bottom: -6px; }
.showcase-hover h3 { text-transform: uppercase; font-weight: bold; font-size: 1em; line-height: 1.5em; margin: 0; }
.showcase-hover h3 a { border: 0; color: #baaf55; }
.showcase-hover h3 a:hover { color: #fff; }

.showcase-hover .short-desc { color: #9da1a2; font-size: 0.8334em; line-height: 1.8em; font-family: Georgia, sans-serif; font-style: italic;}
/** position */
.see-case a { position: absolute; right: 0.75em; bottom: 0.75em; font-size: 0.8334em; }
.see-case a { color: #baaf55; border: 0; font-style: italic; background: #2a2727; padding: 0.25em 0.5em; }
.see-case a:hover { color: #fff; background: #332f2f; }
/** corners */
.see-case a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.intro { font-family: Georgia, serif; color: #696c73; font-style: italic; }

.entry { position: relative; }
.small-news { border-top: 1px solid #e0e0e0; margin-bottom: 1.5em; }
.small-news .entry { border-bottom: 1px solid #e0e0e0; padding: 1.5em 0.5em; position: relative; }
.small-news h3 { font-size: 1.167em; line-height: 1.286em; font-style: italic; font-weight: bold; margin: 0; margin-bottom: 1.286em; }
.small-news h3 a { border: 0; }
.small-news .date,
.entry .date { font-size: 2.5em; color: #cdcfd4; font-family: Georgia, serif; position: absolute; top: 0em; right: 0; font-style: italic; }
.small-news .content { width: 48.334em; font-size: 0.9167em; color: #747577; font-style: italic; } /* 580px */
.small-news p { margin-bottom: 0; }
/** position */
.small-news .read-link a { position: absolute; right: 0; top: 4.5em; }
.read-link a,
.read-link a { border: 0; background: #232121; color: #baaf55; font-style: italic; font-weight: bold; padding: 0.25em 0.75em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.read-link a:hover { color: #fff; }
/** round corners in FF and Safari */
.read-link a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.news-list .entry { overflow: hidden; margin-bottom: 0; }
.news-list .entry h3 { margin-bottom: 0.5em; }
.news-list .read-link a { font-size: 1em;}
.news-list .content { margin-top: 2em; }

.small-news .read-link { opacity: 0.5; }
.small-news .entry:hover .read-link { opacity: 0.999; }
.small-news .entry:hover .content { color: #323335; }

#footer { background: url(../images/footer-bg.gif); padding: 3em 0 1.5em 0; width: 100%; border-top: 1px solid #ccc; margin-top: 3em; }
#footer-content { margin: 0 auto; width: 940px; position: relative; overflow: hidden; }
#footer-logo { text-indent: -99999px; position: absolute; right: 0; bottom: 1.5em; width: 129px; }
#footer-logo a { display: block; width: 129px; height: 21px; background: url(../images/small-logo.gif) 0 -2px; border: 0; position: absolute; top: 0; left: 0; }
#footer-logo a:hover { height: 55px; background-position: 0 -25px; }
#right-footer-column { float: left; display: inline; margin-left: 20px; width: 700px;}
#right-footer-column #site-map { margin: 0; overflow: hidden; width: 700px; display: block;}
#site-map li { float: left; display: inline; width: 115px; margin: 0; padding: 0; font-weight: bold; text-transform: uppercase; list-style: none; }
* html #site-map li { width: 95px; }
#site-map li ul { margin-left: 0.5em; }
#site-map li ul li { float: none; display: list-item; font-weight: normal; text-transform: none; list-style: inside disc; text-indent: 0; color: #777; }
#site-map li ul li a { color: #555; }
#site-map li ul li a:hover { color: #000; }

#return-to-top { margin: 0; margin-bottom: 1.5em; }
#return-to-top a { text-transform: uppercase; font-weight: bold; }
#copyright { font-size: 0.9167em; line-height: 1.6364em; margin-bottom: 1.6364em; color: #555;}
#short-facts { border-top: 1px solid #aaa; padding-top: 0.75em; margin-top: 0.667em; border-bottom: 1px solid #aaa; padding-bottom: 0.75em; margin-bottom: 0.667em; }
#footer-contact h3 { text-transform: uppercase; font-weight: bold; font-size: 1em; line-height: 1.5em; margin: 0; }

#footer-contact { border-right: 1px solid #aaa; float: left; display: inline; padding-right: 20px; width: 199px; overflow: hidden; text-align: right; }
#footer-contact-info { float: left; display: inline; width: 100%;}
#footer-contact address { font-style: normal; float: left; display: inline;display: block; width: 100%;}
#footer-contact address,
#footer-contact #footer-contact-info { font-size: 0.9167em; line-height: 1.6364em; margin-bottom: 1.6364em; }

#video-embed,
.embed { display: none; /*padding: 3em;*/ width: 640px; height: 360px; }

.grid { list-style: none; margin: 0; }
.grid a { border: 0; }
.grid img { width: 208px; height: 144px; border: 1px solid #fff; }
.grid li { width: 210px; min-height: 250px; margin: 5px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
.grid h3 { font-size: 1em; text-transform: uppercase; font-style: normal; }
.grid h3 em { display: block; font-size: 10px; line-height: 1.5em; color: #555;}
.grid p { font-size: 0.9167em; line-height: 1.6364em; }
.grid p em { font-weight: bold; color: #555;}
/** img shadows */
.grid img { 
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55); 
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55); 
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55); 
}

.hasJS .grid li { position: relative; }
.hasJS .grid .info {background: url(../images/showcase-hover.gif) top left repeat-x #201d1d; color: #9da1a2; position: absolute; top: 1px; left: 1px; width: 188px; height: 124px; padding: 10px; cursor: pointer;}
.hasJS .portfolio .info { padding: 0; height: 144px; width: 208px; }
.hasJS .portfolio .wrapper { line-height: 144px; margin: 0 auto; text-align: center; }
.hasJS .portfolio .wrapper img { border: 0; width: auto; height: auto; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; vertical-align: middle; }

.hasJS .grid .info h3 { color: #555;}
.hasJS .grid li { min-height: 100px; }
.hasJS .grid .movie-link,
.hasJS .grid .image-link,
.hasJS .grid .site-link { display: block; text-indent: -9999px; position: absolute; top: 0px; left: 0px; width: 208px; height: 144px; z-index: 9999; }

.categories-list { margin: 0; list-style: none; width: 100%; border-top: 1px solid #ddd; margin-top: 0.75em; padding-top: 0.75em; }
.categories-list li { margin: 0; padding: 0;}

.feed-link {border-top: 1px solid #ddd; margin-top: 0.75em; padding-top: 0.75em; }
.feed-link img { float:none; margin: 0; position: relative; top: 1px; }

#map { width: 680px; height: 290px; border: 1px solid #fff; margin-left: 10px; margin-bottom: 1.5em; }

#map { 
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.45); 
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.55); 
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.55); 
}

.alignleft { float: left; }
.alignright{float: right; }
.posts-navigation { overflow: hidden; height: 2em;}
.posts-navigation a { font-size: 0.8334em; border: 0; background: #2a2727; color: #baaf55; font-style: italic; font-weight: bold; padding: 0.25em 0.75em; }
.posts-navigation a:hover { color: #fff; background: #332f2f;}
.posts-navigation a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.four-columns { overflow: hidden; margin-bottom: 1.5em; }
.four-columns .column-1,
.four-columns .column-2,
.four-columns .column-3,
.four-columns .column-4 { float: left; display: inline; width: 165px;}
.four-columns .column-2 { margin: 0 10px; }
.four-columns .column-3 { margin-right: 10px; }