/* Image Dr */

html, body { padding: 0; margin: 0; height: 100.1%; font-size: 85%;  }
body {background-color:#000; font-family:"Century Gothic", Arial, Myriad; }
h1 { font-size: 1.3em; padding-bottom:0.2em; background-color: #fff; color: #000;}
h2 {font-size: 1.1em; padding-bottom:0.2em;background-color: #fff; color: #000; clear:both}
h3 {font-size: 1.0em; background-color: #F6D9F5;color: #F0027F; padding:0.2em; clear:both;  }
h4 {font-size: 0.9em; padding-bottom:0.2em; background-color: #fff;color: #000;}
p { font-size: 0.8em; background-color: #fff; color: #000;}
p.small {width:45%;}
.right {float:right; margin:10px 0; }
p.answer { font-size: 0.8em; background:url(backgrounds/a.gif) no-repeat top left #fff; color: #000; padding: 5px 40px;}
#container {margin-left:auto; margin-right:auto; width: 680px;  background-color: #fff; border-bottom:18px solid #000;  border-left:18px solid #000;border-right: 18px solid #000; }
#branding_nav_wrap {width:100%; background: url(backgrounds/wrap_bg.gif) no-repeat top right #000; float:left;}
#branding {width: 100%; height:132px; margin-left:0;margin-bottom:0; background: url(backgrounds/branding.gif) no-repeat top left;margin-top:0; float:left; }
#menu { width:100%; padding-bottom:20px; float: left; height:93px;}
#menu ul {padding:0; margin-top:0;}
#menu li {list-style-type: none; display: inline; line-height: 70px;  margin-left: 120px;}
#menu a {display: block; background: url(backgrounds/nav_link_on.gif) no-repeat top right; float:left; width: 120px; height: 93px;} 
#menu a:hover {background: url(backgrounds/nav_link_over.gif) no-repeat top right; width: 120px; height: 93px;} 
#menu a.home {display: block; background: url(backgrounds/home_link_on.gif) no-repeat top right; float:left; width: 120px; height: 93px;} 
#menu a:hover.home, body#home #home_tab a {background: url(backgrounds/home_link_over.gif) no-repeat top right; width: 120px; height: 93px;} 
#menu a.faq {display: block; background: url(backgrounds/faq_link_on.gif) no-repeat top right; float:left; width: 120px; height: 93px;} 
#menu a:hover.faq, body#faqtab #faqtab_tab a {background: url(backgrounds/faq_link_over.gif) no-repeat top right; width: 120px; height: 93px;} 
#menu a.contact {display: block; background: url(backgrounds/contact_link_on.gif) no-repeat top right; float:left; width: 120px; height: 93px;} 
#menu a:hover.contact, body#contacttab #contacttab_tab a{background: url(backgrounds/contact_link_over.gif) no-repeat top right; width: 120px; height: 93px;}
#menu a.gallery {display: block; background: url(backgrounds/gallery_link_on.gif) no-repeat top right; float:left; width: 120px; height: 93px;} 
#menu a:hover.gallery, body#gallerytab #gallerytab_tab a {background: url(backgrounds/gallery_link_over.gif) no-repeat top right; width: 120px; height: 93px;}

#clearer {clear: both;}
.hide {display:none;}
img.logo {margin:10px; background-color:#000;}
ul { padding:0; margin: 0; }
#content ul.answerlist {  margin-left: 0; background: url(backgrounds/a.gif) no-repeat top left #000;padding-left: 50px; }
#content li.sqaure {padding: 5px; list-style-type: square; font-size: 0.8em; text-indent: 30px;}
img.left { float: left; margin-right:15px; margin-top:0; border-right: 1px solid #fff; clear:both;}
#content {width: 97%; font-size: 1.3em;padding:10px;  margin:0; background: url() no-repeat bottom right #fff;  float: left;}
#content h1 { font-size: 1.3em; padding-bottom:0.2em;  background-color: #fff; color: #000;}
#content h2 {font-size: 1.0em; padding-bottom:0.2em;background-color: #F6D9F5; color: #fff;}
#content h1.soon {padding-bottom:0.2em; width: 400px;margin-top:0; height: 40px; background: url(headings/come_soon.gif) no-repeat top left #fff; color: #000;}
#content h1.faq {padding-bottom:0.2em; width: 400px;margin-top:0; height: 50px; background: url(headings/faq.gif) no-repeat top left #fff; color: #000;}
#content h1.scanning {padding-bottom:0.2em; width: 450px;margin-top:0; height: 50px; background: url(headings/scanning.gif) no-repeat top left #fff; color: #000;}
#content h1.mailing{padding-bottom:0.2em; width: 400px;margin-top:0; height: 50px; background: url(headings/mailing.gif) no-repeat top left #fff; color: #000;}
#content h3.question{ font-size: 1.0em; height:40px; margin-bottom:0; background: url(backgrounds/q.gif) no-repeat top left #fff; color: #F0027F; padding-left:40px;}
#content img, .right { border:4px solid #EBCBDC;padding:2px; }
.imagegallery { background-color:#000; width: 300px }
span.nodisplay {display: none;}
#content a:link { font-size: 0.9em; background-color: #fff; color: #000; text-decoration:none;border-bottom: 1px solid #000; padding: 0; }
#content a:visited {font-size: 0.9em; background-color: #fff; color: #000; }
#content a:hover {font-size: 0.9em; background-color: #B6EBE9; color: #000; text-decoration: none;}
#footer { width: 100%; clear:both; background: #D4BECF; height: 60px;  float:left;}

#content-gallery {float:left;  margin:0;width:100%; }
#content-gallery ul {display:inline; }
#content-gallery img { border:4px solid #EBCBDC;  background-color: #fff; padding:2px;}
#content-gallery li { list-style-type:none; float:left; padding:0 10px 10px 0; }
#content-gallery h2 {font-size: 1.0em; background-color: #F6D9F5;color: #F0027F; padding:0.2em; }
#content-gallery a:link { background-color:#fff; border:none;}
/* forms */

textarea { width:300px; border: 1px solid #fff;}
.but{ margin-left: 170px; display:block; margin-top:5px;width:100px; }
.res{ float:left; }
.length{width: 70px;}
label {margin-right: 20px; float:left; text-align:right; font-weight: bold;display:block; width:150px; }
select { margin-bottom: 5px;  width: 200px; border: 1px solid #ccc;}
input{ margin-right: 20px; margin-bottom: 5px; width:150px; border: 1px solid #ccc; } 
fieldset {margin: 0 0 1em 0; padding: 1em; border: 1px solid #fff; width: auto; font-size: 0.8em;background-color:#000; }
fieldset td {font-size: 1em;}
.height {line-height: 2.7em;}
.falselabel {font-size: 0.1em; color:#fffdfd; background-color: #fff;}
legend { font-size: 1.2em; font-weight: bold; color: #F0027F; margin: 0; padding: 0; background-color: #000;}
.fullwidth label { display: block; padding-top: 5px; }
.fullwidth input{ width: 50%;}
.fullwidth textarea{ width: 99%;}
.required { color: #b60202;  background-color: #eee; font-weight: bold;}

/* =lightbox gallery */
#lightbox-layout {margin: 2em 2em 2em 3em; float:left;}
#lightbox-layout ul  {display: inline; padding:0; margin:0;}
#lightbox-layout li {display: inline;  list-style-type: none;}
#lightbox-layout-index {z-index: 1; padding:1.3em 1.9em 1em 1.8em; width: 21em; color: #fff; background-color: #41433f; border-bottom: 2px solid #c5c47e;}
#lightbox-layout-index ul  {display: inline; padding:0; margin:0;}
#lightbox-layout-index li {display: inline;  list-style-type: none;}
#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;color:#000;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:transparent url(http://www.image-dr.com.au/images/lightbox/blank.gif) no-repeat;display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(http://www.image-dr.com.au/images/lightbox/prevlabel.gif);background-repeat:no-repeat;position:absolute;}
#nextLink:hover,#nextLink:visited:hover{background:url(http://www.image-dr.com.au/images/lightbox/nextlabel.gif);background-repeat:no-repeat;background-position:right top;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;color:#000;line-height:1.4em;margin:0 auto;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:700;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;color:#333;background-color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}