* { margin:0; padding:0;}
body { background:#c6c6c6; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.9375em; color:#2a2a2a;}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:15px;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #dcdcdc;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#search-form { color:#787878; float:right;}
#search-form label { display:block;}
#search-form input.text { width:173px; border:1px solid #a3a3a3; background:#fff; padding:2px 0 2px 3px; margin-right:4px; color:#787878;}
#search-form input.submit { width:53px; padding:3px 0 3px 0; text-align:center; background:#fb8800; border:0; text-transform:uppercase; font-size:.83em; color:#fff;}

#contacts-form label { display:block; height:30px; }
#contacts-form input { width:174px; padding:2px 0 2px 3px; color:#373732; border:1px solid #a09b96; background:#fff;}
#contacts-form textarea { width:174px; height:150px; padding:1px 0 1px 3px; margin-bottom:10px; overflow:auto; color:#373732; border:1px solid #a09b96; background:#fff;}

/*==================list====================*/
ul { list-style:none;}

#site-nav { float:right; padding:43px 0 0 0;}
#site-nav li { display:inline; padding-left:24px;}
#site-nav li a { color:#b9b9b9; text-transform:uppercase; font-weight:bold; font-family:"trebuchet ms", Helvetica, sans-serif; text-decoration:none; }
#site-nav li a:hover { color:#1d1d1d;}
#site-nav li a.current { color:#1d1d1d;}

.list1 li { background:url(images/list1-bg.gif) left top repeat-x #d5d5d5; padding:8px 0 6px 0; margin-bottom:1px; width:100%;}
.list1 li a { background:url(images/marker.gif) no-repeat 20px 6px; padding:0 0 0 33px; color:#2a2a2a; text-decoration:none;}
.list1 li a:hover { text-decoration:underline; color:#fb8800;}

.list2 li { background:url(images/icon1.gif) no-repeat left top; padding:0 0 25px 23px;}
.list2 li.last { padding-bottom:0;}

.list3 dt { font-weight:bold;}
.list3 dd { padding-bottom:16px;}
.list3 dd.last { padding-bottom:0;}

/*==================other====================*/
.img-indent { margin:0 15px 0 0; float:left;}
.img-box { width:100%; padding-bottom:16px;}
.img-box img { float:left; margin:0 15px 0 0;}
.img-box1 { width:100%; padding-bottom:6px;}
.img-box1 img { float:left; margin:0 15px 0 0;}

.p1 { margin-bottom:15px;}
.p2 { margin-bottom:13px;}
.p3 { margin-bottom:30px;}

/*==================txt, links, lines, titles====================*/
a {color:#2a2a2a;}
a:hover{text-decoration:none;}

h3 { font-size:1em; padding-top:7px;}
h4 { font-family:tahoma, geneva, sans-serif; font-size:.91em; color:#373732;}

.link1 { display:block; padding:13px 20px 16px 19px; background:url(images/link1-bg.gif) left top repeat-x #f4f4f4; font-weight:bold;}
.link1:hover { color:#fb8800;}

.title { margin:0 0 17px 20px;}
.title1 { border-bottom:1px solid #c9c9c9; height:46px; margin-bottom:16px;}
.title2 { margin:0 0 17px 0;}

/*==================boxes====================*/
.box { background:#e3e3e3; width:100%; margin-bottom:1px;}
.box .inner { padding:25px 2px 16px 20px;}
.box .inner1 { padding:25px 14px 16px 20px;}
.box .inner2 { padding:15px 10px 10px 20px;}
.box .inner3 { padding:15px 10px 0 20px;}

.cont-box { padding:0 30px 0 0; margin:0;}
.cont-box span { float:right;}

.buttons-box { background:url(images/link1-bg.gif) left top repeat-x; display:block; position:relative; margin:0 -10px 0 -20px; padding:13px 20px 16px 19px; border-top:1px solid #e0e0e0; text-align:right;}
.buttons-box a { font-weight:bold;}


/*header*/
#header .row-1 { height:37px; font-size:.83em; color:#b4b4b4;}
#header .row-1 a {color:#b4b4b4; text-decoration:none;}
#header .row-1 a:hover { text-decoration:underline;}
#header .row-1 .fleft { padding:12px 0 0 0;}
#header .row-1 .fright { padding:12px 0 0 0; line-height:16px;}
#header .rss { background:url(images/rss.gif) no-repeat right top; padding:0 26px 0 0; color:#b4b4b4; text-decoration:none; display:inline-block;}
#header .row-2 { height:134px; border-bottom:1px solid #c7c7c7;}
#header .row-2 .fleft { padding:22px 0 0 0;}
#header .row-2 .fright { padding:29px 0 0 0; width:60%;}
#header .row-3 { padding-top:12px;}

/*content*/
#content { padding:44px 0 35px 0;}
#content .rss { margin-top:8px;}

/*footer*/
#footer p { margin:0; padding:14px 0 0 0;}

/*==================lightbox========================*/
#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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/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; }
/*==========================================*/

