/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/
body{
background: #545454;
}

/**************************************/
/*              GLOBALS               */
/**************************************/
.photo_title {
font-family: Georgia, times, serif;
font-size: 14px;
font-style: italic;
display: block;
margin-bottom: 5px;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header{
border-bottom: 3px solid black;
margin-bottom: 4px
}


/**************************************/
/*             NAVIGATION             */
/**************************************/
#navcontainer ul
{
padding: 0;
margin: 20px 0 0 50px;
color: black;
float: left;
width: 100%;
font-family: "helvetica-neue", helvetica, arial, sans-serif;
font-size: 1.25em;
text-transform: uppercase;
letter-spacing: 0.2em;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
color: #ea7f29;
text-decoration: none;
float: left;
/*border-right: 1px solid #fff;*/
}

#navcontainer ul li a:hover
{
background-color: black;
}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#scrollster {
widows: 950px;
position: relative;
}
#bioHeader {
width: 266px;
height: 58px;
display: block;
background:url(../images/biography.png);
text-indent: -99999px;
}
#contactHeader {
width: 266px;
height: 58px;
display: block;
background:url(../images/contact.png);
text-indent: -99999px;
}
#blogHeader {
width: 266px;
height: 58px;
display: block;
background:url(../images/blog.png);
text-indent: -99999px;
}


.lrgType {
font-family: Georgia, times, serif;
font-size: 1.75em;
max-width: 575px;
}
.smallType {
font-family: Georgia, times, serif;
max-width: 575px;
}

.lrgTypeAlt {
font-size: 2em;
line-height: 1.25;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
div.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 950px;
	height: 624px;
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
div.scrollable div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

div.scrollable div.items div { 
    float:left; 
    margin-right:4px;
} 

/* active item */
div.scrollable div.items div.active{
	position:relative;
}


/* prev, next, prevPage and nextPage buttons*/
a.prev,  a.prevPage {
	position: absolute;
	top: 575px;
	left: 8px;
	display:block;
	width:72px;
	height:25px;
	background:url(../images/back.png) no-repeat;
	cursor:pointer;
	z-index: 99999;
}

/*mouseover state
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -25px;		
}*/

/*disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/*next button uses another background image*/ 
a.next, a.nextPage {
	position: absolute;
	top: 575px;
	left: 870px;
	display:block;
	width:72px;
	height:25px;
	background:url(../images/next.png) no-repeat;
	cursor:pointer;
	z-index: 99999;	
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
border-top: 3px solid black;
font-family: Georgia, times, serif;
padding: 7px 0;
margin-top: 4px;
}

.right{
text-align: right;
}