/*-----------------------------------------------------------------
// 
// Styles for www.kathrynpoch.com
// Developer: Michael Barbano (http://www.grouchypants.com)
//
-----------------------------------------------------------------*/

body {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	height: 100%;
	width: 920px;
	margin: 0 auto; 
	margin-top: 40px;
}

#showme {display:none;}
   
a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {color: #b1bf23; text-decoration: none;}

img {border: 0px;}    
        
h1 {
	margin: 15px 15px 0px 15px;
  	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	line-height: 18px;
  	font-weight: bold;        
	text-transform: uppercase;  
	margin-top: 17px;
	padding: 0px;
}   
    
h2 {          
	font-family:georgia, serif;
  	/*font-family: arial, helvetica, verdana, sans-serif;*/
	font-size: 12px;
	line-height: 18px;
  	font-weight: normal;
	margin: 0px 0px 0px 15px;
	padding: 0px; 
	color: #b1bf23;
} 

h3 {
  	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
  	font-weight: bold;        
	margin: 0px;
	padding: 0px;
}       
      

p {
	margin: 0px 15px 15px 15px;
}


.graphics {
	position: absolute;
	background-repeat: no-repeat;
}

#content {
	width: 770px;
	height: 500px;
	background-color: #fff;  
	overflow: auto;
}

#content #images-container {
	width: 10000px;
/* this may have to be page specific*/
} 

#images-container div {
	float:left;
	overflow: hidden;
}

#images-container div img {
	margin-right: 8px;
}

#images-container div p {
	margin: 8px 0 0 0 ;
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 18px;
  	font-weight: normal;
	color: #999;
}


/*             index styles
---------------------------------------------------------------------------------------------------------------------*/
#index #content {
  text-align: center;
  height: 300px;
}

#index #images-container div {
	overflow: hidden;
}

#index  a {
  display: block;
  width: 300px;
  margin: 200px auto 0 auto;
}

#index a img{
  margin-left: 70px;
}

/*             gallery styles
---------------------------------------------------------------------------------------------------------------------*/

img.stroked {border: 1px solid #ddd;}      


#slide-number {
	position: absolute;   
	font-weight: bold;
	top: 605px;
	left: 50px;  
	height: 50px;
	width: 50px;
	margin: 0px -50px -30px 0px; 
	z-index: 100;
}

/* contact
----------------------------------------------------------*/    

#contact #content {
	width: 920px;
	height: 485px;
	background: transparent url('../images/contact-background.jpg') no-repeat top right;
	background-color: #ff0;
  
}

#contact .address {
  position: relative;
  top: 378px;
  left: 200px;
  width: 200px;
  color: #fff;
  font-family:georgia, serif;
  	/*font-family: arial, helvetica, verdana, sans-serif;*/
	font-size: 14px;
	line-height: 17px;
  	font-weight: normal;
  letter-spacing: .03em;
}

#contact .address a, #contact .address a:link, #contact .address a:hover {
  color: #fff;
  text-decoration: underline;
}

#contact .address a:hover {
  color: #000;
  text-decoration: none;
}

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

.navigation{
	position: relative;
}

ul.navigation {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}


/* level 1 navigation (main nav)
---------------------------------------------------------------------------------------------------------------------*/
#lvl1{
	width: 920px;
	height: 40px;
	font-size: 11px;  
	text-align: left;
	background: transparent url('../images/dotted-line.gif') repeat-x bottom left;
	margin-bottom: 20px;
}

#lvl1 li{
	float: left;
	height: 20px;
	margin: 0;	
	line-height: 20px;  
}

#lvl1 li a{   
	display: block;
	text-indent: -9999px;
}


/*--- individual pages ---*/


#home-nav {width: 304px;} 
#home-nav a {width: 304px;}
#home-nav a:link, #home-nav a:visited { background: url(../images/alex_troesch_photography.gif) no-repeat scroll top left; color: #fff; } 
#home-nav a:hover { background: url(../images/alex_troesch_photography.gif) no-repeat scroll top left;} 

#portrait-1-nav{width: 99px;}
#portrait-1-nav a {width: 99px;}
#portrait-1-nav a:link, #portrait-1-nav a:visited { background: url(../images/lvl1-portrait-1.gif) no-repeat scroll top left; color: #fff; } 
#portrait-1-nav a:hover { background: url(../images/lvl1-portrait-1-hover.gif) no-repeat scroll top left; color: #b1bf23; } 
#portrait1 #portrait-1-nav a, #portrait1 #portrait-1-nav a:link, #portrait1 #portrait-1-nav a:hover {
  background: url(../images/lvl1-portrait-1-active.gif) no-repeat scroll top left;
}

#portrait-2-nav{width: 93px;}
#portrait-2-nav a {width: 93px;}
#portrait-2-nav a:link, #portrait-2-nav a:visited { background: url(../images/lvl1-portrait-2.gif) no-repeat scroll top left; color: #fff; } 
#portrait-2-nav a:hover { background: url(../images/lvl1-portrait-2-hover.gif) no-repeat scroll top left; color: #b1bf23; } 
#portrait2 #portrait-2-nav a, #portrait2 #portrait-2-nav a:link, #portrait2 #portrait-2-nav a:hover {
  background: url(../images/lvl1-portrait-2-active.gif) no-repeat scroll top left;
}

#fashion-nav{width: 68px;}
#fashion-nav a {width:68px;}
#fashion-nav a:link, #fashion-nav a:visited { background: url(../images/lvl1-fashion.gif) no-repeat scroll top left; color: #fff; } 
#fashion-nav a:hover { background: url(../images/lvl1-fashion-hover.gif) no-repeat scroll top left; color: #b1bf23; } 
#fashion #fashion-nav a, #fashion #fashion-nav a:link, #fashion #fashion-nav a:hover {
  background: url(../images/lvl1-fashion-active.gif) no-repeat scroll top left;
}

#contact-nav{width: 68px;}
#contact-nav a {width: 68px;}
#contact-nav a:link, #contact-nav a:visited { background: url(../images/lvl1-contact.gif) no-repeat scroll top left; color: #fff; } 
#contact-nav a:hover { background: url(../images/lvl1-contact-hover.gif) no-repeat scroll top left; color: #b1bf23; } 
#contact #contact-nav a, #contact #contact-nav a:link, #contact #contact-nav a:visited { 
	background: url(../images/lvl1-contact-active.gif) no-repeat scroll top left;
}

#advertising-nav{width: 94px;}
#advertising-nav a {width: 94px;}
#advertising-nav a:link, #advertising-nav a:visited { background: url(../images/lvl1-advertising.gif) no-repeat scroll top left; color: #fff; } 
#advertising-nav a:hover { background: url(../images/lvl1-advertising-hover.gif) no-repeat scroll top left; color: #b1bf23; } 
#advertising #advertising-nav a, #advertising #advertising-nav a:link, #advertising #advertising-nav a:hover { 
	background: url(../images/lvl1-advertising-active.gif) no-repeat scroll top left;
	
}


/* level 2 navigation (thumbnails)
----------------------------------------------------------*/    
#lvl2{
	margin: 0 25px 0 0;  
	height: 414px;
	width: 123px; 
	float: left;
}

#lvl2 li{
	float: left;
	width: 34px;
	height: 46px;
	margin: 0px 7px 7px 0px;
	overflow: hidden;
	background-color: #ccc;
}

#lvl2 li a {   
	display: block;
	width: 34px;
	height: 46px;
	background-color: #eee;
	overflow: hidden;
}