/* craigwashburn.com css */
/* copyright craig washburn */

/* 	CLEAR BROWSER DEFAULTS
    ------------------------*/
.leadin { margin-left: auto; margin-right: auto; margin-top: 0px; height: 785px; width: 1024px; } 

DIV.leadin * {margin:0; padding:0; border:none;text-indent:0;text-decoration: none;outline:none;} 
/* body * {margin:0; padding:0; border:none;text-indent:0;text-decoration: none;outline:none;} */


/* 	GENERAL PAGE ITEMS
------------------------------------*/

@font-face {
	font-family: 'FuturaBkRegular';
	src: url('ftrabk__.eot');
	src: local('Futura Bk'), local('FuturaBk'), url('ftrabk__.woff') format('woff'), url('ftrabk__.ttf') format('truetype'), url('ftrabk__.svg#webfont') format('svg');
}

body {
	/*line-height:20px; */
	font-family:FuturaBkRegular, verdana, helvetica, arial, sans-serif;
	font-size:14px;
/*	letter-spacing: 1px;
	word-spacing: normal; */
	/* text-align:center; *//* for ie */	
	text-align: left;
	margin: 0px;
	padding: 0px;
	}
.emaillink { text-decoration: underline; }

/* no horizontal scrollbars */
body {overflow-x: hidden;}

#wrapper {
 position: relative; width: 1024px; margin: 0 auto; text-align: left;
 /* border: 1px solid red */  /* uncomment to show true width for testing */
}

a img {border:none;}

a, a:link, a:visited {color:#000000;}
a:hover {color:#000000;}

h2 {
	font-size:14px;
}

h3 {
	font-size:12px;
}

/* 	NAVIGATION 
-----------------------*/

/* create and position the craig washburn pictures logo */
ul#nav-home {
	list-style:none;
	position:absolute;
	top:5px;
	left:815px;
	z-index:4;
	}
ul#nav-home li a {
	text-indent:-9999px;
	width:80px;
	height:81px;
	display:block;
	background:transparent url(red-logo.png) no-repeat 0 0;
	}	

/*  create and position the divider between nav links and image */
ul#nav-divider {
	list-style:none;
    position:absolute;
	top:100px;
	left:140px;
	z-index:3;  /* allow nav links to layer ontop of this bar */
    background-color:#dcdcdc;
}
#nav-divider li {
   height: 540px;
   width: 20px;
}
	
/* create and position the link navigation bar */
ul#top-nav-section {
	list-style:none;
	position:absolute;	
	top:150px;
	left:5px;
	z-index:4;
	}

ul#bottom-nav-section {
	list-style:none;
	position:absolute;	
	top:410px;
	left:5px;
	z-index:4;
	}

#top-nav-section, bottom-nav-section li {
	height:20px;
	width:175px;
	}
#top-nav-section, bottom-nav-section li a {
	height:20px;	
	width:175px;	
	display:block;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image: url(nav-trans.png);
	}

#nav-stories {
  margin-bottom: 33px;
}


#nav-lifestyle {
  margin-bottom: 33px;
}

#nav-architecture {
  margin-bottom: 33px;
}

#nav-personal { }

#nav-blog {}

#nav-bio {}

#nav-contact {
   margin-bottom: 30px;
}

#nav-dots {
   position:relative;
   left:-20px;
}

/*
   CYCLE PAGE - Individual series display
   --------------------------------------------
*/

.overlay {
   background:transparent url(white-85.png) repeat 0 0;
   }

.overlay {
	position:absolute;
	top:105px;
	height: 600px;
	width: 800px; 
	z-index:2;
	overflow:hidden;
	}
.o-left {left:-680px;}	
.o-right {left:990px;}

#cycle-page {
	outline-style: none;
	outline-color: #fff;
}

#cycle-info {
	position:absolute;
	top: 610px;
	left:190px;
	width: 800px;
	height: 100px;
	z-index:2;
	font-size: 12px;
	word-spacing: 2px;
	vertical-align: top;
}

/* outer level of slide navigator */
ul.slide-navigator,
.slide-navigator ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.slide-navigator{
	display: table;
}
/* govern the series cells */
ul.slide-navigator>li#slide-caption{
	display: table-cell;
	position: relative;
	width:105px; 
	padding-left: 19px;
	line-height: 22px;
	height:100px;
	vertical-align: top;
}

ul.slide-navigator>li#slide-prev{
	display: table-cell;
	position: relative;
	padding-left: 200px;
	width:110px; 
	height:100px;
	vertical-align: top;
}

ul.slide-navigator>li#slide-next{
	display: table-cell;
	position: relative;
	padding-left: 13px;
	width:95px; 
	height:100px;
	vertical-align: top;
	text-align: left;
}

ul.slide-navigator>li#slide-counter{
	display: table-cell;
	position: relative;
	padding-left: 165px;
	width:75px; 
	/* height:100px; */
	vertical-align: top;
}
/* end of slide-navigator css */

#left-slide {
    position:absolute;
	top: 105px;
	left:-680px;
	z-index:1;
	font-size: 14px;
}

#middle-slide {
    position:absolute;
	top: 105px;
	left:165px;
	z-index:1;
	font-size: 14px;
}

#right-slide {
    position:absolute;
	top: 105px;
	left:990px;
	z-index:1;
	font-size: 14px;
}

.slideshow { 
	height: 600px; 
	width: 800px; 
	margin: auto 
	}


.slideshow img { 
	border: 0px;
	}

/* this forces the slideshow to hide items while they load and avoid weird flashing of screen content */
.slideshow img {display:none }
.slideshow img.first {display: block}



/* 	HOME
------------------------------------*/

body.home {	
	   background:#FFF
		margin: 0px;
	}

 ul#main-image {
    list-style:none;
	position:absolute;	
	top:110px;
	left:210px;
	z-index:2;	
 }

ul#intro-text {
    list-style:none;
	position:absolute;
	top:640px;
	left:240px;
	width:560px;
	z-index:3;  
    /* background-color:#dcdcdc; */
	color:#000;
	text-align:center;
}

#home-slideshow { 
	height: 500px; 
	width: 751px; 
	margin: auto 
	}


#home-slideshow img { 
	border: 0px;
	}

#home-slideshow img { display: none }
#home-slideshow img.first { display: block }


/* 	SERIES PAGES 
------------------------------------*/

  /* == slideshow nonsense == */
.series-overlay {
   background:transparent url(white-85.png) repeat 0 0;
   }

.series-overlay {
	position:absolute;
	top:75px;
	z-index:2;
	overflow:hidden;
	}
.o-series-left {left:-750px;}	
.o-series-right {left:1010px;}


.series-overlay a {
	display:block;
	height:650px;
	width: 850px;
	overflow:hidden;
	}

#but-left-slide { visibility: hidden; }
#but-right-slide { visibility: hidden; }

#series-page {
	outline-style: none;
	outline-color: #fff;		
}

/* please choose... */
#series-message {
	position: absolute;
	top: 50px;
	left: 190px;
	z-index:2;
	font-size: 12px;
}

/* page navigator and counter container */
#series-info {
	position:absolute;
	top: 385px;
	left:200px;
	width: 800px;
	height: 30px;
	z-index:2;
	font-size: 12px;
	word-spacing: 2px;
	vertical-align: top;
}

/* outer level of slide navigator */
ul.series-slide-navigator,
.series-slide-navigator ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.series-slide-navigator{
	display: table;	
}
/* govern the series cells */
ul.series-slide-navigator>li#series-slide-prev{
	display: table-cell;
	position: relative;
	padding-left: 240px;
	width:130px; 
	height:30px;
	vertical-align: top;
}

ul.series-slide-navigator>li#series-slide-next{
	display: table-cell;
	position: relative;
	padding-left: 13px;
	width:100px; 
	height:30px;
	vertical-align: top;
	text-align: left;
}

ul.series-slide-navigator>li#series-slide-counter{
	display: table-cell;
	position: relative;
	padding-left: 213px;
	width:100px; 
	vertical-align: top;
	font-size: 14px;
}
/* === end of series slide navigator === */

#left-slide-series {
    position:absolute;
	top: 75px;
	left:-730px;
	height: 675px;
	z-index:1;
	font-size: 14px;	
}

#middle-slide-series {
    position:absolute;
	top: 75px;
	left:165px;
	height: 675px;
	z-index:1;
	font-size: 14px;	
}

#right-slide-series {
    position:absolute;
	top: 75px;
	left:1010px;
	height: 675px;
	z-index:1;
	font-size: 14px;	
}

.series-slideshow { 
	height: 675px;
	width: 800px; 
	margin: auto 
	overflow: hidden;
	}

.series-slideshow img { 
	border: 0px;

	}

/* this forces the slideshow to hide items while they load and avoid weird flashing of screen content */
.series-slideshow div {display:none }
.series-slideshow div.first {display: block}

/* === end of slideshow */

/* == elements inside of slideshow */
/* outer level of series row */
ul.series-preview-row,
.series-preview-row ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.series-preview-row{
	display: table;
}

/* put some space between top and bottom row */
ul.row-pad-bottom, .row-pad-bottom ul {
	padding-bottom: 10px;
}

ul.row-pad-top, .row-pad-top ul {
	padding-top: 5px;
}

/* govern the series cells */
ul.series-preview-row>li{
	display: table-cell;
	position: relative;
	width:420px; 
	height:320px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 5px;
}

/* the elements within each cell - a title and image */
ul.series-preview-row li>ul{
	display: block;
	position: absolute;	
}

.series-preview-row ul li a{
/* put some margin around hyperlinks */
	display: block;
	margin: 2px 10px;
} 

/*** colors ***/

/* text and link colors */
ul.series-preview-row,
.series-preview-row ul,
.series-preview-row ul li a{
	background-color: #fff;
	color: #000;
}

.series-preview-row a{
	text-decoration: none;
}


/* ###### CONTACT PAGE ######### */

#contact-location {
	position: absolute;
	top: 190px;
	left: 195px;
/*	font-size: 12px; */
}

#contact-email {
	position: absolute;
	top: 190px;
	left: 603px;
/*	font-size: 12px; */
}

#contact-email-address {
	position: absolute;
	top: 191px;
	left: 705px;
}

#contact-phone {
	position: absolute;
	top: 225px;
	left: 230px;
/*	font-size: 12px; */
} 

#contact-phone-number {
	position: absolute;
	top: 227px;
	left: 280px;
}

#contact-img {
	position: absolute;
	top: 85px;
	left: 485px;
}

#contact-fax {
	position: absolute;
	top: 225px;
	left: 398px;
/*	font-size: 12px; */
}
#contact-fax-number {
	position: absolute;
	top: 227px;
	left: 430px;
}

#contact-message {
	position: absolute;
	top: 390px;
	left: 465px;
/*	font-size: 12px; */
}

#contact-dotdotdot {
	position: absolute;
	top: 425px;
	left: 490px;
}

#contact-mail-list {
	position: absolute;
	top: 500px;
	left: 195px;
}

.contact-mail-list-elements {
	/* outline: 1px; */
	border: 1px #000 solid;
}

/*  create and position the divider between nav links and image */
ul#contact-divider {
	list-style:none;
    position:absolute;
	top:480px;
	left:143px;
	z-index:3;  /* allow nav links to layer ontop of this bar */
    background-color:#dcdcdc;
}
#contact-divider li {
   height: 20px;
   width: 600px;
}

/* ########### BIO PAGE ############### */

ul#bio-divider {
	list-style:none;
    position:absolute;
	top:340px;
	left:143px;
	z-index:3;  /* allow nav links to layer ontop of this bar */
    background-color:#dcdcdc;
}
#bio-divider li {
   height: 20px;
   width: 600px;
}

#bio-bio {
	position:absolute;
	left: 205px;
	top: 150px;
	width: 700px;
	line-height: 20px;
}

#bio-message {
	position:absolute;
	top: 380px;
	left: 205px;
}

#bio-dotdotdot {
	position: absolute;
	top: 243px;
	left: 460px;
}

ul#bio-clients-1 {
	position:absolute;
	list-style:none;
	top: 425px;
	left: 225px;
}

ul#bio-clients-2 {
	position:absolute;
	list-style:none;
	top: 425px;
	left: 435px;
}

ul#bio-clients-3 {
	position:absolute;
	list-style:none;
	top: 425px;
	left: 602px;
}