body{
background-color:#262626;
margin:0;
font-family:  Tahoma, "Trebuchet MS", Verdana;
}

#wrapper{
position:relative;
width:1004px;
margin:0 auto;
background-color:#fff;
}

              /*---------header----------*/
			  
#header{
width:1004px;
height:106px;
background-color:#262626;
margin:0;
}

#contact_request{
position:relative;
float:right;
padding:29px 32px 0 0;
font-size:1.2em;
}

#contact_request a{
color:FF0000;
text-decoration:underline;
}

#contact_request a:hover{
text-decoration:none;
}

              /*------navigation------*/

#nav{
background:url(images/mainback.gif) 0 0 repeat-y;
width:1004px;
height:101px;
margin:0;
padding:18px 0 10px 32px;
}

#nav_home a{
background:url(images/black_button_home.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_home a:hover{
background:url(images/red_button_hover_home.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_home_active{
background:url(images/red_button_active_home.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_sites a{
background:url(images/black_button_sites.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_sites a:hover{
background:url(images/red_button_hover_sites.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_sites_active{
background:url(images/red_button_active_sites.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_logos a{
background:url(images/black_button_logos.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_logos a:hover{
background:url(images/red_button_hover_logos.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_logos_active{
background:url(images/red_button_active_logos.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_3d a{
background:url(images/black_button_3d.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_3d a:hover{
background:url(images/red_button_hover_3d.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_3d_active{
background:url(images/red_button_active_3d.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_personal a{
background:url(images/black_button_personal.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_personal a:hover{
background: transparent url(images/red_button_hover_personal.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_personal_active{
background:url(images/red_button_active_personal.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_blog a{
background:url(images/black_button_blog.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_blog a:hover{
background:url(images/red_button_hover_blog.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_blog_active{
background:url(images/red_button_active_blog.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_contact a{
background:url(images/black_button_contact.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_contact a:hover{
background:url(images/red_button_hover_contact.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_contact_active{
background:url(images/red_button_active_contact.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_flickr a{
background:url(images/black_button_flickr.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_flickr a:hover{
background:url(images/red_button_hover_flickr.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_flickr_active{
background:url(images/red_button_active_flickr.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_youtube a{
background:url(images/black_button_youtube.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_youtube a:hover{
background:url(images/red_button_hover_youtube.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_youtube_active{
background:url(images/red_button_active_youtube.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}


#nav_twitter a{
background:url(images/black_button_twitter.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}

#nav_twitter a:hover{
background:url(images/red_button_hover_twitter.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
}

#nav_twitter_active{
background:url(images/red_button_active_twitter.gif) 0 0;
position:relative;
float:left;
width:102px;
height:101px;
text-indent:-9999;
}


              /*---------main------*/
			  
#main{
background:url(images/mainback.gif) 0 0 repeat-y;
width:1004px;
}

#main_bottom{
background:transparent url(images/mainbottom.gif);
width:1004px;
height:23px;
position:relative;
float:left;
}

#title{
width:940px;
height:30px;
padding:0 0 0 32px;
font-size:.8em;
}

#title strong{
font-size:1.8em;
color:ff0000;
font-family:helvetica;
}

#title a{
text-decoration:underline;
color:#000;
}

#title a:hover{
text-decoration:none;
}

             /*-------main_content----------*/
			 
#main_content_home{
background:url(images/mainback.gif) 0 0 repeat-y;
width:1004px;
padding:25px 0 0 32px;
}

#main_content{
position:relative;
float:left;
width:620px;
padding:25px 0 0 32px;
}

#main_content img{
padding:0 11px 0 0;
}

#info_holder{
background:url(images/info-holder.jpg) 0 0 no-repeat;
position:relative;
float:left;
margin:0 25px 0 0;
width:296px;
height:172px;
}

#info_holder h1{
margin:0;
padding:4px 0 0 8px;
font-size:1.2em;
color:#FF0000;
font-family: helvetica;
}

#info_holder p{
margin:0;
padding:8px 0 0 8px;
font-size:.7em;
color:#000;
font-family: verdana;
}

#info_holder_alt{
background:url(images/info-holder.jpg) 0 0 no-repeat;
position:relative;
float:left;
width:296px;
height:172px;
}

#info_holder_alt h1{
margin:0;
padding:4px 0 0 8px;
font-size:1.2em;
color:#FF0000;
font-family: helvetica;
}

#info_holder_alt p{
margin:0;
padding:8px 0 0 8px;
font-size:.7em;
color:#000;
font-family: verdana;
}

#info_holder_alt a{
text-decoration:underline;
color:#000;
}

#info_holder_alt a:hover{
text-decoration:none;
}

                /*-------calls to action----------*/
				
#action_call{
background:url(images/info-holder.jpg) 0 25px no-repeat;
position:relative;
float:left;
padding:25px 32px 0 0;
width:296px;
height:172px;
margin: 0 0 0 20px;
}

#action_call h1{
margin:0;
padding:4px 0 0 8px;
font-size:1.2em;
color:#FF0000;
font-family: helvetica;
}

#action_call p{
margin:0;
padding:8px 0 0 8px;
font-size:.7em;
color:#000;
font-family: verdana;
}

#action_call a{
text-decoration:underline;
color:#000;
}

#action_call a:hover{
text-decoration:none;
}

/*-------blog page---------*/

#blog li{
font-size: 0.7em;
}

/*-------shieldsy--------*/

h1 {
	background-color:#222222;
	border-bottom:1px solid black;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
	margin-bottom:15px;
	padding:15px;
	text-align:center;
}

#container {
	margin:0 auto;
	width:900px;
}

#form {
	background:none repeat scroll 0 0 #252525;
	border:1px solid #111111;
	height:220px;
	margin:0 auto;
	width:460px;
}

form #firstSelect {
	width: 200px;
	margin-top:20px;
	margin-left:20px;
}

form #secondSelect {
	width: 200px;
	margin-top:20px;
	margin-left:20px;
}
#submitData {
	margin:0 20px 10px 0;
	padding:4px 7px;
	background:#262626;
	position: relative;
	top:10px;
	left:390px;
	width:50px;
	border-bottom: 1px double #FFF;
	border-top: 1px double #FFF;
	border-left:1px double #FFF;
	border-right:1px double #FFF;
	color:#FFF;
}





/* ---[ Gallery Definition List ]------------------------------- */


dl.gallery {
	float: left;
	margin:0;
	text-align: left;
	width: 296px;
	height:146px;
	margin:0 11px 60px 0;
	}

.gallery dt {
	border: none;
	color:#FF0000;
	margin:2px 0px 2px 0;
	font-size:0.8em;
	}
	
.gallery dt img {
	border: 0px;
	height: 146px;
	width: 296px;
	}

.gallery dd {
	border: none;
	color:#000;
	margin:0;
	padding:2px 0px 2px 0;
	font-size:0.8em;
	}

	
.gallery dt a{
	border: none;
 	display: block;
	height: 146px;
	width: 296px;
	}
	
.gallery dt a:hover {
	border: none;
	}
	
.gallery dt a:visited {
	background: transparent;
	}
	

dl.gallery_other {
	float: left;
	margin:0;
	text-align: left;
	width: 148px;
	height:73px;
	margin:0 7px 60px 0;
	}

.gallery_other dt {
	border: none;
	color:#FF0000;
	margin:2px 0px 2px 0;
	font-size:0.8em;
	}
	
.gallery_other dt img {
	border: 0px;
	height: 73px;
	width: 148px;
	padding: 0;
	margin: 0;
	}

.gallery_other dd {
	border: none;
	color:#000;
	margin:0;
	padding:2px 0px 2px 0;
	font-size:0.8em;
	}

	
.gallery_other dt a{
	border: none;
 	display: block;
	height: 73px;
	width: 148px;
	}
	
.gallery_other dt a:hover {
	border: none;
	}
	
.gallery_other dt a:visited {
	background: transparent;
	}


                /*-----------footer--------*/
				
#footer{
background-color:#262626;
padding:0 34px 0 32px;
font-size:0.8em;
color:#343434;
font:verdana;
height:50px;
}
				
				
#copyright{
position:relative;
float:left;
}

#footer_links{
position:relative;
float:right;
}

#footer_links a{
text-decoration:none;
color:#343434;
}

#footer_links a:hover{
text-decoration:underline;
color: #fff;
}

           /*-------------form styling----------------*/
		   
		   
label{
 width:150px;
 float:left;
 font-size:0.8em;
 }
 
 input{
 margin:0 0 10px 0;
 float:left;
 }

button {
  color: #003163;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  background-color:#FFFFFF;
  height:20px;
  width:85px;
  font-size:0.7em;
}

button:hover{
  color: #3d6188;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  background-color:#FFFFFF;
  cursor: pointer; /* cursor: hand; for IE5 */
}

#contactbox{
  background: transparent url(images/contactback.jpg) 0 0 repeat-y;
  width:400px;
  min-height:200px;
  padding:0 0 0 10px;
  }


      /*--------feed styling--------*/
	
.feedTitle a{
color: #ff0000;
font-weight:bold;
text-decoration:none;
}
	  
.headline a{
font-size:1.8em;
color:ff0000;
font-family:helvetica;
text-decoration:underline;
}

.date{
font-size:0.7em;
}

      /*--------flickr styling--------*/
	
#flickr .feedTitle a{
color: #ff0000;
font-weight:bold;
text-decoration:none;
}
	  
#flickr .headline a{
font-size:1.2em;
color:ff0000;
font-family:helvetica;
text-decoration:underline;
}

#flickr .date{
font-size:0.7em;
}

#flickr a{
color: #000;
}

#flickr img{
border:none;
}


		/*-------proverbials-------*/
		
#proverbials h1{
margin:0;
padding: 0 0 0 70px;
color: #B1D80D;
font-weight:bold;
text-decoration:none;
}		
		
#proverbials .feedTitle a{
color: #B1D80D;
font-weight:bold;
text-decoration:none;
margin:0;
}
	  
#proverbials .headline a{
font-size:1.4em;
color:#B1D80D;
font-family:helvetica;
text-decoration:underline;
}

#proverbials .date{
font-size:0.7em;
}

#proverbials a{
color: #000;
}

#proverbials img{
border:none;
}

#proverbials ul li{
list-style:none;
padding:20px 0 0 0;
}

#proverbials{
font-size:0.8em;
}

       /*---------slideshow----------*/
	   
#myGallery, #myGallerySet, #flickrGallery
{
	width: 940px;
	height: 203px;
	z-index:5;
	border: none;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 0px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}


       /*-------lightbox---------*/
	   
	   
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(images/blank.gif) no-repeat; /* 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}