/* -----------------------------------*/
/* ---------->>> GENERAL<<<-----------*/
/* -----------------------------------*/
body { 
	background-image:
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	background-image: url(../img/stripe.png);
	}
	

	
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 1.5em;
	color:#000000;
	margin:7em 0 0 4em;
	width: 11em;
	}

h4 {
	font-family:verdana, helvetica, arial, san serif;
	font-style: normal;
	font-size: .9em;
	letter-spacing:.5px;
	}

a.home, visited {
	font-family:  Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-decoration: none;

	}	

a.home:hover,active {
	font-family: Georgia;
	color: #FF33FF;
	text-decoration: none;
}

/* -----------------------------------*/
/* ---------->>> lINKS<<<-----------*/
/* -----------------------------------*/

a.resume{
	font-style: normal;
	text-decoration: none;
	color:#777777;
	position:absolute;
	top: 68.3em;
	left: 32.5em;
	z-index: 500;
	}
	
a.resume:hover, active {
	color:#FF33FF;
	}

.email{
	text-decoration: none;
	color:#777777;
	position:absolute;
	top: 67em;
	left: 44em;
	z-index: 600;
	}
	


/* -----------------------------------*/
/* ---------->>> ABOUT<<<-----------*/
/* -----------------------------------*/


.bio{
	font-size: 4.75em;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: -5.55em 0 0em 14.8em;
	position: absolute;
	z-index: 500;
	}

a.bio {
	color:#ffffff;
	}
a.bio:hover {
	color:#ff33ff;
	}

.biobold {
	color:#FF33FF;
	}
	
#here{
	color: #FF33FF;
	font-weight: 600;
	text-decoration: none;
	}
	
#here a{
	text-decoration: none;
	}

#here a:hover,active {
	color:000000;
	text-decoration:none;
	}
	
#about{
	font-size: 1.5em;
	font-style: italic;
	width: 36em;
	line-height: 1.6em;
	margin: -6.5em 0 5em 19em;
	height: 15em;
	position: absolute;
	text-decoration: none;
	z-index:100;
	}



/* -----------------------------------*/
/* ---------->>> LEFTBAR <<<-----------*/
/* -----------------------------------*/

#leftbar {
	font-style: italic;
	font-weight: bold;
	margin: 10.25em 0 0 -2.5em;
	width: 17em;
	height: 22em;
	line-height: 1.2em;
	}
	
#leftbar ul {
 	list-style-type:none;
	text-align: right;

	}
	
#leftbar a {
	color: #000000;
	text-decoration: none;

	}

#leftbar a:hover,active {
	color: #FF33FF;
	text-decoration: line-through;
		}
		
		
.bar {
	width: 5em;
	height: 1em;
	color: #eeeeee;
	border: 4em;
	}
	
.bar a:hover, active {
	border: none;
	}

/* -----------------------------------*/
/* --->>> JQUERY RECENT ENTRIES <<<---*/
/* -----------------------------------*/

ul#menu {
list-style-type:none;
	padding: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.0em;
	text-decoration: none;
	margin: 5px 0px 0px -5px;
	width: 15em;
	height: 200px;

}

	

ul#menu ul {
	list-style-type:none;
	font-family:verdana, helvetica, arial, san serif;
	font-style: normal;
	font-weight: bold;
	font-size: 0.9em;
	float: right;
	line-height: 1px;
	text-align: right;
	padding: .5em .2em 1em 0;
}

ul#menu h3 {
font-size:1.1em;
margin:.2em 0 .2em 0;
		float: right;
		text-align: right;
		padding: 5px 2px 2px 2px;
		width: 20em;
		background-color:#FFFFFF;
}


ul#menu a {
	display: black;
	text-decoration: none;
	}

ul#menu a:hover {
color:#FF33FF;
}

ul#menu li {
margin:0em 0 0em 0;
padding:0;
}

ul#menu li a {
color:#000000;
padding:.2em 0 .2em 0;
}


ul#menu li a:hover {
	color:#FF33FF;
}

ul#menu li ul li {
border:0;
}
ul#menu li ul li a {
color:#000000;
}
ul#menu li ul li a .link {
font-weight:bold;
color:#000000;
}
ul#menu li ul li a .link:hover {
	color:#FF33FF;

}
ul#menu li ul li a:hover {
	text-decoration: line-through;
	color:#FF33FF;
	}
	
ul#menu li ul li p{
font-size:1.2em;
line-height:1.6em;
margin:1em 0 1em 0;

}
ul#menu li ul li p a {
	font-size:1em;
	display:block;
}
ul#menu li ul li p a:active {
	color:#FF33FF;
	
}
ul#menu li ul li p a:hover {
	color:#FF33FF;
	
}
/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

.sideColumn {
width:150em;
height: 15em;
margin: 0;
	
}
.sideColumn .column1_2 {
width:100em;
float:left;

}
.sideColumn .column1, .sideColumn .column2 {
width:100em;
float:left;
background-color:#FFFFF;

}




/* -----------------------------------*/
/* ---------->>> FRAME <<<-----------*/
/* -----------------------------------*/

.frame {
position: absolute;
left: 18em;
top: 10.5em;
z-index: 10;
}
/* -----------------------------------*/
/* ---------->>> TYPE <<<-----------*/
/* -----------------------------------*/

.label{
	width: 20em;
	height: 5em;
	}
	
/* -----------------------------------*/
/* ---------->>> THUMBS <<<-----------*/
/* -----------------------------------*/

#menu2 {
		display:block; 
		height:430px;
		min-height:120px;
		width: 74em; 
		margin: -18.75em 0px 0 21em;
		z-index: 50;
		position:absolute;
		overflow: hidden;		
		}
		
#menu2 ul {
	margin:0; 
	padding:0;
	list-style-type:none;
	}
	
#menu2 li {
	display:block; 
	float:left; 
	margin-right:1.8em; 
	width:105px;
	height: 14.5em; 
	border:none;
	}
	
#menu2 li.list1t {background: url(../img/quotesduothumb.jpg) no-repeat;z-index: 50;}
#menu2 li.list2t {background: url(../img/popularduothumb.jpg) no-repeat;}
#menu2 li.list3t {background: url(../img/soproduothumb.jpg) no-repeat;}
#menu2 li.list4t {background: url(../img/newneueduothumb.jpg) no-repeat;}
#menu2 li.list5t {background: url(../img/kayaduothumb.jpg) no-repeat;}
#menu2 li.list6t {background: url(../img/5050duothumb.jpg) no-repeat;}
#menu2 li.list7t {background: url(../img/mealduothumb.jpg) no-repeat;}
#menu2 li.list8t {background: url(../img/loveisgoneduothumb.jpg) no-repeat;}
#menu2 li.list9t {background: url(../img/bayviewduothumb.jpg) no-repeat;}
#menu2 li.list10t {background: url(../img/typeposterduothumb.jpg) no-repeat;}
#menu2 li.list11t {background: url(../img/pointsduothumb.jpg) no-repeat;}
#menu2 li.list12t {background: url(../img/macduothumb.jpg) no-repeat;}
#menu2 li.list13t {background: url(../img/breakupsduothumb.jpg) no-repeat;}
#menu2 li.list14t {background: url(../img/marioparkduothumb.jpg) no-repeat;}
#menu2 li.list15t {background: url(../img/casualduothumb.jpg) no-repeat;}
#menu2 li.list16t {background: url(../img/emigreduothumb.jpg) no-repeat;}
#menu2 li.list17t {background: url(../img/eleganceduothumb.jpg) no-repeat;}
#menu2 li.list18t {background: url(../img/writingduothumb.jpg) no-repeat;}

	
#menu2 a {
	display:block;
	width:100px;
	padding-top: 110px;
	background-color:ffffff;
	font-family: verdana;
	text-decoration:none;
	text-align:left;
	color:#ffffff;
	font-size:0.95em;
	font-weight: 400;
}

	

#menu2 a#item1t {background:transparent url(../img/quotesthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}	
#menu2 a#item2t {background:transparent url(../img/popularthumbbar.jpg) -115px -86px no-repeat;	z-index: 50;}
#menu2 a#item3t {background:transparent url(../img/soprothumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item4t {background:transparent url(../img/newneuethumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item5t {background:transparent url(../img/kayathumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item6t {background:transparent url(../img/5050thumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item7t {background:transparent url(../img/mealthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item8t {background:transparent url(../img/loveisgonethumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item9t {background:transparent url(../img/bayviewthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item10t {background:transparent url(../img/typeposterthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item11t {background:transparent url(../img/pointsthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item12t {background:transparent url(../img/macthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item13t {background:transparent url(../img/breakupsthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item14t {background:transparent url(../img/marioparkthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item15t {background:transparent url(../img/casualthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item16t {background:transparent url(../img/emigrethumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item17t {background:transparent url(../img/elegancethumbbar.jpg) -115px -86px no-repeat;z-index: 50;}
#menu2 a#item18t {background:transparent url(../img/writingthumbbar.jpg) -115px -86px no-repeat;z-index: 50;}

#menu2 a#item1t:hover {background-position:top left; z-index:50; color:#000000;}
#menu2 a#item2t:hover {	background-position:top left; z-index:50; color:#000000;}
#menu2 a#item3t:hover {background-position:top left; z-index:50; color:#000000;	}
#menu2 a#item4t:hover {	background-position:top left; z-index:50; color:#000000;}
#menu2 a#item5t:hover {	background-position:top left; z-index:50; color:#000000;}
#menu2 a#item6t:hover {	background-position:top left; z-index:50; color:#000000;}
#menu2 a#item7t:hover {	background-position:top left; z-index:50; color:#000000;}
#menu2 a#item8t:hover {	background-position:top left; z-index:50; color:#000000;}
#menu2 a#item9t:hover {	background-position:top left; z-index:50; color:#000000;}
#menu2 a#item10t:hover { background-position:top left; z-index:50; color:#000000;}
#menu2 a#item11t:hover { background-position:top left; z-index:50; color:#000000;}
#menu2 a#item12t:hover { background-position:top left; z-index:50; color:#000000;}
#menu2 a#item13t:hover { background-position:top left; z-index:50; color:#000000;}
#menu2 a#item14t:hover { background-position:top left; z-index:50; color:#000000;}
#menu2 a#item15t:hover { background-position:top left; z-index:50; color:#000000;}
#menu2 a#item16t:hover { background-position:top left; z-index:50; color:#000000;}
#menu2 a#item17t:hover { background-position:top left; z-index:50; color:#000000;}
#menu2 a#item18t:hover { background-position:top left; z-index:50; color:#000000;}


/* -----------------------------------*/
/* ---------->>> SUBPAGE<<<-----------*/
/* -----------------------------------*/
.wrapper {
	width:90em;
	height: auto;
	margin:0 0 0 17.5em;  
	text-align:left;
} 
.project {
	font-weight:normal;
	top: 0px;
	left: 0px;
} 

.projectPanel {
	clear:both;
	padding: 0px;
	border: 0px;}
	
.projectText {
	position:absolute;
	top:59.5em;
	left: 20em;
	width: 50em;
	z-index:20;
}

.italic{
	font-style: italic;}
	
.projectText p {
	font-family:verdana, helvetica, arial;
	font-style: normal;
	font-weight:normal;
	font-size:1em;
	color:#000000;
	line-height:1.4em;
	margin:.8em 0;
	padding:0;
}
.projectText p a {
	color:#000;
	font-weight:bold;
}
.projectText p a:hover {
	border-bottom:1px dotted #000;
}
.projectTitle{
	clear:both;
	font-weight:bold;
	font-style: italic;
	font-size: 1.2em;
	line-height: .5em;
	color: #000;
	display:block;
	margin:0 0 .5em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.projectTitle a { 
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.projectTitle a:hover { 
	border-bottom:1px dotted #000;
}

.projectSubhead{
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color: #000;
	display:block;
	width:30em;
	border-top: 1px solid #000;
	margin:1em 0 0 0;
	padding:1em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contentWrap {
clear:both;
height:58em;
margin:0;
padding:0;
width:100%;
}

element.style {
display:block;
left:0;
opacity:1;
position:absolute;
top:0;
}

.projectImages {  
	position:absolute;
	margin:-19.5em 0 0 5.6em;
	padding: 0;
	border: 0;
	z-index:800;
} 

 
.projectImages img {  
    padding: 0;  
    border:  0;   
    width:  738px; 
    height: 432px; 
} 

.projectNav {
	position:absolute;
	top:60em;
	width:12em;
	left: 83.25em;
	height:5em;
	padding:0;
	z-index:40;
	
}
#prev1 {
	width:6em;
	height:5em;
	background-image:url(../img/arrowleftgy.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	float:left;
}

#prev1:hover{
	background-image:url(../img/arrowleft.gif);
	background-repeat:no-repeat;
}

#next1{
	
	width:5em;
	height:5em;
	background-image:url(../img/arrowrightgy.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	float:right;
 }

#next1:hover{
	background-image:url(../img/arrowright.gif);
	background-repeat:no-repeat;
}

/* -----------------------------------*/
/* ---------->>> SUBMENU<<<-----------*/
/* -----------------------------------*/
.project {
	font-family: verdana, helvetica, arial, san serif;
	font-style: normal;
	font-size:1em;
	list-style-type:none;
	width: 12em;
	margin: 0 0 0 -3em;
	line-height: 2em;
	}
	
.project li {
	text-decoration:none;
	}

.pink {
	color:#FF33FF;
	text-decoration: line-through;
	}

.strike {
text-decoration:line-through;
color: #FF33FF;
}

/*-------------------------------*/
/*-------custom scroll bars------*/
/*-------------------------------*/

#scrollbox{
	height: 330px;
	width: 500px;
	float:left;
	overflow:hidden;
}

#textbox{
	height: 290px;
	width: 290px;
	float:left;
	overflow:hidden;
}
.scrollbar-vert{
	background-color: transparent;
	height: 309px;
	width: 8px;
	border:1px white solid;
	float:left;
}

#buytickets .scrollbar-vert{
	background-color: transparent;
	margin-top:25px;
	height: 300px;
	width: 8px;
	border:1px white solid;
	float:left;
}

.handle-vert{
	height: 42px;
	width: 8px;
	background: #FCF5B7 no-repeat;
}
		
.scrollbar-hor{
	background-color: #d2e8ff;
	height: 20px;
	width: 300px;
	float:left;
}
.handle-hor{
	height: 20px;
	width: 42px;
	background: black no-repeat;
}
#swf{
	margin: -18em 0 0 4em;
	z-index: 1000;
	}
	
#s2{
	top: 370px;
	left: 150px;}