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

body{
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:10px;
	color:#000;
	background-color:#FFF;
	overflow-x:hidden;
	}/*#6d8ead #b9cee2*/
#wrapper{
	margin:0px auto; 
	width:960px;
	background:#FFF repeat top left;
	}

#z_resume{
	width:1180px;
	margin:600px 200px 0px 0px;
	position:absolute;
	/*left:960px;*/
	top:100px;
	display:none;
	

}


#z_resume-container #resume_xBtn{
	float:right;
	padding:5px;
	/*#6d8ead*/
	background:#EBE9D5;
	color:#2F1E0F;
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
	cursor:pointer;
}

#z_resume_box{
	width:2000px;	
}
#z_resume-container{
	/*background-color:#f5f5f5;6d8ead*/
	color:#2F1E0F;
	background-color:#b9cee2;
	padding:15px;
	font-size:12px;
	width:850px;
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
	margin-bottom:100px;
}
#z_resume-container #z_resumeTop{
	width:815px;
	height:120px;
}
#z_resume-container #z_resumeTop .logo_res{
	float:left;
}

#z_resume-container .zicons{
	float:right;
	margin-left:15px;
}
#z_resume-container #z_resume-content{
	margin:35px;
}
#z_resume #z_resume-content h4{
	font-size:14px;
	margin:12px 0px 6px;
	clear:both;
}
#z_resume-container #z_resume-content h5{
	font-size:12px;
	text-align:left;
	width:500px;
	float:left;
	margin:0px 0px 0px 38px;
}
#z_resume-container #z_resume-content p{
	text-align:left;
	width:500px;
	clear:both;
	margin:0px 0px 0px 38px;
	
}
#z_resume #z_resume-content ul {
	margin-left:38px;
}
#z_resume #z_resume-content ul li{
	width:600px;
}

#z_resume-container #z_resume-content div.zDate{
	text-align:right;
	float:right;
	width:150px;
}
#z_resume #z_resume-content ul.zSkills{
	margin:0px;
	width:200px;
	float:left;
}
#z_resume #z_resume-content ul.zSkills li{
	
	list-style:none;
	font-weight:bold;
}
#z_resume #z_resume-content ul.zSkills li ul{
	margin:0px;
}
#z_resume #z_resume-content ul.zSkills li ul li{
	list-style:disc;
	font-weight:normal;
}
div.clearAll{
	clear:both;
}

a {color:#EBE9D5;text-decoration:none;outline:none;}
a:hover {color:#EBE9D5;text-decoration:none;outline:none;}
a:active{
	outline:none;
}
a:visited{
	outline:none;
}

h1, h2, h3, h4, h5{
	margin:0px;
	padding:0px;
	width:250px;
}
h2{font-size:16px;}
h3{font-size:14px; padding:8px 0px 5px;}
h4{font-size:12px;}


#header{
	padding:20px 0px 0px;
	z-index:-1;
}
#topBorder{
	height:20px;
	background:#2F1E0F no-repeat scroll left top;
	position:fixed;
	width:100%;
	z-index:1000;
	}
#topBorder #links{
	width:960px;
	height:20px;
	margin:0 auto;
	padding:0px;
	outline:none;
}
#topBorder #links h1#MarkSZahlin{
	width:200px;
	float:left;
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	padding:2px 4px 2px 0px;
	text-align:left;
}
#topBorder #links h3#contactInfo, #topBorder #links h3#resume{
	width:40px;
	float:right;
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	padding:2px 4px 2px 0px;
	text-align:right;
	
}
#topBorder #links h3#aboutInfo{
	width:40px;
	float:right;
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	text-align:right;
	padding:2px 4px 2px 0px;

}
#topBorder #links h3#z_resume{
	width:40px;
	float:right;
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	text-align:right;
	padding:2px 4px 2px 0px;

}

#logo {
	
	height:190px;
	}
#logo img{margin:18px 0px 0px 0px;float:left;}
#IMD{
	margin:25px 0 0 5px;
	color:#2F1E0F;
	float:left;
	font:36px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
	/*font:Arial, Helvetica, sans-serif;*/
	line-height:1.1;
	width:200px;
	
	}
#zStatement{
	margin:18px 0px 0px 25px;
	float:left;
	border: solid 2px #EBE9D5;
	height:152px;
	width:200px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	
}
#zTrivia{
	margin-top:18px;
	float:right;
	border:none;
	z-index:-1;
	width:574px;
	outline: none;
}
object{outline:none;
}


#main-container{display:block;

position:absolute;}


.rightLinks{width:960px;}
#rightMenu {margin:0;padding:0 0 0 15px;list-style:none;}
#rightMenu li {padding-top:10px;float:right;height:20px;width:50px;cursor:pointer;}
li.about {margin-bottom:100px;}
li.contact{margin-bottom:100px;}

.boxContent div { clear:both; margin:10px auto;}

.boxBody div.introBox{display:block;width:960px; height:300px;position:absolute; background:#FFF;}

.boxContent div.main{display:none;}
.boxContent div.show {display:block;}
.boxContent #artflash a {display:block;}

#tabMenu {margin:0px auto 0px;padding:0;list-style:none; width:960px}
#tabMenu li {padding-top:0px;float:left;cursor:pointer; margin:0px 15px 0px 0px; }


li.salem {height:110px;width:180px;background:url(images/Salem_thumb180.jpg) no-repeat;background-position:0 -110px;}
li.wmep {height:110px;width:180px;background:url(images/WMEP_thumb180.jpg) no-repeat; background-position:0 -110px;}
li.artflash {height:110px;width:180px;background:url(images/FLASH_thumb180.jpg) no-repeat;background-position:0 -110px; }
li.transformU {height:110px;width:180px;background:url(images/TransformU_thumb180.jpg) no-repeat;background-position:0 -110px;}

#tabMenu li.dnote {height:110px;width:180px;background:url(images/dnote_thumb180.jpg) no-repeat;background-position:0 -110px; margin:0px;}
li.intro {height:110px;width:40px;background:url(images/close_btn_small.gif) no-repeat;  }
/*180px 240px*/

li.mouseover {/*border:solid 3px #FF6600;*/ background-position:0 0;}
li.mouseout {/*border:solid 3px #2F1E0F;*/background-position:0 -110px;}
li.selected {/*border:solid 3px #66CCFF*/}

.box {
	width:960px; 
	margin:0px auto; 
	clear:both;
	background:#FFFFFF repeat scroll left bottom;
	/*height:490px;*/
	}
.boxTop {
	height:5px;
	clear:both;}
*html .boxTop {margin-bottom:-2px;}

.boxBottom {/*background:url(images/boxBottom.gif) no-repeat;*/
height:60px; clear:both;}
.boxBody {background-color:#FFFFFF; margin:0px auto 0px; width:960px; height:315px}

/*.boxBody div {height:250px;}*/
.boxBody div.main{display:none; width:956px; position:absolute;}
.boxBody div.show {display:block;}


.boxBody div ul {margin:0 10px 0 25px;padding:0;width:250px;list-style:none;float:left}


.boxBody div li {/*border-bottom:1px dotted #8e8e8e;*/ padding:2px 0; }
.boxBody div li h4{margin-top:4px; width:250px;
}
.boxBody div li ul li{
	line-height:15px;
}
.boxBody div ul li.dnote {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}

.boxBody div .Zahlin_Content{
	width:350px;
	/*float:left;*/
	padding:10px;
}

.boxBody div .Zahlin_Content ul{
	float:left;
	width:120px;
}

.boxBody div ul.left_ul{
		float:left; width:320px;
}

.projName{
	vertical-align:bottom;
	margin-top:110px;
	text-align:left;
	height:30px; 
	color:#2F1E0F;
}

.projName h2{
	padding:5px 0px 0px 0px;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	width:180px;
	color:#2F1E0F;
}
.imgFloat {float:right; padding:0px; width:564px; height:300px; border-left:2px solid #EBE9D5;}
/*#posts{padding:20px} width:478px;

.pane {
	background: #edf5e1;
	padding: 10px 20px 10px;
	position: relative;
	border-top: solid 2px #c4df9b;
}
.pane .delete {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.about {margin:100px 0px 0px 0px}*/
#dropInfo{/*border-top: solid 3px #2F1E0F;*/
	margin:0px 0px 0px 0px;
}
#panel {
	background:#FFF;
	border: solid 2px #EBE9D5;
	height: 160px;
	width:450px;
	display: none;
	padding:10px;
	margin:10px 10px 0px 130px;
	
}
.slide {
	margin: 0px;
	padding: 0px 10px;
	float:right;
	/*border-top: solid 0px #EBE9D5;
	background: url(images/about_btn.gif) no-repeat top;*/
}
.z_moreInfo{
	width:350px;
	display:none;
	background:#FFF;
	height:250px;
	margin:20px 10px 0px 10px;
	}
.z_moreInfo h3{
	width:350px;
}
.boxBody .z_moreInfo a{
	color:#039;
	text-decoration:none;
}
.boxBody .z_moreInfo a:hover{
	color:#606;
	text-decoration:underline;
}
.boxBody div .z_moreInfo_btnHolder{
	width:390px;
	height:20px;
	position:absolute;
	top:280px;
	background:#b9cee4;
	border-top:2px solid #EBE9D5;
	color:#2e1e10;
	text-align:center;
}
.boxBody div .z_moreInfo_btn{
	font-size:12px;
	padding:3px 0px;
	letter-spacing:.8px;
	
	cursor:pointer;
	
}
#contact-panel {
	background:#FFF;
	border: solid 2px #EBE9D5;
	height: 160px;
	width:450px;
	display: none;
	padding:10px;
	margin:10px 10px 0px 130px;
	
}
#drop-box {
	padding: 0px 0px;
	margin: 0px 0;
	float:left;
	/*border-top: solid 0px #EBE9D5;*/

}
.btn-slide {
	/*background: url(images/white-arrow.gif) no-repeat right -50px;*/
	background: url(images/about_btn.gif) no-repeat right top;
	text-align: left;
	width: 127px;
	height: 34px;
	margin-top:1px;
	padding: 0px 0px 0 0;
	/*margin: 0 auto;*/
	display: block;
	float:left;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #EBE9D5;
	text-decoration: none;
}
.active {
	color:#EBE9D5;
	/*background-position: right 12px;*/
}


.contact-slide {
	margin: 0;
	padding: 0;
	float:right;
	/*border-top: solid 0px #EBE9D5;
	background: url(images/contact_btn.gif) no-repeat top;*/
}
.contact-btn-slide {
	/*background: url(images/white-arrow.gif) no-repeat right -50px;*/
	background: url(images/contact_btn.gif) no-repeat right top;
	text-align: right;
	width: 127px;
	height: 34px;
	padding: 0px 0px 0 0;
	margin-top:1px;
	/*margin: 0 auto;*/
	display: block;
	float:right;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #EBE9D5;
	text-decoration: none;
}
.close-btn-slide, .close-about-btn {
	/*background: url(images/white-arrow.gif) no-repeat right -50px;*/
	background: url(images/close_btn_small.gif) no-repeat right top;
	text-align: right;
	width: 25px;
	height: 20px;
	padding: 0px 0px 0 0;
	/*margin: 0 auto;*/
	display: block;
	float:right;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #EBE9D5;
	text-decoration: none;
	margin-top:-10px;
}


.about-slide-up, .contact-slide-up {
	margin: 10px 0px;
	padding: 0;
	/*border-top: solid 0px #EBE9D5;*/
	background: url(images/close_btn_small.gif) no-repeat top;
}

#intro{height:400px;}
#messages{position:absolute; width:600px; height:100px; left:350px; top:90px;z-index:-1;font:16px "Goudy Old Style", Garamond, "Times New Roman", serif; text-align:center;}

#salem{border:#EBE9D5 solid 2px; background-color:#FFFFFF; height:300px;}
#artflash{border:#EBE9D5 solid 2px; background-color:#FFFFFF; height:300px;}
#wmep{border:#EBE9D5 solid 2px; background-color:#FFFFFF; height:300px;}
#transformU{border:#EBE9D5 solid 2px; background-color:#FFFFFF; height:300px;}
#dnote{border:#EBE9D5 solid 2px; background-color:#FFFFFF; height:300px;}



#footer{
	background:#2F1E0F no-repeat scroll left top;
	height:20px;
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:1000;
	}
#footer #bottomText{
	color:#FFF;
	width:960px;
	margin:0px auto;
}
#footer #bottomText h5{
	float:right;
	color:#EBE9D5;
	padding-top:4px;
	text-align:right;
	font-size:10px;
}

form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

button.jqTransformButton span {
	background: transparent url(img/btn_right.gif) no-repeat right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 33px;
}

button.jqTransformButton span span {
	background: transparent url(img/btn_left.gif) no-repeat top left;
	color: #333;
	padding: 8px 4px 0px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
	display: block;
	text-decoration: none;
	height: 33px;
}

/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }

/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }

/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(img/input/input_text_left.gif) no-repeat left top;
	height: 31px;
	padding: 0px;
	float:left;
}

.jqTransformInputInner {
	background: transparent url(img/input/input_text_right.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 31px;
	margin:0px 0px 0px 8px;
}

.jqTransformInputInner div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: none;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	background:transparent;
}

/*  IE6 */
* html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin: 0 0 0 -8px;
	height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-10px;
	height:24px;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
	font-size: 12px;
	line-height: 16px;
}

table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(img/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(img/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(img/textarea/textarea_tr.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(img/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(img/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(img/textarea/textarea_mr.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(img/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(img/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(img/textarea/textarea_br.gif) no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(img/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(img/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url(img/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(img/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	background: url(img/select_left.gif) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(img/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}