/*
G5 Search Marketing Copyright 2009
Local Search Marketing - Local Internet Advertising
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
em, i {font-style: italic;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

a {outline: none; text-decoration: underline; color: #005d7e;} 
a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; color: #a95524;}
h1,h2 {font-family: georgia, 'times new roman'}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 17px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
html {}

body {
color: #444444;
text-align: center;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
background: #005d7e url(/images/bg_main.jpg) top left repeat-x;
}

#masterWrapper {
margin: 0 auto 0 auto;
width: 970px; /* master width 950 content + 10px per side d.s. */
text-align: left;
background: #f2eee4 url(/images/bg_wrapper.gif) top left repeat-y;
}
#wrapper {
margin: 0 auto 0 auto;
width: 970px; /* master width 950 content + 10px per side d.s. */
text-align: left;
background: transparent url(/images/bg_wrapper_02.jpg) top left no-repeat;
min-height: 760px;
height: auto !important;
height: 760px;
}

body.home #header { 
width: 970px;
height: 384px;
}
#header {
width: 970px;
height: 282px;	
}
#header h1 {
padding: 33px 0 0 36px;
}
#header h1 a {
display: block;
width: 260px;
height: 52px;
text-indent: -9999px;
background: url(/images/logo_mahar.gif) top left no-repeat;
}
#header p {
float: right;
display: block;
margin: 75px 30px 0 0;
width: 265px;
height: 13px;
text-indent: -9999px;
background: url(/images/header_tag_01.gif) top left no-repeat;
}
#headerRight {
float: right;
width: 561px;
}
#headerRight h4 {
display: block;
width: 462px;
height: 20px;
text-indent: -9999px;
background: url(/images/tagline.gif) top left no-repeat;
margin: 49px 99px 0 0;
}

#middle {
position: relative;
width: 925px;
min-height: 460px;
height: auto !important;
height: 460px;
text-align: left;
}

#footerWrapper {
margin: 0 auto 0 auto;
width: 970px;
min-height: 32px;
height: auto !important;
height: 32px;
text-align: right;
background: transparent url(/images/bg_footer.jpg) top left no-repeat;
}
#footer {
margin: 0 auto 0 auto;
width: 940px;
padding-top: 30px;
text-align: right;
}

#flavorTextWrapper {
width: 568px;
background: url(/images/textbox_bottom.gif) bottom left no-repeat;
}
#flavorText {
width: 568px;
background: url(/images/textbox_top.gif) top left no-repeat;
min-height: 50px;
height: auto !important;
height: 50px;
text-align: center;
}
#flavorText p {
margin: 30px 20px;
font-family: georgia, "times new roman";
font-style: italic;
font-size: 24px;
color: #f2eee4;
}

/* Nav */

#nav {
position: relative; 
width: 942px;
height: 34px;
padding: 0;
z-index: 999;
list-style: none;
line-height: 1;
background: transparent url(/images/nav_01.png) top left repeat-x;
margin: 3px 0 0 14px;
}
#nav a {
display: block;
width: 10em;
}
#nav ul {
margin: 0;
padding: 0;
}
#nav li { /* all list items */
float: left;
display: block;
padding: 0;
list-style: none;
overflow: hidden;
z-index: 999;
}
#nav li a {
display: block;
height: 34px;
line-height: 34px;
color: #ffffff;
text-align: left;
text-decoration: none;
text-indent: -9999px;
}
#nav li.last a {border: 0;}

#nav li.home a {
width: 98px;
}
#nav li.home a:hover {
background: transparent url(/images/nav_01.png) no-repeat;
background-position: 0 -34px;
}
#nav li.developments a {
width: 177px;
}
#nav li.developments a:hover {
background: transparent url(/images/nav_01.png) no-repeat;
background-position: -98px -34px;
}
#nav li.parks a {
width: 130px;
}
#nav li.parks a:hover {
background: transparent url(/images/nav_01.png) no-repeat;
background-position: -275px -34px;
}
#nav li.retirement a {
width: 219px;
}
#nav li.retirement a:hover {
background: transparent url(/images/nav_01.png) no-repeat;
background-position: -405px -34px;
}
#nav li.green a {
width: 193px;
}
#nav li.green a:hover {
background: transparent url(/images/nav_01.png) no-repeat;
background-position: -624px -34px;
}
#nav li.about a {
width: 125px;
}
#nav li.about a:hover {
background: transparent url(/images/nav_01.png) no-repeat;
background-position: -817px -34px;
}

#nav li.home, #nav li.developments, #nav li.parks, #nav li.retirement, #nav li.green, #nav li.about {border: 0;}

#nav li.home ul li,
#nav li.developments ul li, 
#nav li.parks ul li, 
#nav li.retirement ul li,
#nav li.green ul li, 
#nav li.about ul li {
border: 1px solid #ffffff;
border-width: 1px 1px 0 1px;
}
#nav li.home ul li a,
#nav li.developments ul li a, 
#nav li.parks ul li a, 
#nav li.retirement ul li a,
#nav li.green ul li a, 
#nav li.about ul li a {
background-image: none;
background: url(/images/bg_subnav_01.jpg) top left repeat-x;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 12px;
color: #ffffff;
display: block;
width: 185px;
height: 26px;
line-height: 26px;
padding: 0;
margin: 0;
border-bottom: 0;
border-right: 0;
text-indent: 5px;
font-weight: bold;
}
#nav li.home ul li a:hover,
#nav li.developments ul li a:hover, 
#nav li.parks ul li a:hover, 
#nav li.retirement ul li a:hover,
#nav li.green ul li a:hover, 
#nav li.about ul li a:hover {
background: url(/images/bg_subnav_02.jpg) top left repeat-x;
color: #ffffff;
display: block;
width: 185px;
height: 26px;
line-height: 26px;
padding: 0;
margin: 0;
}
#nav ul { /* all lists */
margin: 0;
list-style: none;
line-height: 1;
z-index: 999;
}
#nav li ul { /* second-level lists */
position: absolute;
width: 185px;
left: -999em;
padding: 0;
border-bottom: 1px solid #ffffff;
}
#nav ul ul {
margin: 0 0 0 1px;
}
#nav li ul ul {
margin: -29px 0 0 163px !important;
margin: -29px 0 0 165px;
}
#nav li.home ul li ul li a,
#nav li.developments ul li ul li a,
#nav li.parks ul li ul li a, 
#nav li.retirement ul li ul li a, 
#nav li.green ul li ul li a,
#nav li.about ul li ul li a {
background-color: #112012;
color: #D9D883;
}
#nav li.home ul li ul li a:hover,
#nav li.developments ul li ul li a:hover,
#nav li.parks ul li ul li a:hover, 
#nav li.retirement ul li ul li a:hover, 
#nav li.green ul li ul li a:hover,
#nav li.about ul li ul li a:hover {
background: #D9D883;
color: #112012;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;}
#nav li:hover, #nav li.hover {position: static;}

/* Homepage */

body.home #photoWrap {
width: 942px;
height: 282px;	
padding: 17px 0 0 14px;
}
#photoWrap {
width: 942px;
height: 180px;	
padding: 17px 0 0 14px;
}

#home-slideshow, #box1 {
width: 942px;
height: 282px;
}

#homeCont {
width: 942px;
margin: 22px 0 0 14px;
}

#homeLeft {
float: left;
width: 568px;
margin-left: 17px;
}

#homeLeft h3 {
display: block;
width: 287px;
height: 28px;
text-indent: -9999px;
background: transparent url(/images/current_projects.gif) top left no-repeat;
}
#homeLeft p {
padding: 3px 10px 2px 206px;
line-height: 1.5em;	
margin:0px;
}
#homeLeft p.topPad {
padding-top: 12px;
}
#homeLeft p a {
font-weight: bold;
text-decoration: none;
padding-left: 8px;
}
#homeLeft p a:hover {
text-decoration: underline;
}
.homeBoxOne {
width: 568px;
height:	124px;
background: url(/images/home_box_01.jpg) top left no-repeat;
margin-top: 20px;
}
.homeBoxTwo {
width: 568px;
height:	124px;
background: url(/images/home_box_02.jpg) top left no-repeat;
margin-top: 21px;
}
#homeRight {
float: right;
width: 323px;
margin-left: 17px !important;
margin-left: 17px;
}
#homeRight p {
margin: 0
}

#featuredHomes h3 {
margin: 0;
padding: 0;
display: block;
width: 304px;
height: 28px;
text-indent: -9999px;
background: transparent url(/images/featured_homes.gif) top right no-repeat;
}
body.hillcrest #featuredHomes h3 {
margin: 0;
padding: 0;
display: block;
width: 302px;
height: 28px;
text-indent: -9999px;
background: transparent url(/images/featured_offices.gif) top right no-repeat;
}
#facRight #featuredHomes h3 {
margin-top: 30px;
}
#facRight #homeFeature {
margin-top: 0;
margin-top: 4px;	
}
#homeFeature {
margin-top: 20px;
width: 304px;
height: 269px;
background: url(/images/bg_right_box.jpg) top left no-repeat;	
}

#homeFeature strong {
float: left;
display: block;
width: 80px;
font-weight: bold;	
}

.featured-slideshow { 
position: relative;
width: 304px;
height: 240px;
overflow: hidden;
}

#box2{
position: absolute;
top: 10px;
width: 1746px; 
left: 0px;
}
#box2 span {
display: block;
float: left;
margin-left: 13px;
}
.buttons{
padding: 5px;
}
.buttons span{
color:#0080FF; padding:0 5px;
cursor:pointer;
font:10px Verdana
}
.buttons span.active, .buttons span:hover {
background: #0080FF;
color: #fff 
}
.hideButtons {
display: none;	
}
span#prev1 {
display: block;
float: left;	
width: 42px;
height: 11px;
margin-left: 140px;
text-indent: -9999px;
background: transparent url(/images/bttn-previous.gif) top left no-repeat;		
}

span#next1 {
display: block;
float: right;	
width: 47px;
height: 11px;
margin-right: 18px;
text-indent: -9999px;
background: transparent url(/images/bttn-next.gif) top left no-repeat;		
}
.smallText {
font-size: 10px;
}


#homeBottom {
margin-top: 36px;
padding-bottom: 10px;
width: 942px;
height: 236px;	
background: transparent url(/images/bg_home_bottom.jpg) top left repeat-x;
}
#homeBottom h2 {
margin: 0 0 0 15px;
line-height: 55px;
display: block;
width: 665px;
height: 55px;
text-indent: -9999px;
background: transparent url(/images/tagline_01.gif) center left no-repeat;	
}
#homeBottom p {
padding: 10px 15px 2px 15px;
line-height: 1.6em;	
}

.pics {  
width: 942px;
height: 282px;
padding: 0;  
margin:  0;  
} 
 
.pics img {  
width: 942px;
height: 282px;
top:  0; 
left: 0 
} 


/* Facility Page */

#facility-page,
#driving-directions, 
#facCont,
#main-content, 
#area-page, 
#no-match, 
#editor-content,
#state-page, 
#site-map,
#comarketing-page,
#edContent {
width: 908px; 
padding: 15px 0 15px 31px;
text-align: left;
overflow: hidden;
}

#area-page,
#comarketing-page {
clear: both;
}

#editor-content p {
line-height: 1.5em;
padding: 5px 0 5px 0;
}
#edContent ul, #editor-content ul {
list-style-type: disc;
margin-left: 20px;
padding: 2px 0 2px 0;
}
#edContent ul li, #editor-content ul li {
line-height: 1.5em;
}

/* breadcrumbs */
#middle p#trail {
float: left; 
margin: 0; 
padding: 12px 0 0 31px;
font-size: 11px;
color: #005d7e;
}
#middle p#trail a {
color: #005d7e;
text-decoration: underline;
}
#middle p#trail a:hover {
text-decoration: none;
}

/* printer on top right of all interior pages */
#facility-name {
float: right;
}
#facility-name ul {
padding: 8px 15px 0 0;
}
#facility-name ul li {
font-size: 11px;
line-height: 20px;
margin: 0;
padding: 0;
background: url(/images/printer.gif) center left no-repeat;
color: #005d7e;
list-style: none;
}
#facility-name ul li.nobackground { background: none; } /* to keep it hidden on area pages */
#facility-name ul li a {
padding-left: 20px;
color: #005d7e;
text-decoration: none;
}
#facility-name ul li a:hover {
text-decoration: none;
}

#facCont {
width: 908px;
height: auto;
}
#facCont h1,
#facCont h2,
#facCont h3,
#facCont h4,
#facCont h5,
#facCont h6 {
line-height: 1.5em;
padding: 5px 0 5px 0;
}
#facCont p {
line-height: 1.5em;
padding: 5px 0 5px 0;
}
#facCont ul {
list-style-type: disc;
margin-left: 20px;
padding: 2px 0 2px 0;
}
#facCont ul li {
line-height: 1.5em;
}
#facLeft {
float: left;
width: 568px;
min-height: 500px;
height: auto !important;
height: 500px;
}
#facLeft h2.callNow {
font-size: 16px;
line-height: 24px;
font-weight: bold;
text-transform: uppercase;
}
.tracking {
font-size: 24px;
line-height: 24px;
color: #005d7e;
}

#facRight {
float: right;
width: 302px;
margin-left: 26px;
}

#photoBorder {
position: absolute;
display: block;
width: 302px;
height: 340px;
background: transparent url(/images/photo_mask.png) top left no-repeat !important;
background: transparent url(/images/photo_mask.gif) top left no-repeat;
z-index: 10;
}
#photo-tour {
width: 302px;
height: 340px;
}
body.hillcrest #photoBorder {
position: absolute;
display: block;
width: 302px;
height: 214px;
background: transparent url(/images/photo_mask2.png) top left no-repeat !important;
background: transparent url(/images/photo_mask.gif) top left no-repeat;
z-index: 10;
}
body.hillcrest #photo-tour {
width: 302px;
height: 214px;
}
#photo-tour h2 {
display: none;
}
#photo-tour p {
padding-top: 6px;
font-size: 11px;
text-align: right;
line-height: 1.4em;
}

#slideshow, #box {
position: relative;
margin: 0;
padding: 0;
padding: 1px;
width: 298px;
height: 336px;
}
body.hillcrest #slideshow, body.hillcrest #box {
position: relative;
margin: 0;
padding: 0;
padding: 1px;
width: 298px;
height: 210px;
}

#mapBorder {
position: absolute;
display: block;
width: 304px;
height: 342px;
background: transparent url(/images/photo_mask.png) top left no-repeat;
z-index: 999;
}
#map {
position: relative;
width: 304px;
height: 342px;
margin-top: 30px;
}
#map h2 {
display: none;
}
#flashmap {
width: 304px;
height: 342px;
}
.maptext {
font-size: 11px;
padding-top: 6px;
font-weight: normal;
text-align: right;
line-height: 1.4em;
}

#callClickPrint {}
#callClickPrint h3 {
display: block;
width: 356px;
height: 28px;
text-indent: -9999px;
background: transparent url(/images/for_more_info.gif) top left no-repeat;
}
#callClickPrint ul {
padding: 0;
margin: 0;
list-style: none;
} 
#callClickPrint ul li {
margin: 0;
padding: 0;
display: block;
height: 83px;
line-height: 83px;
float: left;
}
#callClickPrint ul li a {
display: block;
padding: 0;
margin: 0;
text-decoration: none;
}
#callClickPrint ul li a:hover {
text-decoration: none;
}
#callClickPrint ul li.callNow {
width: 274px;
height: 83px;
font-family: georgia, "times new roman";
font-size: 20px;
background: transparent url(/images/call_now.jpg) top left no-repeat;
padding: 12px 0 0 6px;
}

#callClickPrint ul li.info a {
width: 274px;
height: 83px;
background: transparent url(/images/request_info.jpg) no-repeat;
background-position: 0 0;
text-indent: -9999px;
margin-left: 10px;
}
#callClickPrint ul li.info a:hover {
background-position: 0 -83px;
}


#other-facilities {
clear: both;
padding: 15px 0 0 0;
padding-bottom: 15px;
margin-left: 32px;
}
#editor-content #other-facilities {
margin-left: 0; 
}
#other-facilities h2 {
}

#other-facilities dl {}
#other-facilities dt {
padding: 15px 0 0 0;
}
#other-facilities dt a {
padding: 10px 0 0 0;
font-weight: bold;
line-height: 1.5em;
}

#other-facilities dd a {
line-height: 1.5em;
}

#siteMap #other-facilities,
#locations #other-facilities {
margin-left: 30px;
}

/* Area Page Styles */

#area-page {
width: 890px;
}
#editor-content #area-page {
margin-left: -15px;
width: 890px;
}

#area-page p.city {
padding-left: 500px;
text-align: right;
}
h2.city {clear: both;}
p.city {padding: 0 0 0 520px; text-align: right;}

#area_map {
position: relative;
width: 418px;
float: right;
padding: 0 0 35px 0;
}

#area_map h2 {
font-size: 14px;
text-transform: uppercase;
}

#area_map #flashmap {
width: 410px;
height: 430px;
border: 3px solid #005d7e;
}

#facility-list {
float: left;
width: 390px;
margin: 12px 0 0 0; 
display: inline;
}

.facility-summary {
margin: 16px 0 16px 0; 
clear: both;
border-bottom: 1px solid #005d7e;
line-height: 1.25em;
}
.facility-summary img {
float: left;
padding: 0 10px 10px 0;
}
.facility-summary img.facility-offer {
display: none;
}
.facility-summary dl {
margin: 0;
padding: 0 0 20px 0; 
}
.facility-summary dt {font-weight: bold;}
.facility-summary dd {padding: 0 0 0 10px;}
.facility-summary a {}

/* Driving Directions Styles */

#driving-directions {
clear: both; 
width: 895px; 
}
#driving-directions #address {
padding: 20px 0 0 0;
text-align: left;
}

#driving_map {
width: 895px;
height: 420px;
margin-top: 14px;
}
#driving_map h2 {
text-transform: uppercase;
height: 30px;
}

#driving-directions #flashmap {
width: 878px;
height: 376px;
margin: 8px 0 0 8px;
}

#driving-text {
padding: 15px 0 0 0;
}
#driving-text h1 {
font-size: 12px;
line-height: 2.0em;
}
#driving-text h2 {
font-size: 14px;
line-height: 2.0em;
text-transform: uppercase;
padding: 6px 0 0 0;
}

#driving-link {
padding: 0 0 20px 0;
}

#site-map {clear: both;
padding-bottom: 30px;
}
#site-map h3 {padding-bottom: 5px;font-size: 14px;}
#site-map h4 {font-size: 12px; font-weight: normal;line-height: 1.4em;}
#site-map a {
line-height: 1.6em;
}

/* State Pages */

#state-page dl {}
#state-page dl dt {margin: 10px 0 2px 0;}
#state-page dl dt a {font-weight: bold;}

/* Footer */

#footer p {
padding: 0;
margin: 0;
padding: 10px 0 0 0;
color: #ffffff;
font-size: 11px;
}
#footer p.footerBrand a {
margin: 0 5px 10px 0;
height: 17px;

font-size: 11px;
color: #ffffff;
}
#footer a {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

#footer ul {
padding: 0;
margin: 0;
list-style: none; 
text-align: right;
font-size: 11px;
line-height: 11px;
padding-top: 6px;
margin-left: 10px;
}
#footer ul li {
display: inline; 
padding: 0 0 0 10px;
color: #ffffff;
line-height: 10px;
font-size: 11px;
}
#footer ul li.last, #footer ul.footerBar li.last {
border: none;
}

#footer ul li a {
padding: 0 12px 0 0;
border-right: 1px solid #ffffff;
color: #ffffff;
line-height: 11px;
font-size: 11px;
}
#footer ul li.last a {
border-right: 0;
}

#footer-states {
color: #ffffff;	
font-size: 11px;
}
#footer-states ul.states-list li a {
color: #ffffff;	
text-transform: uppercase;
}

#footer-stores {
font-size: 11px;
color: #ffffff;	
padding-right: 8px;
}
#footer-stores p {
padding: 5px 4px 5px 0;
}
#footer-stores p.disclaimer, #footer-stores p {
font-size: 11px;
color: #ffffff;	
}
#footer-stores a {color: #ffffff;}
.clear {clear: both;}
.exp {
color: #ffffff;	
}

/* New G5 Brand */
#brand {
    margin:0px;
    float:right;
    display: block;
    width: 213px;
    height: 17px;
    text-align: left;
    text-indent: -9999px;
    background: url(/images/footer-brand.gif);
}
a#brand {text-indent: -9999px;}
#brand:hover {background-position: 0 -17px;}

#shadowbox_gallery ul, #shadowbox_gallery_two ul {
padding: 0;
margin: 0;
}
#shadowbox_gallery ul li, #shadowbox_gallery_two ul li {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
#shadowbox_gallery ul li img, #shadowbox_gallery_two ul li img {
border: 5px solid #f2eee3;
}
#shadowbox_gallery ul li span, #shadowbox_gallery_two ul li span {
margin: 10px;
float: left;
text-decoration: underline;
width: 75%;
}
/* --------- /stylesheets/inline.css --------- */ 
/*
 _ _       _     _       _          
| (_)_ __ | | __(_)_   _(_) ___ ___ 
| | | '_ \| |/ /| | | | | |/ __/ _ \
| | | | | |   < | | |_| | | (_|  __/
|_|_|_| |_|_|\_\/ |\__,_|_|\___\___|
              |__/         
*/

#inline-edit-tools{
  background: #F0F4F5 url(http://www.g5search.com/javascripts/ext/resources/images/gray/toolbar/bg.gif) repeat-x scroll left top;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}

#inline-edit-tools a.edit{
  background-position: 0 2px;
  display: block;
  padding: 3px 0 2px 18px;
  color: #000;
  background-repeat: no-repeat;
  text-decoration: none;
  background-image: url(http://www.g5search.com/javascripts/ext/resources/images/default/shared/fam/page_edit.png) !important;
}

/* --------- /javascripts/shadowbox/skin/classic/skin.css --------- */ 
/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(/javascripts/shadowbox/skin/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  /*height: 26px;*/
  height: 4em;  /* this can be just about any value because of the overflow, but the 2-4em ballpark looks best, IMO, and prevents overflow off the top of the viewport for captions up to three lines */
  overflow: visible;
}
#shadowbox_title_inner {
	position: absolute;
	bottom: 0;
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}

#shadowbox_title {
  border: 0px solid;
} 

#shadowbox_info {
  border: 0px solid;
}