body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	background-color: #212930;
}
a:link {
	color: #134D8B;
}
a:visited {
	color: #134D8B;
}
a:hover {
	color: #134D8B;
}
a:active {
	color: #134D8B;
}
#frame {
	width:778px;
	margin:0px auto;
	text-align:left;
}
#frameborder {
	width:770px;
	float: left;
	background-color: #FFFFFF;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #14191D;
	border-left-color: #14191D;
}
#logo {
	float: left;
	width: 770px;
}
#topnav {
	background-image: url(nav_tile.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 770px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #164F8C;
}
#navangle {
	float: left;
}
#topnavlinks {
	float: right;
}

/* DROP DOWN NAV CSS START */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 18px;
	white-space: nowrap;
	background-image: url(nav_link_tile.jpg);
	background-repeat: no-repeat;
	line-height: 15px;
}
#nav #first a {
	background-image: url(nav_link_tile_first.jpg);
}

#nav li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	background: #164F8C;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #164F8C;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #164F8C;
}
#nav li ul li {
	display: inline;
	margin: 0px;
	padding: 0px;

}
#nav li ul a {
	display: block;
	width: 140px;
	padding: 7px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(nav_drop_tile.jpg) repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #134D8B;
	border-bottom-color: #3E6DA0;
	white-space: normal;
	line-height: 15px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li:hover a, #nav li.sfhover a { 
	background: url(nav_link_tile_on.jpg) no-repeat;
}
#nav #first:hover a, #nav #first.sfhover a { 
	background: url(nav_link_tile_first_on.jpg) no-repeat;
}
#nav li:hover ul a, #nav li.sfhover ul a { 
	background: url(nav_drop_tile.jpg) repeat-x;
}
#nav #first:hover ul a, #nav #first.sfhover ul a { 
	background: url(nav_drop_tile_first.jpg) repeat-x;
}
#nav li ul li:hover a, #nav li ul li.sfhover a { 
	background: url(nav_drop_tile_on.jpg) repeat-x;
}

/* DROP DOWN NAV CSS END */

#main {
	float: left;
	width: 770px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #164F8C;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #164F8C;
}
#content {
	float: left;
	width: 770px;
}
#heading1 {
	float: left;
	width: 770px;
	background-image: url(heading_tile_1.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#heading2 {
	float: left;
	background-image: url(heading_tile_2.jpg);
	background-repeat: repeat-x;
	padding-top: 8px;
	padding-left: 10px;
}
#heading2 h1 {
	background-image: url(heading_tile_angle.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 5px 70px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #003366;
}
#service1 {
	float: left;
	width: 750px;
	background-color: #19518D;
	padding: 10px;
}
#service2 {
	float: left;
	width: 746px;
	background-color: #FFFFFF;
	border: 2px solid #0C4680;
}
#servicerow {
	float: left;
	width: 746px;
}

#tilemetal {
	float: left;
	width: 150px;
	background-image: url(tile_metal.jpg);
	background-repeat: no-repeat;
	height: 250px;
}
#tilemedical {
	float: left;
	width: 150px;
	background-image: url(tile_medical.jpg);
	background-repeat: no-repeat;
	height: 250px;
}
#tilewaterjet {
	float: left;
	width: 150px;
	background-image: url(tile_waterjet.jpg);
	background-repeat: no-repeat;
	height: 250px;
}
#tileturnkey {
	float: left;
	width: 150px;
	background-image: url(tile_turnkey.jpg);
	background-repeat: no-repeat;
	height: 250px;
}
#servicetext {
	float: left;
	width: 416px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#servicetextsub {
	float: left;
	width: 576px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#servicetextwide {
	float: left;
	width: 576px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.servicetextrow {
	float: left;
	width: 596px;
}
#othertext {
	float: left;
	width: 726px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.servicepic {
	float: right;
	width: 130px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#servicetext h2, #servicetextwide h2, #othertext h2, #servicetextsub h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 15px;
	padding: 0px;
}
#servicetext h3, #servicetextwide h3, #othertext h3, #servicetextsub h3 {
	color: #19518D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E9EBEC;
	margin: 10px 0px;
}
#servicetext ul, #servicetextwide ul, #othertext ul, #servicetextsub ul {
	margin: 0px 0px 15px;
	padding: 0px 0px 0px 9px;
	list-style-type: none;
	text-indent: -9px;
}
.sprow1 {
	float: left;
	width: 416px;
}
.sprow2 {
	float: left;
	width: 416px;
}
.sprow1sub {
	float: left;
	width: 576px;
}
.sprow2sub {
	float: left;
	width: 576px;
}
.sp {
	float: left;
	width: 130px;
	margin-right: 10px;
}
.spend {
	float: left;
	width: 130px;
}
.sppic {
	float: left;
	width: 130px;
}
.sptext {
	float: left;
	width: 120px;
	text-align: center;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.sptext2 {
	float: left;
	width: 348px;
	text-align: center;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.otherrow1 {
	float: left;
	width: 726px;
}
.otherrow2 {
	float: left;
	width: 726px;
}
.other {
	float: left;
	width: 130px;
	margin-right: 10px;
}
.other2 {
	float: left;
	width: 358px;
	margin-right: 10px;
}
.other3 {
	float: left;
	width: 358px;
}
.otherend {
	float: left;
	width: 130px;
}
.otherpic {
	float: left;
	width: 130px;
}
.othertext {
	float: left;
	width: 120px;
	text-align: center;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#servicebullet {
	float: left;
	width: 150px;
	padding: 35px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#servicebullet h3 {
	background-color: #557FAB;
	background-image: url(tile_servicebullet.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E9EBEC;
	margin: 0px 0px 10px;
}
#servicebullet ul {
	margin: 0px 0px 15px;
	padding: 0px 0px 0px 14px;
	list-style-type: none;
	text-indent: -9px;
}
#hopper1 {
	background-color: #1C538E;
	float: left;
	width: 750px;
	padding: 10px;
	background-image: url(tile_hopper1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#hopper2 {
	float: left;
	width: 744px;
	background-color: #33659A;
	background-image: url(tile_hopper2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 3px;
}
#tank1 {
	background-color: #1C538E;
	float: left;
	width: 750px;
	padding: 10px;
	background-image: url(tile_tank1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#tank2 {
	float: left;
	width: 744px;
	background-color: #33659A;
	background-image: url(tile_tank2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 3px;
}
#platform1 {
	background-color: #1C538E;
	float: left;
	width: 750px;
	padding: 10px;
	background-image: url(tile_platform1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#platform2 {
	float: left;
	width: 744px;
	background-color: #33659A;
	background-image: url(tile_platform2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 3px;
}
#guard1 {
	background-color: #1C538E;
	float: left;
	width: 750px;
	padding: 10px;
	background-image: url(tile_guard1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#guard2 {
	float: left;
	width: 744px;
	background-color: #33659A;
	background-image: url(tile_guard2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 3px;
}
#conveyor1 {
	background-color: #1C538E;
	float: left;
	width: 750px;
	padding: 10px;
	background-image: url(tile_conveyor1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#conveyor2 {
	float: left;
	width: 744px;
	background-color: #33659A;
	background-image: url(tile_conveyor2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 3px;
}
#glueline1 {
	background-color: #1C538E;
	float: left;
	width: 750px;
	padding: 10px;
	background-image: url(tile_glueline1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#glueline2 {
	float: left;
	width: 744px;
	background-color: #33659A;
	background-image: url(tile_glueline2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 3px;
}
#prodtext {
	float: left;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px;
}
#prodtextthin {
	float: left;
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px;
}
#prodtext ul, #prodtextthin ul {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 9px;
	list-style-type: none;
	text-indent: -9px;
}
#prodother {
	float: left;
	width: 324px;
}
#prodotherwide {
	float: left;
	width: 404px;
}
#prodother2 {
	float: left;
	width: 302px;
	border: 1px solid #FFFFFF;
	margin-top: 10px;
	padding: 10px;
}
#prodother2sub {
	float: left;
	width: 302px;
	margin-top: 10px;
}
#prodother3 {
	float: left;
	width: 400px;
	border: 2px solid #0C4680;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFFF;
}
.prodother3row {
	float: left;
	width: 400px;
}
.cell1top {
	float: left;
	width: 189px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0C4680;
	padding: 5px;
	text-align: right;
}
.cell1 {
	float: left;
	width: 189px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #0C4680;
	border-right-color: #0C4680;
	padding: 5px;
	text-align: right;
}
.cell2top {
	float: left;
	width: 190px;
	padding: 5px;
}
.cell2 {
	float: left;
	width: 190px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0C4680;
	padding: 5px;
}
#prodother4 {
	float: left;
	width: 320px;
	margin-top: 10px;
	padding: 2px;
}
#prodother5 {
	float: left;
	width: 382px;
	border: 1px solid #FFFFFF;
	margin-top: 10px;
	padding: 10px;
}
#prodothertext {
	float: left;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
#prodotherpic {
	float: left;
	width: 130px;
	border: 1px solid #0C4680;
}
#prodother5text {
	float: left;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
#prodother5pic {
	float: left;
	width: 130px;
	border: 1px solid #0C4680;
}
#picborder {
	float: left;
	width: 320px;
	background-color: #0C4680;
	padding: 2px;
}
#picborderwide {
	float: left;
	width: 400px;
	padding: 2px 2px 10px;
}
#pic {
	float: left;
	width: 320px;
}
#picwide {
	float: left;
	width: 400px;
}
#caption {
	float: left;
	width: 290px;
	background-image: url(prod_caption_tile.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #164F8C;
	text-align: center;
	padding: 15px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#captionblue {
	float: left;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
}
#addphoto {
	float: left;
	width: 770px;
	padding-bottom: 5px;
}
#aphead {
	float: left;
	width: 770px;
}
#aphead h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1C538E;
	background-image: url(additional_photos_angle.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 150px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	padding-right: 0px;
}
.aprow {
	float: left;
	width: 750px;
	padding: 10px 10px 5px;
}
.ap {
	float: left;
	width: 230px;
	border: 1px solid #DDE0E1;
	padding: 4px;
	margin-right: 15px;
}
.apend {
	float: left;
	width: 230px;
	border: 1px solid #DDE0E1;
	padding: 4px;
}
.appic {
	float: left;
	width: 230px;
}
.apcaption {
	float: left;
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 5px;
	color: #164F8C;
}
#flash {
	float: left;
	width: 770px;
	text-align: center;
	background-image: url(flash_tile.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #E9EBEC;
	height: 120px;
}
#column1 {
	float: left;
	width: 360px;
	padding-right: 5px;
	padding-left: 5px;
}
.medicalbox {
	float: left;
	width: 360px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(bucket_medical.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.metalbox {
	float: left;
	width: 360px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #164F8C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(bucket_metal.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.waterbox {
	float: left;
	width: 360px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #164F8C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(bucket_water.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.medicalbox h1, .metalbox h1, .waterbox h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #164F8C;
	float: left;
	margin: 0px 135px 0px 0px;
	padding: 2px 30px 2px 7px;
	background-image: url(bucket_angle.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	width: 188px;
}
.medicalbox h1 a, .medicalbox h1 a:visited, .medicalbox h1 a:hover, .medicalbox h1 a:active, .metalbox h1 a, .metalbox h1 a:visited, .metalbox h1 a:hover, .metalbox h1 a:active, .waterbox h1 a, .waterbox h1 a:visited, .waterbox h1 a:hover, .waterbox h1 a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.boxtext {
	float: left;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 10px;
	margin-right: 90px;
}
.boxmore {
	float: left;
	width: 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.boxmore a, .boxmore a:visited, .boxmore a:hover, .boxmore a:active {
	color: #134D8B;
	text-decoration: none;
}
#text {
	float: left;
	width: 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 20px 10px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #164F8C;
}
#column2 {
	float: left;
	width: 395px;
	padding-right: 5px;
}
.prod {
	float: left;
	width: 395px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #164F8C;
	padding-top: 1px;
	background-image: url(prod_tile.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 1px;
}
.prodfirst {
	float: left;
	width: 395px;
	padding-top: 1px;
	background-image: url(prod_tile.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 1px;
}
.prodpic {
	float: left;
}
.prodtext {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 265px;
	padding: 5px 10px;
	height: 60px;
}
.prodtext h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
.prodtext h1 a, .prodtext h1 a:visited, .prodtext h1 a:hover, .prodtext h1 a:active {
	color: #134D8B;
	text-decoration: none;
}
.prodgo {
	float: left;
	width: 285px;
	text-align: right;
}
#registered1 {
	float: left;
	padding: 10px;
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#registered2 {
	float: left;
	padding: 10px;
	width: 726px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}
#footer {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #E9EBEC;
	width: 770px;
	float: left;
}
#footerblue {
	float: left;
	width: 770px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #134D8B;
	background-image: url(footer_tile.jpg);
	height: 60px;
}
#footerlogo {
	float: left;
}
#footeraddress {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 0px;
}
#footercontact {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	padding: 12px 10px;
}
#footercontact a, #footercontact a:visited, #footercontact a:hover, #footercontact a:active {
	color: #00CCCC;
	text-decoration: none;
}
#footerlink {
	width: 750px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #18508D;
	float: left;
}
#footerlink a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#form {
	float: left;
	width: 726px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#form h6 {
	font-weight: bold;
	color: #E76A34;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 0px;
	padding: 0px;
}
.formrow {
	float: left;
	width: 610px;
	margin-bottom: 30px;
}
.fieldrow {
	float: left;
	width: 610px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.fieldtext {
	text-align: right;
	float: left;
	width: 100px;
	padding: 4px;
}
.fieldtextreq {
	text-align: right;
	float: left;
	width: 100px;
	font-weight: bold;
	color: #E76A34;
	padding: 4px;
}
.fieldinput {
	border: 1px solid #D0D1D1;
	background-color:#FFFFFF !important;
	float: left;
	margin: 0px;
	padding: 2px;
}


#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(http://www.karnel.com/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.karnel.com/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; }