/* ----------------------------- =Structure -------------------------------- */

body
{
	width: 100%;
	text-align: center;
	background-color: #0F0F15;
	background-image: url(../images/bkg_body.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.container
{	
	margin: 0 auto;
	padding: 0;
	width: 950px;
	text-align: left;
	background-color: transparent;
	background-image: url(../images/bkg_container.jpg);
	background-repeat: repeat-y;
	background-position: right;	
}

.header
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #fff;
	background-image: url(../images/bkg_navbox.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.logo
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}

.logo img {border: none;}


.main-column
{
	width: 950px;
	margin: 0 0 5px 0;
	padding: 30px 0 20px 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.red .main-column 		{	background-image: url(../images/bkg_main_red.jpg);		}
.orange .main-column	{	background-image: url(../images/bkg_main_orange.jpg);	}
.yellow .main-column 	{	background-image: url(../images/bkg_main_yellow.jpg);	}
.green .main-column		{	background-image: url(../images/bkg_main_green.jpg);	}
.blue .main-column 		{	background-image: url(../images/bkg_main_blue.jpg);		}
.violet .main-column 	{	background-image: url(../images/bkg_main_violet.jpg);	}

.green .main-column		{	background-image: url(../images/bkg_main_portfolio.jpg);	}

.right-column
{
	float: left;
	margin: 0;
	padding: 10px 0 0 0 ;
	width: 350px;

}


.body-txt
{
	float: left;
	padding: 10px 0 0 0;
	margin: 0 30px 0 0;
	width: 545px;
	background-color: transparent;
}

.body-txt .bio
{
	float: left;
	padding: 0px 4px 0 0;
	margin-right: 7px;
	width: 170px;
}
.footer
{
	position: relative;
	padding: 0;
	height: 30px;	
	color: #898989;
}

/* ------------------------------- MAIN NAV --------------------------------- */

.main-nav
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 375px;	
	text-align: center;	
}

.red .main-nav
{
	background-color: #81282B;
	border-top: 1px solid #F74C52;
}

.orange .main-nav
{
	background-color: #7D5B25;
	border-top: 1px solid #F0AE46;
}

.yellow .main-nav
{
	background-color: #7B8138;
	border-top: 1px solid #ECF76C;
}

.green .main-nav
{
	background-color: #608129;
	border-top: 1px solid #B9F74F;
}

.blue .main-nav
{
	background-color: #204261;
	border-top: 1px solid #3E7EBA;
}

.violet .main-nav
{
	background-color: #634483;
	border-top: 1px solid #BE82FB;
}


.main-nav *
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-image: none;
	border: none;
}

.navlist li, .navlist li a
{
	display: inline;
	color: #fff;
	line-height: 1em;
	list-style-type: none;
	border: none!important;
	
}

.navlist li a
{
	margin: 0;
	padding: 4px 10px 3px 10px;	

}

.navlist li a:hover, .subnav li a:hover, .navlist li.current  a
{
	background-color: #0F0F0F;
	padding: 3px 10px 3px 10px;	
}

.red .navlist li a:hover, .red .subnav li a:hover, 			.red	a, .red .navlist li.current a				{ color: #F74C52;	}
.orange .navlist li a:hover, .orange .subnav li a:hover, 	.orange a, .orange .navlist li.current a	{ color: #F0AE46;	}
.yellow .navlist li a:hover, .yellow .subnav li a:hover, 	.yellow a, .navlist li.yellow .current a	{ color: #ECF76C;	}
.green .navlist li a:hover, .green .subnav li a:hover, 		.green a, .green .navlist li.current a 		{ color: #B9F74F;	}
.blue .navlist li a:hover, .blue .subnav li a:hover, 		.blue	a, .blue .navlist li.current a			{ color: #3E7EBA;	}
.violet .navlist li a:hover, .violet .subnav li a:hover, 	.violet a, .violet .navlist li.current a 	{ color: #BE82FB;	}

.navlist li.current a
{
	color: #FA7228;
}



/*------------------------------ =Sidebar --------------------------------------*/

.sidebar-item div
{
	padding: 10px;
	color: #fff;
	font-size: 10px;
}

/* ----------------------------- =Footer------------------------------------- */

.footer
{
	background-color: #000;
	position: relative;
	margin: 5px 0 10px 0;
	padding: 5px;
	color: #898989;
	height: 20px;
	border-top: 10px solid #0F0F15;
}

.footer p, .footer a {margin: 0px; padding: 0px;}
/* ----------------------------- =Sifr ------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text 
before it is replaced... the negative-letter spacing in this 
case is used to make the browser text metrics match up with 
the sIFR text metrics since the sIFR text in this example is 
so much narrower... your own settings may vary... any weird 
sizing issues you may run into are usually fixed by tweaking 
these decoy styles */

.sIFR-hasFlash h1.page-title {
	z-index: 50;
	visibility: hidden;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: arial, verdana;
	font-size: 24px;
	color: #464646;
}

.sIFR-hasFlash h2.sifr-2 {
	visibility: hidden;
	margin: 0;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	color: #464646;
	background-color: #0F0F15;
;
}

/* ----------------------------- =Clear ------------------------------------ */

.clear
{
	clear: both;
	height: .1px; /* for gecko browsers */
}


/* Gallery ----------------------------------------------*/
/*-----------------------------------------------------*/

.red .sidebar-item .thumbnail, .portfolio .sidebar-item .thumbnail, .sidebar-item .thumbnail
{
float: left;
margin: 0px 5px 10px 0px;
padding: 0px;
width: 100px;
background-image: url(../images/bkg_tn.gif);
background-repeat: no-repeat;
}

.thumbnail img
{border: none;}

.portfolio .thumbs
{margin-top: 10px;}

.portfolio .thumbnail, .red .thumbnail
{
float: left;
margin: 0px 30px 15px 0px;
padding: 0px;
width: 100px;
background-image: url(../images/bkg_tn.gif);
background-repeat: no-repeat;
}


.red .thumbnail{border: 1px solid #F74C52;}
.orange .thumbnail{border: 1px solid #F0AE46;}
.yellow .thumbnail{border: 1px solid #ECF76C;}
.green .thumbnail{border: 1px solid #B9F74F;}
.blue .thumbnail{border: 1px solid #3E7EBA;}
.violet .thumbnail{border: 1px solid #BE82FB;}

.thumbnail img
{
	padding: 2px;
}

.clearboth { clear: both; }

/* Lightbox ----------------------------------------------*/
/*-----------------------------------------------------*/

#lightbox{
	position: absolute;
	top: 40px;
	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;
	color: #292929;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
	
#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;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	


/* ----------------------------- =Text 1 ------------------------------------ */

body, body *
{
	margin: 0;
	padding: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #898989;
	line-height: 185%;
}

body * /* sets the 11px as 100% */
{
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 5px 0;
	font-size: 145%;
	color: #464646;
	line-height: 140%;
}

h1.page-title
{
	font-weight: normal;
	font-size: 24px;
	margin: 0 0 10px 0;
}


h2
{
	font-size: 110%;
	margin: 0 30px 2px 0px;
	color: #464646;
}

h3
{
	margin: 0 0px 5px 0px;
	font-size: 100%;
}

.callout
{
	border-left: 2px solid #898989;
	margin: 15px 0;
	padding: 10px 0 10px 20px;
}

p
{
	margin-bottom: 6px;
}

a
{
	color: #FFF;
	text-decoration: none;	
}

a:hover
{
	color: #898989; 
	text-decoration: none;
}

ul, ol
{
	margin: 10px 30px;
	font-size: 95%;
	color: #000;
}

ul
{
	list-style-type: none;
}

ul li
{
	padding: 1px 0 4px 10px;
	background-repeat: no-repeat;
	background-position: 0 6px;
}

ul ul, ol ul
{
	margin: 3px 0 0px 15px;
}

ul ul li, ol ul li
{
	padding: 0 0 4px 9px;
	background-image: url(../images/little_arrow.gif);
	background-position: 0 6px;
}

ol
{
	list-style-type: decimal;
}

ol li
{
	margin: 10px 0 0 15px;
	padding: 0;
}

ol ol li, ul ol li
{
	margin: 10px 0 0 15px;
	padding: 0;
	background-image: none;
}

ol ol li
{
	list-style-type: lower-alpha;
}

.hr
{
	margin: 10px 0 20px 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #000;
}

strong
{

}

small, .small
{
	font-size: 9px;
}


/* ----------------------------- =Captions --------------------------- */

.caption-right, .caption-left
{
	background-color: #000;
	border: 1px solid #333;
}

.caption-right img, .caption-left img
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}

.caption-right p, .caption-left p
{
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: 9px;
	font-weight: bold;
	line-height: 140%;
	color: #fff;
}

.caption-right
{
	float: right;
	margin: 5px 0 10px 10px;
	padding: 0;
}

.caption-left
{
	float: left;
	margin: 5px 10px 10px 0;
	padding: 0;	
}

/* ----------------------------- =Data Table --------------------------- */

.data-table
{
	width: 542px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: left;	
}

.data-table tr
{margin: 0;}

.data-table tr.even
{background-color: #1A1B20;}

.data-table td
{
padding: 3px;
border-bottom: 1px solid #F0AE46; 
}

.data-table th
{
color: #fff;
background-color: #7D5B25;
border-top: 1px solid #F0AE46;
font-weight: bold;
font-size 10px;}