/* -------global------- */

a:link {color: #333; background-color: transparent; text-decoration: none;}
a:visited {color: #333; background-color: transparent; text-decoration: none;}
a:hover {color: #fc0; background-color: transparent; text-decoration: none;}   

.emph1 a:link {color: #666666; text-decoration: none;}
.emph1 a:visited {color: #666666; background-color: transparent; text-decoration: none;}
.emph1 a:hover {color: #fc0; text-decoration: none;}
 
.emph2 a:link {color: #333; text-decoration: none;}
.emph2 a:visited {color: #333; background-color: transparent; text-decoration: none;}
.emph2 a:hover {color: #fc0; text-decoration: none;}
 
.emph3 a:link {color: #999; text-decoration: none;}
.emph3 a:visited {color: #999; background-color: transparent; text-decoration: none;}
.emph3 a:hover {color: #fc0; text-decoration: none;}


html, body {
	white-space: nowrap;
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
}

.scale-image 
{
    display: block;
	max-height: 85%;
	max-width: 1500px;
	margin-top: 50px;
	margin-left: 250px;
	margin-right: 10px;
	vertical-align: top;

}


/* -------landing pages------- */


.landing {
	position: absolute;
	top: 45px;
	left: 50px;
	font: 73px "alternate-gothic-no-2-d", helvetica;	
	line-height: .8;
	letter-spacing: -1px;
	text-align: left;
	background-color: transparent; 
	z-index: 99;
	}
	
a.landing1, a.landing1:link, a.landing1:visited {color: #666; text-decoration: none;}
a.landing1:hover {color:#fc0;}
a.landing1:active {color: #fc0;}

a.landing2, a.landing2:link, a.landing2:visited {color: #000; text-decoration: none;}
a.landing2:hover {color:#fc0;}
a.landing2:active {color: #fc0;}

a.landing3, a.landing3:link, a.landing3:visited {color: #999; text-decoration: none;}
a.landing3:hover {color:#fc0;}
a.landing3:active {color: #fc0;}	

a.landing4, a.landing4:link, a.landing4:visited {color: #ccc; text-decoration: none;}
a.landing4:hover {color:#fc0;}
a.landing4:active {color: #fc0;}

#social_icons {
	position: absolute;
	top: 736px;
	left: 55px;
	border: 0px;
	}	

#copyright {
	position: absolute;
	top: 730px;
	left: 265px;
	width: 1100px;
	font: 10px "helvetica", helvetica;
	color: #333333;
	text-align: left;
	background-color: transparent; 
	z-index: 99;
	}


#easter {
	position: relative;
	top: 300px;
	font: 11px "helvetica", helvetica;
	color: #666666;
	padding: 0px;
	margin: 0;
	border: 0;
	margin: 0px;
	text-align: center;
	background-color: transparent; 
	}
	
	

	


/* -------portfolio level sidebar site nav------- */

#site_nav_style {
	font: 13px "helvetica", helvetica;
	line-height: 1.4;
	color: #999;
	text-align: right;
	overflow: hidden;
	z-index: 1;
	}
	

/* expanding list menu  */

#menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
}

#listContainer{
  margin-top:0px;
}

#expList ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#121212;
}
#expList li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 0px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

/* Collapsed state for list element */
#expList .collapsed {
    background-image: url(../img/collapsed.png);
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    background-image: url(../img/expanded.png);
}
#expList {
    clear: both;
}

.listControl{
  margin-bottom: 0px;
}
.listControl a {
    border: 1px solid #555555;
    color: #555555;
    cursor: pointer;
    height: 1.5em;
    line-height: 1.5em;
    margin-right: 0px;
    padding: 0px 0px;
}
.listControl a:hover {
    background-color:#555555;
    color:#222222; 
    font-weight:normal;
}




/* -------portfolios------- */


#sidebar1 {
		position: absolute;
		top: 38px;
		width: 230px;
		font: 12px "helvetica", helvetica;
		line-height: 1.4;
		color: #999;
		text-align: right;
		z-index: 1;
		}

#sidebar2 {
		position: relative;
		top: 55px;
		right: 5px;
		font: 12px "helvetica", helvetica;
		line-height: 1.4;
		color: #99;
		text-align: right;
		}


#image {
		position: absolute;
		top: 50px;
		left: 250px;
		z-index: 98;
		}

	
	#nav_arrows3 {
			position: relative;
			top: 70px;
			left: 250px;
			align= left;
			z-index: 99;
			}
		




	
/* -------thumbnail pages------- */

#sidebar2_thumbs {
		position: relative;
		top: 180px;
		right: 5px;
		font: 12px "helvetica", helvetica;
		line-height: 1.4;
		color: #99;
		text-align: right;
		}

	


/* -------contact, PDFs, about pages------- */


#space {
	position: absolute;
	margin-top: 0;
	top: 0px;
	left: 0px;
	width: 1215px;
	height: 592px;
	border: 0px;
	padding: 0px;
	}

#contact {
	position: absolute;
	top: 59px;
	left: 320px;
	font: 13px "helvetica", helvetica;
	color: #333;
	padding: 0px;
	margin-top: 0;
	margin-right: 150px;
	border: 0px;
	line-height: 1.5em;
	text-align: left;
	background-color: transparent; 
	}