/* CSS Document */

/* - - - - - - - - - - - - - - - - - -
	Evolution 7 Web Design
	http://www.evolution7.com.au
- - - - - - - - - - - - - - - - - - */

* {padding:0; margin:0;}
html, body {height:100%;}
body {font-family:Verdana, Geneva, sans-serif; color:#5F6062; font-size:12px; line-height:15px; background:#303030; min-width:960px; max-width:1920px; }

/*Text, formatting*/
a {color:#0079C1; text-decoration:none; outline:none;}
	a:hover{text-decoration:underline; color:#8dc63f;}
	a img {border:none; outline:none;}
    
p {padding-bottom:15px;}
h1 {font-size:25px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; line-height:22px; padding-bottom:15px; background-repeat:no-repeat;color:#0079C1; }
h2 {font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:16px; padding-bottom:15px; color:#0079C1; }
h3 {font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:16px; padding-bottom:15px;}
h4 {font-size:12px; font-weight:bold; line-height:15px; padding-bottom:10px;}
h5 {font-size:12px; font-weight:normal; line-height:15px; padding-bottom:5px; color:#7bacdc;}
h6 {font-size:11px; font-weight:normal; font-style:italic; line-height:15px; padding-bottom:5px;}
.img-heading {margin-bottom:30px; behavior: url(/css/iepngfix.htc); position: absolute }
.heading-spacer {width: 90%; height: 50px}

.margin-text {margin-left:125px;}

.hr {clear:left; display:block; height:1px; line-height:1px; background:#bfddf0; margin:10px 0; padding:0;}
.imgleft {float:left; padding-right:20px;}

ul, ol {list-style:outside; padding:0 0 25px 15px;}
blockquote {padding:15px 15px 10px 15px; margin:10px 0 25px; background:#F1F1F2; border-top:3px solid #CFD1D2;}

/*Layout*/
#wrapper  {background:url(../images/struct/bg-left-col.gif) repeat-y 20% 0 #fff; width:100%; float:left;}
	td {vertical-align:top;}
	.middle td {vertical-align:middle}
#header {height:130px; background:url(../images/struct/bg-header.gif) repeat-x #454646; border-bottom:1px solid #fff;}
#nav {float:left; width:20%; margin-bottom:80px;}
#container {float:right; width:75.9%; padding:35px 2%; background:url(../images/struct/bg-content.gif) repeat-x #fff;}
	#content {margin-right:330px;}
    #right-image {float:right; width:320px; margin:-35px -2.5% 0 0;}
#footer {width:95.9%; padding:20px 2%; clear:both; height:120px; background:url(../images/struct/bg-footer.gif) repeat-x #454646; border-top:1px solid #fff;}

/*Header*/
#logo {position:absolute; top:30px; left:30px;}
#contact {position:absolute; top:10px; right:20px;}
#header-bay, #header-linx, #header-flooring {float:right; display:block; width:19%; height:53px; margin-top:40px;}
    #header-bay {background:url(../images/struct/header-bay.gif);}
    #header-linx {background:url(../images/struct/header-linx.gif);}
    #header-flooring {background:url(../images/struct/header-flooring.gif);}
#header-bay h2, #header-linx h2, #header-flooring h2 {display:none;}

/*Nav*/
#nav a {display:block; height:30px; border-bottom:1px solid #949495;}
    #nav a:hover {background-position:left center;}
    #nav .on, #nav a.on:hover {background-position:left bottom;}
    #nav .on {border:none;}
    	#n-home {background:url(../images/struct/nav/home.gif);}
        #n-about {background:url(../images/struct/nav/about.gif);}
        #n-expertise {background:url(../images/struct/nav/expertise.gif);}
        #n-portfolio {background:url(../images/struct/nav/portfolio.gif);}
        #n-news {background:url(../images/struct/nav/news.gif);}
        #n-careers {background:url(../images/struct/nav/careers.gif);}
        #n-contact {background:url(../images/struct/nav/contact.gif);}
    #nav strong {display:none;}
    /*Subnav*/
    #subnav {background:url(../images/struct/bg-subnav.gif) repeat-y; padding:5px 0 10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:20px;}
    	#nav #subnav a {border:none; height:20px; color:#494949; padding-left:30px;}
        #subnav .on {background:url(../images/struct/bg-subnav-on.gif) repeat-y;}
      #nav #subnav a.indented { padding-left: 40px; background:url(../images/struct/bg-subnav-in.gif) repeat-y; font-size:12px;}
      #subnav .on.indented {background:url(../images/struct/bg-subnav-on.gif) repeat-y !important;}

/*Home*/
#feature {width:100%; border-bottom:1px solid #fff; background:url(../images/struct/home-feature_01.jpg) no-repeat #5f6062;}
#flash {width:1156px; height:260px;}
#home-blurb {float:left; width:45%;}
	#blurb-intro {padding-bottom:10px;}
#footy-tips {margin:30px 0; padding:20px 15px; /*background:url(../images/struct/bg-footy-tips.gif) no-repeat 94% 80% #e8eff9;*/ background:#e8eff9; border-top:3px solid #c4d7ef; color:#0079c2; font-size:11px;}
	#footy-tips p {padding:10px 0 0 0;}
#home-news {float:right; width:48%; font-size:11px;}
	#home-news-header, #news-header {border-bottom:2px solid #7fbce0; height:30px;}
    	#home-news-header img {float:left;}
        #home-news #home-news-header a {float:right; color:#66afda;}
    .news-item {padding:20px 0; border-bottom:1px solid #bfddf0; }
    	.news-item-img {float:left; padding:1px; border:1px solid #7fbce0; margin:1px;}
            .news-item-img:hover {border:2px solid #7fbce0; margin:0;}
        .news-item-content {padding-left:110px;}
        .news-item h4 {padding:0; font-weight:normal; font-size:11px;}
        .news-item h5 {padding:0; font-weight:normal; font-size:11px;}

/*Footer*/
#footer table {width:100%; border-collapse:collapse; font-size:10px; color:#9f9fa0;}
	#footer td {width:11.11%;}
	#footer h3 a {font-size:10px; color:#d4d5d5; padding-bottom:5px;}
	#footer a {float:left; clear:both; color:#9f9fa0; font-size:10px;}
    #footer-icon {background:url(../images/struct/logo-footer.gif) no-repeat bottom left;}
#footer-e7 {position:absolute; right:20px; padding: 16px 0px 10px; margin-top:-35px; float:right; font-size:10px;}
#footer-e7 a {clear:none;}
	#e7 {height:30px; background:url(../images/struct/e7.gif) no-repeat; padding-left:20px; margin-left:4px;}
		#e7:hover {background-position:left bottom;}

/*Buttons*/
body #btn-mailing-list {display:block; width:148px; height:60px !important; background:url(../images/struct/btn-mailing-list.gif); margin:20px 0 0 20px; border:none;}
	body #btn-mailing-list:hover {background-position:bottom !important;}
    #btn-mailing-list strong {display:none;}
body #btn-excess {display:block; width:148px; height:75px !important; background:url(../images/struct/btn-excess.gif); margin:80px 0 0 20px; border:none;}
	body #btn-excess:hover {background-position:bottom !important;}
    #excess strong {display:none;}
    /*Deprecated
#btn-footy-tips {display:block; width:117px; height:27px; background:url(../images/struct/btn-footy-tips.gif); float:right; margin:0 0 90px 20px;}
	#btn-footy-tips:hover {background-position:bottom;}
    #btn-footy-tips strong {display:none;}*/
#btn-footy-afl {display:block; width:135px; height:44px; background:url(../images/struct/btn-footy-afl.gif); float:left; margin:12px 10px 0 0;}
#btn-footy-nrl {display:block; width:135px; height:44px; background:url(../images/struct/btn-footy-nrl.gif); float:left; margin:12px 10px 0 0;}

	#btn-footy-afl:hover, #btn-footy-nrl:hover {background-position:bottom;}
    #btn-footy-afl strong, #btn-footy-nrl strong {display:none;}

.button {display:inline-block; padding:4px 12px 6px; background:#0079C1; border-top:3px solid #339dd5; color:#fff; text-transform:uppercase; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 10px 10px 0;}
	a.button:hover {background:#8dc63f; border-top:3px solid #a4d165; color:#fff; text-decoration:none;}
    
.button-sml {display:inline-block; padding:2px 8px 4px; background:#0079C1; border-top:2px solid #339dd5; color:#fff; text-transform:uppercase; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:10px 10px 10px 0;}
	a.button-sml:hover {background:#8dc63f; border-top:2px solid #a4d165; color:#fff; text-decoration:none;}


/* Portfolio */
.project {float: left; width:94.9%; padding:25px 2.5% 45px; border-top:2px solid #DBDCDD;}
	.project h2 {padding-bottom:10px; margin-top:-3px;}
	.project-text {padding-left:180px;}
	.project table {width:100%; border-collapse:collapse;}
		.project td {font-size:11px; line-height:14px; width:18%;}
        	.project .td-wide {width:23%;}
            .td-wide a {color:#F3901D;}
		.project th { margin: 0; text-align: left; padding-bottom:3px !important; font-size:11px; color:#AAACAE; font-weight:normal;}
		.project h4 {padding:25px 0 0; color:#AAACAE; font-size:11px; font-weight:normal;}
        .project p {padding-bottom:0;}
	.project-image {position:absolute; width:160px; background:#0079C1; } /*No float because of jump bugs in IE6..*/
        .project-image img {float:left;}
    .btn-gallery {display:block; clear:both; text-align:center; width:160px; padding:7px 0; text-transform:uppercase; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #fff;}
    	/*Hover*/
    	.project-image:hover {background:#8DC63F;}
    	.btn-gallery:hover {text-decoration:none; background:#8DC63F; color:#fff;} 
    /*Featured*/
    .featured {background:url(../images/projects/featured.gif) 97% 15px #F3F6FB no-repeat; border-color:#C7D8EF;}

/*Controls*/
#control {height:58px; background: #F3F8EC; border-top:3px solid #E4F0D2; margin-bottom:20px;}
	#filter {float: left; padding:15px;}
		#filter-controls {float:left;}
		.filter-text {margin-left:10px; color:#0079C1; font-weight:bold;}
		.img-filter {float:left; padding-top:7px;}
	#sort {float:right; padding:20px 2%; border-left:1px solid #E4F0D2; font-size:11px;}
		.sort-text {margin-left:14px; color:#0079C1; font-weight:bold;}
        	#sort .on {background:url(../images/projects/sort-on.gif) no-repeat left center; padding-left:12px;}
          #sort .up {background:url(../images/projects/sort-up.gif) no-repeat left center; padding-left:12px;}
		.img-sort {float:left; position:relative; margin-top:1px; }
    #search {border:0; background:#fff; height:19px; padding:3px; margin:0 20px; font-size:13px; float:left;}
    #btn-search {display:block; float:left; width:35px; height:25px; background:url(../images/projects/btn-go.gif);}
    	#btn-search:hover {background-position:bottom;}
        #btn-search strong {display:none;}

/*Paging*/
#view {height: 58px; width:100%; clear:both;}
	#view-controls h4 {padding-bottom:0px; font-size:11px; color:#AAACAE; font-weight:normal;} 
.paging {float:right; width:170px; font-size:11px; color:#7992A3; height:16px; padding-top:20px;}
     .paging label {float:left; padding-right:4px;}
     .paging input {float:left; border:1px solid #CCC; width:20px; height:15px; line-height:15px; display:block; text-align:center; color:#7992A3; font-size:11px;}
     .paging div {float:left; padding-left:4px;}
     /*Buttons*/
    .btn {display:block;}
    /*Hides*/
     .btn b {display:none;}
     /*Hovers*/
     .btn:hover {background-position:bottom;}         
     .btn-paging-prev {width:17px; height:17px; background-image:url(../images/struct/btn-paging-prev.gif); float:right; margin-right:3px;  margin-left:10px;}
     .btn-paging-next {width:17px; height:17px; background-image:url(../images/struct/btn-paging-next.gif); float:right;}

/*------------------- JIM EDIT -------------------*/
.clear {clear:both;}
.grid {display:inline;float: left;}
.right_navigation {float:right;width:300px;margin-top:20px;}
  .right_navigation #home-news{width:300px;}
  
/*News Row View*/
#news-header #title {float:left;}
#news-header .paging {padding-top:0;}
.news {padding:20px 2%; float:left; width:96%; font-size:11px; border-top:2px solid #bfddf0; background:#f2f7fb;}
.news .information {padding-left:110px;}
    .news .information h2 {margin-bottom:0; padding:0;}
    .news .information p {padding-bottom:0px; margin-bottom:5px;}
.news .image {float:left; margin-right:10px;}
.category{float:right; padding-bottom:10px; color:#bbb;}
	.category a {color:#7EADDD;}
    /* Alternating rows */
    .alt {background:#fff;}

/* -- General settings for a detail page (single item) -- */
.information h1 {margin:0; padding:20px 0 10px;}
.information h5 {color:#929497;margin:0;padding:0;font-weight:normal;font-size:0.8em;}
.information .blog-content{margin:20px 0;}
#blog-share {float:left; margin-bottom:20px;} 
	#blog-share a {background:url(../images/struct/btn-share.gif) no-repeat left center; padding-left:20px;}
#blog-navigation .section{margin-bottom:20px;}
.blog-content a.download-pdf { padding-left: 23px; height: 22px; display:block; background: url(/images/struct/pdf.gif) 0 -16px no-repeat; color:  }
  .blog-content a.download-pdf:HOVER { background-position: 0 -66px; text-decoration: none }
 
/*Tags*/
.tags {padding:10px; background:#E7EDF8; margin-top:10px; clear:both; display:block; font-size:9px;}
  .tags #tags-centre {display:inline;}
  .tags .tag-wrap a {margin-right:10px; white-space:nowrap;}
  .tags .view-all {float:right;}
  .tags strong {padding-right:20px;}
  
.refine {font-size:9px; margin:-37px 0 37px;}

/* -- Portfolio index page -- */
.content .portfolio .image, .content .portfolio .image img{width:130px;height:98px;}
.content .portfolio .information h2{margin-bottom:0;padding:0;}

/* -- Contact Us page -- */
.contact{float:left; width:100%; border-top:1px solid #CCCCCC;padding:10px 0}
  .contact ul{width:270px;list-style:none;float:left;}
  .contact .over{float:right;clear:both;}
  .contact fieldset{border:0;padding:10px 0;}
  .contact legend{font-size: 1.1em;font-weight:bold;}
  .contact-form {border-top:1px solid #CCCCCC; padding-top: 15px; margin-top:10px;}

  #southmelb, #boxhill, #geelong, #traralgon, #bendigo, #brisbane, #goldcoast, #bayinfo, #sunshinecoast, #infolinx { width: 178px;height: 11px; display:inline-block; background: no-repeat; top:2px; position: relative;}
  #sunshinecoast {width:200px;}
  #southmelb:HOVER, #boxhill:HOVER, #geelong:HOVER, #traralgon:HOVER, #bendigo:HOVER, #brisbane:HOVER, #goldcoast:HOVER, #sunshinecoast:HOVER, #bayinfo:HOVER, #infolinx:HOVER { background-position: 0 -12px; text-decoration: none }
  #southmelb strong, #boxhill strong, #geelong strong, #traralgon strong, #bendigo strong, #brisbane strong, #goldcoast strong, #sunshinecoast strong, #bayinfo strong, #infolinx strong, #recruitment strong{display:none;}

    #southmelb {background: url(/images/contact/southmelb.gif); }
    #boxhill {background: url(/images/contact/boxhill.gif); }
    #geelong {background: url(/images/contact/geelong.gif); }
    #traralgon {background: url(/images/contact/traralgon.gif); }
    #bendigo {background: url(/images/contact/bendigo.gif); }
    #brisbane {background: url(/images/contact/brisbane.gif); }
    #goldcoast {background: url(/images/contact/goldcoast.gif); }
    #sunshinecoast {background: url(/images/contact/sunshinecoast.gif); }
    #infolinx {background: url(/images/contact/infolinx.gif); }

  #bayinfo { width: 154px;height: 13px; display:inline-block; background: no-repeat; top:3px;}
  #bayinfo:HOVER { background-position: 0 -13px; text-decoration: none }
    #bayinfo {background: url(/images/contact/infobay.gif); }

  #recruitment { width: 252px;height: 12px; display:inline-block; background: no-repeat; margin-top:2px; top:3px; position: relative;}
  #recruitment:HOVER { background-position: 0 -12px; text-decoration: none }
    #recruitment {background: url(/images/contact/recruitment.gif); }

/*Heading Colours*/
.contact h2 {margin-top:10px;}
	.contact h2 strong {float:right;}
	.bay-building h2, .blue {color:#074B88;}
	.linx h2, .green {color:#70bc1f;}
	.flooring h2, .orange {color:#f8680f;}

/* -- SITEMAP -- */

#sitemap {list-style:none;}
#sitemap ul {padding-bottom:8px;}
#sitemap li a {font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:30px; color:#0079C1;}
#sitemap ul li {list-style:outside; margin-left:2px; padding-left:-5px;}
#sitemap ul li a {font-weight:bold; line-height:16px; font-size:12px; font-weight:normal; color:#5F6062;}

/*#sitemap ul li {list-style:none; padding-bottom:10px;}
#sitemap ul li a {font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:18px; color:#0079C1;}
#sitemap ul li ul li {list-style:outside; margin-left:2px; padding-left:-5px;}
#sitemap ul li ul li a {font-weight:bold; line-height:16px; font-size:12px; font-weight:normal; padding-bottom:0px; color:#5F6062;}
#sitemap ul li ul li ul li {list-style:outside; margin-left:2px; padding-left:-5px;}
#sitemap ul li ul li ul li a {font-size:12px; font-weight:normal; padding-bottom:0px; color:#5F6062;}*/

/*Forms------------------------------------------------------*/
.form, #payonline-review {float:left; width:520px; /*padding:20px 0*/; font-size:11px;}
.form.nowidth {width:auto !important;}
	input, select, textarea {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#5f6e81;}
  	textarea {overflow:auto; padding:5px;}
  .form fieldset {border:none; padding:0 0 15px 0; margin:0;}
  .form fieldset legend,#payonline-review h4 {padding:5px 0 15px; font-size:13px; font-weight:bold; color:#0079c1; margin:0;}
  .form div {float:left; width:515px; clear:both; display:block; padding:0 0 8px 5px;}
    .form div label, #payonline-review label {display:block; float:left; width:174px; padding:3px 5px 3px 0; margin:0;}

  .payment-form, .pay-explain{border-top:1px solid #CCCCCC; padding-top: 5px;clear:left;}
    .payment-form form{width:100%;}
    .pay-explain{padding-top:20px;margin-top:10px;}

  /*Required*/
    .form div.required label, label.required {background:url(../images/struct/bg-required.gif) right no-repeat;}
    form div.required-right label{margin-left:171px; background:url(../images/struct/bg-required.gif) left no-repeat; padding-left:10px; width:140px;}
    /*Field Styles*/
    select, textarea, input.inputText, .displayText {margin:0; padding:3px; background-color:#FCFCFC; border-top:1px solid #bcbcbd; border-left:1px solid #bcbcbd; border-bottom:1px solid #f1f1f2; border-right:1px solid #f1f1f2;}
      .form div select, .form div input.inputText, .displayText {width:320px;}
      .displayText{display:inline-block;}
      .form div textarea {width:500px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
      select {padding:0;}
      option {padding:3px;}
  /*Radios*/
  .form .radio_list {float:left; width:270px; padding:0; margin:0;}
    .form .radio_list li {width:270px; clear:both; background:none; padding:0; margin:0; list-style:none;}
    .radio_list input {float:left; width:18px;}
    .radio_list label {line-height:8px;}
    * html .radio_list label {line-height:13px;}
  /*Radios Inline*/
  .narrow-form .radio-inline {clear:both;}
  .narrow-form .radio-inline div {float:left; width:130px !important; clear:none;}
  .narrow-form .radio-inline div label {float:left; width:130px !important;}
  /*Checkboxes*/
  .checkbox-list input {float:left; width:16px;}
    .checkbox-list label {line-height:10px;}
    * html .checkbox-list label {line-height:15px;}
    .checkbox-list div {padding-bottom:3px;}
    /*Date*/
  .date input {width:40px; padding:3px; background-color:#FCFCFC; border-top:1px solid #bcbcbd; border-left:1px solid #bcbcbd; border-bottom:1px solid #f1f1f2; border-right:1px solid #f1f1f2;}
  /*Validation*/
  div.validation {padding:2px 0 4px 179px; width:340px; font-size:10px; color:#993f5b; line-height:10px; height:12px;}
  .notes {padding:4px 0 0 179px; width:340px; font-size:10px; color:#888; line-height:10px; height:12px; display:block;}
  * html div.validation {padding:2px 0 4px 182px;}
  .invalid input.inputText, .invalid textarea {border:1px solid #993f5b !important;}
  .invalid label {background:url(../images/bg-invalid.gif) right no-repeat !important;}
  /*Active States*/
  .form div input.inputText:focus, .form div textarea:focus, .form .date input:focus {background:#fff; border-top:1px solid #595959; border-left:1px solid #595959; border-bottom:1px solid #BFBFBF; border-right:1px solid #BFBFBF;}
  /*Feedback*/
  .feedback-error, .feedback-warning, .feedback-message {width:470px !important; padding:10px 20px; margin:10px 0;}
  .feedback-message {width:410px; border:1px solid #8DC63F; background:#fcfefa;}
  	.feedback-message h4, .feedback-message h1 {color:#8DC63F;}
    #content .feedback-message li {background:url(../images/struct/li-message.gif) no-repeat 0 4px; padding:0 0 3px 10px; list-style:none;}
  .feedback-warning {width:410px; border:1px solid #F8AB3A; background:#fcfbf9;}
  	.feedback-warning h4 {color:#F8AB3A;}
    #content .feedback-warning li {background:url(../images/struct/li-warning.gif) no-repeat 0 4px; padding:0 0 3px 10px; list-style:none;}
  .feedback-error {width:410px; border:1px solid #AF363B; background:#fcf9fa;}
  	.feedback-error h4 {color:#AF363B;}
    #content .feedback-error li {background:url(../images/struct/li-error.gif) no-repeat 0 4px; padding:0 0 3px 10px; list-style:none;}
	.error-heading {background:url(../images/struct/icon-error.gif) no-repeat; padding:5px 0 20px 40px;}
    .success-heading {color:#abd95a; background:url(../images/struct/icon-success-heading.gif) no-repeat left 1px; padding-left:16px; margin-left:4px;}
    .failure-heading {color:#BD003B; background:url(../images/struct/icon-failure-heading.gif) no-repeat left 1px; padding-left:16px; margin-left:4px;}


/* LIGHTBOX CODE */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/struct/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/struct/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }