@charset "utf-8";
/* CSS Document */

body {
		margin: 0;
		padding: 0;
		background-color: transparent;
		background-image: url(http://www.natashaelise.com/Images/bg.png);
		background-repeat: repeat-x;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:18px;
		color:#58565e;
}

div {
	background-color:#FFFFFF;
}

.place{
	display:inline-block;
	width:150px;
	height:175px;
	vertical-align:top;
	text-align:left;
	color:#999999;
	padding:5px;
	border: 1px solid #cccccc;	
	margin-right:15px;
	margin-bottom:15px;
	line-height:12px;
}

.imgLeft{
	float:left;
	width:200px;
	height:225px;
	vertical-align:top;
	text-align:left;
	color:#999999;
	padding:5px;
	border: 1px solid #cccccc;	
	margin-right:15px;
	margin-bottom:15px;
	line-height:12px;
}

.imgRight{
	float:right;
	width:200px;
	height:225px;
	vertical-align:top;
	text-align:left;
	color:#999999;
	padding:5px;
	border: 1px solid #cccccc;	
	margin-left:15px;
	margin-bottom:15px;
	line-height:12px;
}

#page {
	margin: 1em 5%;
	background-color:#ffffff;
	border: 1px solid #ff00a8;		
	display:block;
	width:850px;
}

.textBlock {
	text-align:left;
	padding-left:20px;
	padding-right:100px;
	margin-right:100px;
}


img {
	border:none;
}

.company {
	width:450px;
	border: none;
}

.piece {
	width:450px;
	border: 1px solid #999999;
}

span{
	display:inline;
}

.bread {
	text-align:left;
	text-indent:100px;
	color:#cccccc;
	font-size:14px;
}

.breadleft {
	text-align:left;
	text-indent:20px;
	color:#fd57b8;
	font-size:18px;
}
.breadleft span {
	color:#999999;
}
.breadleft a:link {
	color:#fd57b8;
	font-size:18px;
	font-weight:normal;
}
.breadleft a:visited {
	color:#fd57b8;
	font-size:18px;
	font-weight:normal;
}
#slideshow {
 	position:relative;
    height:450px;
	width:450px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:125px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#resumeLink
{
  display: block;
  width: 141px;
  height: 31px;
  background: url("../Images/Resume.gif") no-repeat 0 0;
  margin-left:15px;
}


#resumeLink:hover
{ 
  background-position: 0 -31px;
}

#resumeLink span
{
  display: none;
}

#bioLink
{
  display: block;
  width: 68px;
  height: 31px;
  background: url("../Images/Bio.gif") no-repeat 0 0;
	margin-left:15px;
}

#bioLink:hover
{ 
  background-position: 0 -31px;
}

#bioLink span
{
  display: none;
}

#portfolioLink
{
  display: block;
  width: 215px;
  height: 31px;
  background: url("../Images/Portfolio.gif") no-repeat 0 0;
	margin-left:10px;
}

#portfolioLink:hover
{ 
  background-position: 0 -31px;
}

#portfolioLink span
{
  display: none;
}

#inLink
{
  display: inline-block;
  width: 61px;
  height: 62px;
  background: url("../Images/linkedin.jpg") no-repeat 0 0;
	margin-left:0px;
	vertical-align:bottom;
}

#inLink:hover
{ 
  background-position: 0 -62px;
}

#inLink span
{
  display: none;
}

#faceLink
{
  display: inline-block;
  width: 61px;
  height: 62px;
  background: url("../Images/facebook.jpg") no-repeat 0 0;
	margin-left:0px;
	vertical-align:bottom;
}

#faceLink:hover
{ 
  background-position: 0 -62px;
}

#faceLink span
{
  display: none;
}

#wordLink
{
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("../Images/Word_icon.jpg") no-repeat 0 0;
	margin-left:10px;
	vertical-align:bottom;
}

#wordLink:hover
{ 
  background-position: 0 -23px;
}

#wordLink span
{
  display: none;
}

#pdfLink
{
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("../Images/PDF_icon.jpg") no-repeat 0 0;
	margin-left:10px;
	vertical-align:bottom;
}

#pdfLink:hover
{ 
  background-position: 0 -23px;
}

#pdfLink span
{
  display: none;
}

.bigPicture
{
	text-align:center;
}

.portfolio
{

}

/*.portfolio span
{
	display:inline-block;
	margin-left:15px;
	margin-bottom:25px;
}*/

.squares
{
  display: block;
  width: 100px;
  height: 100px;
  border:none;
  /*border: 1px solid #cccccc;*/
}

.squares:hover
{ 
  background-position: 0 -100px;
}

.squares span
{
  display: none;
}

#ECN {
  background: url("../Images/ECN_icon.jpg") no-repeat 0 0;
}

#ECN1 {
  background: url("../Images/ECN1_icon.jpg") no-repeat 0 0;
}

#ECN2 {
  background: url("../Images/ECN2_icon.jpg") no-repeat 0 0;
}

#ECN3 {
  background: url("../Images/ECN3_icon.jpg") no-repeat 0 0;
}

#NX {
  background: url("../Images/NX_icon.jpg") no-repeat 0 0;
}

#NX1 {
  background: url("../Images/NX1_icon.jpg") no-repeat 0 0;
}

#NX2 {
  background: url("../Images/NX2_icon.jpg") no-repeat 0 0;
}

#NX3 {
  background: url("../Images/NX3_icon.jpg") no-repeat 0 0;
}


#MP {
  background: url("../Images/MP_icon.jpg") no-repeat 0 0;
}

#MP1 {
  background: url("../Images/MP1_icon.jpg") no-repeat 0 0;
}

#MP2 {
  background: url("../Images/MP2_icon.jpg") no-repeat 0 0;
}

#MP3 {
  background: url("../Images/MP3_icon.jpg") no-repeat 0 0;
}

#PM {
  background: url("../Images/PM_icon.jpg") no-repeat 0 0;
}

#PM1 {
  background: url("../Images/PM1_icon.jpg") no-repeat 0 0;
}

#PM2 {
  background: url("../Images/PM2_icon.jpg") no-repeat 0 0;
}

#PM3 {
  background: url("../Images/PM3_icon.jpg") no-repeat 0 0;
}

#PM4 {
  background: url("../Images/PM4_icon.jpg") no-repeat 0 0;
}

#PM5 {
  background: url("../Images/PM5_icon.jpg") no-repeat 0 0;
}

#ECN:hover, #PM:hover, #MP:hover, #ECN1:hover, #PM1:hover, #MP1:hover, #ECN2:hover, #PM2:hover, #MP2:hover,#ECN3:hover, #PM3:hover, #MP3:hover, #PM4:hover, #PM5:hover, #NX:hover, #NX1:hover{ 
  background-position: 0 -100px;
}

.portPieces
{
  display:inline-block;
  width: 345px;
  height: 227px;
  border:none;
  margin-left:15px;
  margin-bottom:25px;
}

.portPieces:hover
{ 
  background-position: 0 -227px;
}

.portPieces span
{
  display: none;
}

#portECN {
  background: url("../Images/portECN.jpg") no-repeat 0 0;
}
#portNX {
  background: url("../Images/portNX.jpg") no-repeat 0 0;
}
#portMP {
  background: url("../Images/portMP.jpg") no-repeat 0 0;
}
#portPM {
  background: url("../Images/portPM.jpg") no-repeat 0 0;
}

#portECN:hover, #portPM:hover, #portMP:hover, #portNX:hover{ 
  background-position: 0 -227px;
}


.headName {
	text-align:left;
	color:#f0eefa;
	font-size:40px;
}

table{
}

#wrapper {
	width:850px;
	height:600px;
	vertical-align:top;
}

td{
	/*border: 1px solid #b0adb9;*/
	padding:0px;
}

#heading{
	height:35px;
	width:850px;
	vertical-align:top;
	margin:0;
	padding:0;
}

.topNav{
	vertical-align:top;
	margin:0;
	padding-top:2px;
	display:inline-block;
}

#content{
	padding:0;
	margin: 15px 15px 0 15px;
}

#nav{
	float: right;
	width:100px;
	margin-top: 15px;
	padding:10px;
	padding-left:5px;
	border-left:solid 1px #cccccc;
	line-height:10px;
}

#copyright{
	clear: both;
	padding: 1em;
	font-size:11px;
	color:#999999;
	text-align:center;
}

.clear {
	clear:both;
}
.aboutCompany {
	margin: 0 auto;
	width:450px;
	text-align:left;
	padding-top:10px;
}

.aboutPiece {
	width:650px;
	text-align:left;
}

a:link {
	color:#ff00a8;
	font-weight:bold;
	text-decoration:none;
}

a:visited {
	color:#fd57b8;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#ff00a8;
	text-decoration:underline;
	font-weight:bold;
}

.breadcrumbs:link {
	color:#cccccc;
	text-decoration:none;
}

.breadcrumbs:visited {
	color:#cccccc;
	text-decoration:none;
}

.breadcrumbs:hover {
	color:#ff00a8;
}


.copy:link {
	color:#999999;
	text-decoration:none;
}

.copy:visited {
	color:#999999;
	text-decoration:none;
}

.copy:hover {
	color:#ff00a8;
	text-decoration:underline;
}


ul {
	list-style-image:url(http://www.natashaelise.com/Images/bullet.gif);
}

h3 {
	color:#cccccc;
	font-weight:bold;
	text-align:inherit;
	font-size:18px;
	line-height:12px;
	font-variant:normal;
	font-family:'Century Gothic', Arial, Helvetica, sans-serif;
}

.resume {
	color:#58565e;
}

h2 {
	color:#CCCCCC;
	font-weight:normal;
	text-align:left;
	text-indent:18px;
	font-size:24px;
	line-height:18px;
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
}


/* 	SLIDER */
.slider-wrap {
	width: 450px; 
	position: absolute; 
	top: 19px; 
	left: 19px;
}			
.stripViewer .panelContainer 
.panel ul { 
	text-align: left; 
	margin: 0 15px 0 30px; 
}
.stripViewer { 
	position: relative; 
	overflow: hidden; 
	width: 450px; 
	height: 400px; 
	border-bottom: 1px solid #ff00a8;
}
.stripViewer .panelContainer { 
	position: relative; 
	left: 0; 
	top: 0; 
}
.stripViewer .panelContainer .panel { 
	float: left; 
	height: 100%; 
	position: relative; 
	width: 450px; 
}
.stripNavL, .stripNavR, .stripNav { 
	display: none; 
}
.nav-thumb { 
	border: 1px solid #999999;
	margin-right: 0px; 
}

.photo-meta-data { 
	background: url(http://www.natashaelise.com/Images/transpBlack.png); 
	padding: 5px 10px 20px 10px; 
	height: 80px; 
	margin-top: -80px; 
	position: relative; 
	z-index: 9999; 
	color: white; 
	font-size: 12px;
	line-height:14px;
	color:#fd57b8;
	font-weight:bold;
}
.photo-meta-data span { 
	color:#FFFFFF;
	font-weight:normal;
	font-size: 11px;
}
.cross-link { 
	display: block; 
	width: 62px; 
	position: relative; 
	padding-top: 15px; 
	z-index: 9999; 
}

.slider-page {
	width: 488px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	position: relative;
	min-height: 506px;
	background-image: url(http://www.natashaelise.com/Images/slider_bg.png);
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: center top;
}
.wrapper{
}


/* 	END SLIDER */