body { padding:15px; font-family:arial, sans-serif; color:#2e2f2f; background:#FFF; font-size:0.8em; }
input, textarea { font:1em arial, sans-serif; }
table { font-size:1em; }
table p { margin:0; }
p, table { margin-bottom:25px; }
ul { list-style-type:square;  margin:0 0 20px 40px; line-height:1.8; }
a { outline:none; } 
a:hover { text-decoration:none; }
a img { padding:2px; border: 1px solid #00b1d9; text-decoration:none; }
a:hover img {  }
a img.noback { background:none; padding:0; border:none; }
a:hover img.noback { background:none; padding:0; border:none; }
h1, h2, h3, h4, h5, h6 { margin:10px 0; }
h1 { color:#0175a6; font-size:1.9em; } 
h2 { color:#2e2f2f; font-size:1.6em;  } 
h3 { color:#00b1d9; font-size:1.6em; } 
h4 { color:#0175a6; font-size:1.4em; } 
h5 {  }
h6 {  }
pre {  }
address {  }
del {  }
input, textarea { width:300px; font:1em arial, sans-serif; }
img.clsleft { margin-right:20px; margin-bottom:15px; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsright { margin-left:20px; margin-bottom:15px; }
img.clsborderleft { margin-right:20px; margin-bottom:15px; padding:2px; border: 1px solid #00b1d9; float:left; } 
img.clsbordermiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; padding:2px; border: 1px solid #00b1d9; }
img.clsborderright { margin-left:20px; margin-bottom:15px; padding:2px; border: 1px solid #00b1d9; float:right; }
.datatable {  }
.datatable th {  } 
.datatable td {  } 
.notes { font-size:0.9em; } 
.shout { background:#018ece url(shout_back.gif) left top repeat-x; color:#FFF; padding:20px 20px 0 20px; margin-top:10px; margin-bottom:10px;  } 
.shout2 { background:#f8feff; border: 1px solid #e5eef0; color:#719ca3; padding:20px; width:550px; } 
.shout a { color:#FFF; text-decoration:none; }
.shout a:hover { text-decoration:underline; }
.submit { cursor:pointer; outline:none; border:none ! important; width:100px !important; height:33px ! important; display:block; background:url(submit.gif) no-repeat; text-align:right; margin-top:10px; float:right; margin-right:10px; }
.reset { cursor:pointer; outline:none; border:none; } 
.quote, blockquote { font-style:italic; font-weight:bold; } 
.caption { display:block; float:right; background:#018ece; width:300px; padding:10px; } 
.custom1 {  } 
.custom2 {  } 
.border { padding:2px; border: 1px solid #00b1d9; } 
.noborder { border:0; }
.code {  }
.clear { clear:both; }
.float_right { float:right;}
.float_left { float:left; }
.contact_form, .contact_form fieldset  { display:inline; }
.contact_form label { display:block; float:left; width:150px; padding:2px 0; }
.contact_form input, .contact_form textarea { width:300px; margin-bottom:8px; }
.contact_form textarea { height:140px; }
.contact_form p { text-align:right; margin-top:10px; }

#container {  }

#main { margin:auto; width:920px;  background:url(main-back.gif) top repeat-y; padding:20px 30px 20px 30px; }
#address { width:940px; margin:auto; height:21px; line-height:17px; text-align:right; color:#FFF; font-size:1.1em; padding:0 10px; }

#head { height:121px; background:url(head-back.gif) top left repeat-x; width:960px; margin:auto; }
#head .logo { float:left; width:344px; }
#head .strapline { float:right; width:349px; }

#TopPic { width:920px; height:191px; background:url(top-pic.jpg) center no-repeat; }

#content { font-size:1.2em; line-height:19px; margin:20px 0 0 0; background:url(pagebody-back.gif) left center no-repeat; overflow:hidden;}
#content .right { float:right; width:296px; margin:0 0 0 25px; }
#content .contact { border: 10px solid #eef0f0; background:#FFF; padding:10px; }

#content .right ul { margin:0; padding:0;  list-style: none; }
#content .right li { padding-left:20px; background:url(arrow.gif) left no-repeat; }
.ulLeft { float:left; }
.ulRight { float:right; }

#content .contact input {  border: 1px solid#e5eef0; width:222px; padding:0 10px; height:28px; margin-bottom:5px; line-height:27px; }
#content .contact textarea { width:222px; padding:5px 10px; border: 1px solid#e5eef0; height:40px; }


#menu { height:45px; background:#2e2f2f; margin:5px 0 0 0; }
#menu .callus { float:right; }
#nav, #nav ul { list-style:none;  padding:0; margin:0; font-size:1.3em; }
#nav a, #nav li { display:block; float:left; }

#nav a { color:#FFF; text-decoration:none; }
#nav li { height:45px; line-height:44px; border-right: 1px solid #1d1d1d; border-left: 1px solid #373838; padding:0 10px; }
#nav li.last  { border:0; }

#nav #active, #nav a:hover { color:#0ab0da; }

#footer { width:940px; padding:0 10px; margin:auto; height:57px; background:url(footer-back.gif) top repeat-x; color:#FFF; font-size:1.2em; }
#footer a { color:#FFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer .left { float:left; margin-top:25px;  }
#footer .right { float:right; margin-top:25px;  }

#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(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(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; }


.gallery img { margin-right:25px; }