/*
// ///////////////////////////////////////////////////////////////////////
// 
//            k a t h e r i n e h o l l y p h o t o g r a p h y
//							  
//            by derek blank (2009) - http://www.derekblank.com
//
//				 http://katherineholly.com/includes/base.css
//
// ///////////////////////////////////////////////////////////////////////
//
//                             BASE STYLES
//
// ///////////////////////////////////////////////////////////////////////
*/



body {
	margin: 0;
	background-color: #fff;
	border-color: #fff;
	font-family: Baskerville, Georgia, Times, serif;
	text-align: center; }
	   	   
a { 
	font-size: 100%; 
	color: #333; 
	text-decoration: none;}
	  
a:hover {
	color: #274F7D;
	text-decoration: none; }

h1 {
	font-family: Cochin, Baskerville, Georgia, Times, serif;
	font-size: 110%;
	color: #333;
	font-weight: normal;
	margin-bottom: 0px; }
	  
.box{
	width: 800px;
	height: 533px; }	 

div#border{

	height: auto; 
	border: 1px dotted #7f6a8f;
	margin: 0 auto; }


div#border2 {
	height: auto;
	border: 1px dotted #7f6a8f;
	margin: 0.4em; }




/*
// ///////////////////////////////////////////////////////////////////////
//
//                             FOOTER
//
// ///////////////////////////////////////////////////////////////////////
*/


#dB {
 width: 20px;
 height: 13px;
 padding: 1em;
 margin: 0 auto;
 text-align: center;
}

#dB img {
 border: 0px;
}

#footer {
	width: 800px;
	height: 40px;
	margin: 0 auto; 
	text-align: center;
 }

#audio-player {
	position: relative;
	float: left;
	padding: 0.67em;
}
		
div#copyright {
	padding: 1.13em;
	color: #666;
	font-family: Cochin, Georgia;
	font-size: 75%;
	float: right; }
		
div#copyright img {
	border: 0;
	padding: 1em; }	
	
	.bottom-link {
		margin: 0 0 0 0.49em;
		padding: 0 0 0 0.49em; 
		border-left: 1px solid #a7a9ac;
		display: inline;
	}

	
div#contact {
	font-size: 95%;
	text-align: left;
	padding: 10px;}	

div#links{
	width: 500px;
	text-align: center; }	
		
div#perimeterWrap {
	border:1px solid #689AD3;
	height: auto;
	overflow: hidden;
	margin: 0 auto;	
	text-align: center; }		

div#topwrap {
	margin: 0 auto;
	width: 800px;
	height: 80px;
	padding: 0.67em;
	text-align: center; 
} 	

div#logo {
	float: left;
	font:normal normal 160% Baskerville, Georgia, Times, serif;
	color: #2B3856;
	letter-spacing: 0.25em;
	padding: 0.3em 0.1em;
	padding-bottom: 0;
	text-align: center;
}
		
div#menu {
	float: right;		
	margin: 0 auto;
	margin-top: 18px; }

div#slideshow {
	background: url(../images/loader.gif) no-repeat center center; }

h1.title {
	visibility: hidden;
	line-height: 1px;
	margin-bottom: -18px; }			
	
iframe {
	border: 0;
	overflow: hidden; 
	border-color: #fff;
	width: 820px;
	height: 620px;
}

#perimeter {
	padding: 0 1.3em 1.3em 1.3em; }	
	
#perimeter-frame {
	border: 0;
	margin: 0 auto;
	overflow: hidden; 
}	

#wrapper {
	width: auto;
	height: auto;
}

/*
// /////////////////////////////////////////////////////////////////////////
//
//                             MENU STYLES
//
// /////////////////////////////////////////////////////////////////////////
*/ 

.jsddm {
	margin: 0.67em 0 0 0;
	padding: 0;
	float: right;
	height: 43px;
}

.jsddm li {
	float: left;
	list-style: none;
}

.jsddm li a {
	display: block;
	padding: 2px 4px;
	white-space: nowrap;
	text-align:center;
	color: #a7a9ac;
	letter-spacing: 0.08em;
	font-size: 90%;
}


.jsddm li ul {
	margin: 0.49em 0 0 0.49em;
	padding: 0;
	position: absolute;
	visibility: hidden;
}

.jsddm li ul li {
	display:inline;
	margin: 0 11px;
}

.jsddm li ul li a {
	width: auto;
	display: inline;
	padding: 2px 5px;
	color: rgb(0, 45, 85); 
	font-size: 80%;
}

.jsddm li ul li a:hover {
	padding: 2px 5px;
	margin: -1px;
	border: 1px solid #7f6a8f; 
}

		.link:hover 
		{
			border-top:1px dotted #7f6a8f;
			border-bottom:1px dotted #7f6a8f; 
			margin-top: -1px;
			margin-bottom: -1px; }	

		.slash
		{
			padding-right: 8px; 
			padding-left: 8px;
			color: #999;
			font:normal normal 110% Cochin, Baskerville, Georgia, Times, serif;
			text-transform:uppercase;
			letter-spacing: 0.2em;  
			border: 0px;
			line-height: 13px; }			



/*
// /////////////////////////////////////////////////////////////////////////
//
//                             GALLERY STYLES
//
// /////////////////////////////////////////////////////////////////////////
*/

.galleria {
	list-style:none;
}
	
.galleria li{
	display:block;
	width:80px;
	height:60px;
	overflow:hidden;
	float:left;
	clear: right;
	margin:0 10px 10px 0;}
	
.galleria li a{
	display:none; }
	
.galleria li div{
	position:absolute;
	display:none;
	top:0; }
	
.galleria li div img {
	cursor:pointer; }
	
.galleria li.active div img,.galleria li.active div {
	display:block; }
	
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto; }
	
.galleria li .caption {
	display:block;
	padding-top:.5em }
/*	
.gallery_d li {
	width:68px;
	height:50px;
	border:3px double #ccc;
	margin: 0 2px;
	margin-bottom: 5px; 
	display: block;}*/
	
.gallery_d li div {
	left:240px; }

.gallery_unstyled {
	line-height: 50px;
	overflow-x: auto;
	display: block;
	width: 700px;
}
		
#thumbs {
	height: 80px;
	width: 800px;
	margin: 0 auto;
	overflow: hidden; }


#front_image {
	margin: 0 auto;
	height: 550px;
	vertical-align: middle;
	background: url(../images/loader.gif) no-repeat center center;
}

#main_image {
	margin:0 auto;
	background: url('../images/loader.gif) no-repeat center center;
}
		
#main_image img {
	margin-top: 1em; }

.nav {
	padding-top:5px;
	clear:both;
	font-size: 70%;
	letter-spacing:3px;
	text-transform:uppercase; }
	
div.db-scroll {
	width: 700px;
	height: 75px;
	overflow: hidden;
	margin: 0 auto;
}

ul.db-scroll{
	margin-left: -40px;
}

* html .galleria li div span{width:400px} /* MSIE bug */

 
/*
// /////////////////////////////////////////////////////////////////////////
//
//                             CONTACT STYLES
//
// /////////////////////////////////////////////////////////////////////////
*/


#contactImg {
	background: url(../images/loader.gif) no-repeat center center; }
	
#contactContent {
	color: #333;
	font-size: 88%;
	line-height: 1.4em;
	width: 440px;
	margin: 0 auto;
	z-index: 1;
	padding: 1em;	 }

	#contactP {
		letter-spacing: 0.2em;}
	
#contactTable {
	padding: 1.67em;
}

fieldset {
	border: 0px; }


form textarea, input {
	margin: 10px;
	padding: 10px;
	color:black;
	background-color: #fffafa;
    font: 11pt Georgia;
    border: 1px solid; 
    float:left; 
    width: 220px; }
    
form label { 
	padding: 14px;
	display:block;
	text-align:right;
	width:70px;
	float:left; }
    
form button {
	clear:both;
	border: 1px solid #333;
	width:160px;
	height:31px;
	background:#666;
	text-transform: uppercase;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold; 
	margin: 0 auto;}

.idleField {
    background-color: #fffafa;
    color:#6f6f6f;
    border-color: #4186D3;
    letter-spacing: 0.02em; }
    	
.focusField {
    background-color: #fdf5e6;
    letter-spacing: 0.02em;
   	font-style: italic;
   	color: #000;
	border-color: #ff6666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
	
/*
// /////////////////////////////////////////////////////////////////////////
//
//                             SPLASH STYLES
//
// /////////////////////////////////////////////////////////////////////////
*/	





#splash-logo {
	margin: 0 auto;
	text-align: center;
	padding: 0.67em;
}

#splash-container {
	width: 922px;
	display: table;
	margin: 0 auto;
	text-align: center;
}

#splash-left {
	float: left;
	display: table-cell;
	padding: 0.67em 3.49em;
}

#splash-left { 
 margin: 0.13em;
 padding: 0.13em;
 width: 416px;
 float: left;
 display: inline;
}

#splash-right { 
 float: right;
 color: #333;
 margin: 0.13em;
 padding: 0.13em;
 width: 416px;
 display: inline;
 position: relative;
}

#splash-left img, #splash-right img {
	border: 1px solid #a7a9ac;
	padding: 0.13em;
}

#splash h1{
	font-size: 90%;
	text-transform: uppercase; 
	letter-spacing: 0.13em;
}


#splash a, #splash a:hover {
	color: #a7a9ac;

}	
	
	
	
	
/*
// /////////////////////////////////////////////////////////////////////////
//
//                          ETC/ACCOLADES STYLES
//
// /////////////////////////////////////////////////////////////////////////
*/	


#slider {
	width: 350px;
}

	#slider ul {
		margin:0;
		padding:0;
		list-style:none;
	}
			
	#slider li{ 
		margin-top: 1em;
		text-align: center;
		width:350px;
		overflow:hidden; 
	}
	
	
	span#prevBtn{
		position: relative; 
		float: left; 
		padding: 0.67em; 
		margin-top: -228px;
		font-size: 2em;		
	}
	
	span#nextBtn{
		position: relative; 
		float: right; 
		padding: 0.67em;
		font-size: 2em;		
		margin-top: -228px;
	}					


#etcImg {
	background: url(../images/loader.gif) no-repeat center center; 
}

#etcContent { 
	font:normal normal 80% Baskerville, Georgia, Times, serif;	
	line-height: 1.5em; 
	text-align: center; 
}

#etcLinks {
	margin: 0 auto;
	width: 800px;
	padding: 0.67em;
	width: 85%;
	border-top: 1px dotted #ddd;
	text-align: center;
}
	
#etcLinks a {
	text-transform: capitalize;
	padding: 0.33em 1.49em;
	color: #898b8b;
	letter-spacing: 0.067em;
	font-size: 85%;
}